@extends('backend::layouts.app')

@section('content')
    <x-ui.breadcrumb title="Applicants">
        <span>Applicants</span>
        <a class="breadcrumb-item" href="{{ route('backend.job.index') }}">Jobs</a>
        <x-slot:actions>
            <a class="breadcrumb-item" href="{{ route('backend.job-applicant.export',request()->all()) }}">Export</a>
        </x-slot:actions>
    </x-ui.breadcrumb>

    @include('backend-job::applicant.inc.filter')

    <x-ui.table-card :items="$applicants">
        <table class="table table-hover table-sm mb-0 ">
            <thead>
            <tr>
                <th>ID</th>
                <th>Job</th>
                <th>Email</th>
                <th>First name</th>
                <th>Last name</th>
                <th>Phone</th>
                <th>Profession</th>
                <th>Country</th>
                <th>Date</th>
                <th>Actions</th>
            </tr>
            </thead>
            <tbody>
            @foreach($applicants as $applicant)
                <tr>
                    <td>{{ $applicant->id }}</td>
                    <td>
                        @if (isset($applicant->job))
                            @php $shortName = (strlen($applicant->job->name) > 64) ?  substr($applicant->job->name, 0,64) . '...' : $applicant->job->name @endphp
                            @if ($applicant->job->published)
                                <a data-bs-toggle="tooltip" title="{{ $applicant->job->name }}"
                                   href="{{ route('job.show',['slug'=> $applicant->job->slug]) }}"
                                   target="_blank">{{ $shortName }}</a>
                            @else
                                <span data-bs-toggle="tooltip" title="{{ $shortName }}">
                                            {{ $applicant->job->name }}
                                        </span>
                            @endif
                        @else
                            <span>Job not found</span>
                        @endif
                    </td>
                    <td>{{ $applicant->email }}</td>
                    <td>{{ $applicant->fname }}</td>
                    <td>{{ $applicant->lname }}</td>
                    <td>{{ $applicant->phone }}</td>
                    <td>{{ $applicant->profession }}</td>
                    <td>{{ $applicant->country }}</td>
                    <td>{{ app_datetime($applicant->created_at) }}</td>
                    <td>
                        <x-ui.table-action>
                            <a class="dropdown-item"
                               href="{{ route('backend.job-applicant.show',['job_applicant' => $applicant->id]) }}">Show</a>
                            <form method="POST"
                                  action="{{ route('backend.job-applicant.destroy',['job_applicant' => $applicant->id]) }}">
                                @csrf
                                @method('delete')
                                <button class="dropdown-item" type="submit">Remove</button>
                            </form>
                        </x-ui.table-action>
                    </td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </x-ui.table-card>
@endsection