@extends($activeTemplate.'layouts.master')
@section('content')
<div class="col-xl-9 ps-xl-4">
    <div class="custom--card">
        <div class="card-body p-0">
            <div class="table-responsive--md">
                <table class="table custom--table">
                    <thead>
                        <tr>
                            <th>@lang('Job Title')</th>
                            <th>@lang('Action')</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($favorites as $favorite)
                            <tr>
                                <td>
                                    <a href="{{route('job.detail', $favorite->job_id)}}">{{__($favorite->job->title)}}</a>
                                </td>
                                <td>
                                    <button type="button" class="btn btn--danger-outline btn-sm confirmationBtn"
                                            data-action="{{ route('user.favorite.job.delete',$favorite->id) }}"
                                            data-question="@lang('Are you sure to remove this favorite job?')">
                                        <i class="las la-trash-alt"></i>@lang('Delete')
                                    </button>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td class="text-muted text-center" colspan="100%">{{ __($emptyMessage) }}</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
        @if ($favorites->hasPages())
        <div class="card-footer p-2">
            {{ paginateLinks($favorites) }}
        </div>
        @endif
    </div>
</div>
<x-confirmation-modal/>
@endsection