@extends( 'layout.dashboard' )

@section( 'content' )

    <!-- Dashboard Content
	================================================== -->
    <div class="dashboard-content-container" data-simplebar>
        <div class="dashboard-content-inner">

            <!-- Dashboard Headline -->
            <div class="dashboard-headline">
                <h3>Applied Jobs</h3>
            </div>

            <!-- Row -->
            <div class="row">

                <!-- Dashboard Box -->
                <div class="col-xl-12">
                    <div class="dashboard-box margin-top-0">

                        <!-- Headline -->
                        <div class="headline">
                            <h3><i class="icon-material-outline-business-center"></i> Jobs I've Applied For</h3>
                        </div>

                        <div class="content">
                            <ul class="dashboard-box-list">
                                @foreach( $jobs->sortByDesc( function( $item ) {
           return $item->getApplication()->sent_employment_request;
        }) as $job )
                                    <li>
                                        <!-- Job Listing -->
                                        <div class="job-listing">

                                            <!-- Job Listing Details -->
                                            <div class="job-listing-details">

                                                <!-- Logo -->
                                                <!-- 											<a href="#" class="job-listing-company-logo">
                                                                                                <img src="images/company-logo-05.png" alt="">
                                                                                            </a> -->

                                                <!-- Details -->
                                                <div class="job-listing-description">
                                                    <h3 class="job-listing-title">
                                                        <a href="{{ $job->url }}" target="_blank">{{ $job->title }}</a>
                                                    </h3>

                                                    <!-- Job Listing Footer -->
                                                    <div class="job-listing-footer">
                                                        <ul>
                                                            <li>
                                                                <i class="icon-material-outline-date-range"></i> Applied {{ $job->getApplication()->created_at->diffForHumans() }}
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>

                                                @if ( $job->getApplication()->applicant_accepted )
                                                    <button style="opacity:.8;cursor:not-allowed;" disabled type="submit" class="d-inline-block text-white disabled button primary">
                                                        <i class="icon-line-awesome-check"></i> Accepted
                                                    </button>
                                                @elseif ( $job->getApplication()->applicant_rejected )
                                                    <button style="opacity:.8;cursor:not-allowed;" disabled type="submit" class="d-inline-block disabled button gray">
                                                        <i class="icon-line-awesome-close"></i> Rejected
                                                    </button>
                                               @elseif( $job->getApplication()->sent_employment_request )
                                                    <div class="buttons-to-right" style="opacity:1;">
                                                        <form class="d-inline-block" method="post" action="{{ route( 'application.reply', [ 'job' => $job->ID, 'contract' => $job->getApplication()->id ] ) }}">
                                                            @csrf

                                                            <input type="hidden" name="accepted" value="true">
                                                            <button type="submit" class="d-inline-block text-white button primary">
                                                                <i class="icon-line-awesome-check"></i> Accept Job
                                                            </button>
                                                        </form>

                                                        <form class="d-inline-block" method="post" action="{{ route( 'application.reply', [ 'job' => $job->ID, 'contract' => $job->getApplication()->id ] ) }}">
                                                            @csrf

                                                            <input type="hidden" name="accepted" value="false">
                                                            <button type="submit" class="d-inline-block margin-left-15 button gray">Reject Offer</button>
                                                        </form>
                                                    </div>
                                               @endif
                                            </div>
                                        </div>

                                    </li>
                                @endforeach
                            </ul>
                        </div>
                    </div>

                    {{ $jobs->links() }}
                </div>

            </div>
            <!-- Row / End -->

            <!-- Footer -->
            <div class="dashboard-footer-spacer"></div>
            <div class="small-footer margin-top-15">
                <div class="small-footer-copyrights">
                    © {{ date('Y') }} <strong>{{ env( 'APP_NAME' ) }}</strong>. All Rights Reserved.
                </div>
                <ul class="footer-social-links">
                    <li>
                        <a href="#" title="Facebook" data-tippy-placement="top">
                            <i class="icon-brand-facebook-f"></i>
                        </a>
                    </li>
                    <li>
                        <a href="#" title="Twitter" data-tippy-placement="top">
                            <i class="icon-brand-twitter"></i>
                        </a>
                    </li>
                    <li>
                        <a href="#" title="Google Plus" data-tippy-placement="top">
                            <i class="icon-brand-google-plus-g"></i>
                        </a>
                    </li>
                    <li>
                        <a href="#" title="LinkedIn" data-tippy-placement="top">
                            <i class="icon-brand-linkedin-in"></i>
                        </a>
                    </li>
                </ul>
                <div class="clearfix"></div>
            </div>
            <!-- Footer / End -->

        </div>
    </div>
    <!-- Dashboard Content / End -->


@endsection