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

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

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

    <x-ui.table-card :items="$jobs">
        <table class="table table-sm mb-0">
            <thead>
            <tr>
                <th>ID</th>
                <th>Title</th>
                <th>Applicants</th>
                <th>Country</th>
                <th>Salary</th>
                <th>Featured Home</th>
                <th>Featured VF</th>
                <th>Published</th>
                <th>Created at</th>
                <th class="th-action">Actions</th>
            </tr>
            </thead>
            <tbody>
            @foreach($jobs as $job)
                <tr>
                    <td>{{ $job->id }}</td>
                    <td>
                        @php $shortName = (strlen($job->name) > 64) ?  substr($job->name, 0,64) . '...' : $job->name @endphp

                        @if ($job->published)
                            <a data-bs-toggle="tooltip" title="{{ $job->name }}" href="{{ route('job.show',['slug'=> $job->slug]) }}" target="_blank">{{ $shortName }}</a>
                        @else
                            <span data-bs-toggle="tooltip" title="{{ $shortName }}">{{ $job->name }}</span>
                        @endif

                        <div><small class="text-gray-600">{{ $job->company->name ?? '' }}</small></div>
                    </td>

                    <td>{{ (int) $job->count_applyers }}</td>
                    <td>{{ $job->country }}</td>
                    <td>
                        <div>
                            {{ $job->type }}
                        </div>
                        <div>
                            <small class="text-gray-600">{{ $job->salary() }}</small>
                        </div>
                    </td>
                    <td>
                        <livewire:backend.form-control.switch-button
                            table="job.featured_homepage"
                            unique="{{ $job->id }}"
                            value="{{ (bool)$job->featured_virtual_fair }}"
                        />
                    </td>
                    <td>
                        <livewire:backend.form-control.switch-button
                            table="job.featured_virtual_fair"
                            unique="{{ $job->id }}"
                            value="{{ (bool)$job->featured_virtual_fair }}"
                        />
                    </td>
                    <td>
                        <livewire:backend.form-control.switch-button
                            table="job.published"
                            unique="{{ $job->id }}"
                            value="{{ (bool)$job->published }}"
                        />
                    </td>
                    <td>{{ app_date($job->created_at) }}</td>
                    <td class="td-action">
                        <x-ui.table-action>
                            <a class="dropdown-item"
                               href="{{ route('backend.job.edit',['job' => $job]) }}">Edit</a>

                            @if ($job->published)
                                <a class="dropdown-item"
                                   href="{{ route('backend.job.show',['job' => $job]) }}"
                                   target="_blank">Show</a>
                            @endif

                            <x-ui.delete-record name="{{ $job->name }}" action="{{ route('backend.job.destroy',['job' => $job]) }}"/>
                        </x-ui.table-action>
                    </td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </x-ui.table-card>
@endsection