@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>Manage Candidates</h3>
                <span class="margin-top-7">Job Applications for <a href="{{ route( 'jobs.show', [$job->ID, $job->post_name] ) }}">{{ $job->title }}</a></span>
            </div>

{{--            <a href="{{ route( 'users.cv', $applicant->user->ID ) }}" class="button ripple-effect"><i class="icon-feather-file-text"></i> Download Resume</a>--}}


            <candidates-listing :max-number-of-candidates="{{ $job->number_of_candidates }}" :filled-positions="{{ $job->filled_positions }}" url="{{ route( 'jobs.award', [ $job->ID, -1 ] ) }}" remove-url="{{ route( 'jobs.candidates.destroy', [ $job->ID, -1 ] ) }}" :data="{{ json_encode( ( new \App\Http\Resources\API\JobResource( $job ) )->toArray( request(), true ) ) }}"></candidates-listing>

            <a id="open-send-message-modal" href="#small-dialog" class="d-none popup-with-zoom-anim button dark ripple-effect"><i class="icon-feather-mail"></i> Send Message</a>


            <!-- 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