@extends('account::layouts.account')

@section('title','My Jobs')
@section('subtitle','Total: '  . $jobs->links()->paginator->total())

@section('content')
    <div class="card">
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-borderless table-striped table-sm mb-0">
                    <thead class="thead-light">
                    <tr>
                        <th>Title</th>
                        <th>Country</th>
                        <th>Type</th>
                        <th>Created at</th>
                        <th>Modified at</th>
                        <th>Status</th>
                        <th style="width: 50px">Actions</th>
                    </tr>
                    </thead>
                    <tbody>
                    @if ($jobs->count())
                        @foreach($jobs as $job)
                            <tr>
                                <td>
                                    <a href="{{  $job->url() }}" target="_blank">{{ $job->name }}</a>
                                    <br> <small>by <i>{{ $job->company->name }}</i></small>
                                </td>
                                <td>
                                    <span
                                        class="flag-icon flag-icon-{{ Str::slug($job->country) }} mr-1"></span>{{ $job->country }}
                                </td>
                                <td>{{  $job->type }}</td>
                                <td>
                                    {{$job->created_at->format('d/m/Y') }}<br>
                                    <i class="text-muted">{{ app_date_tohuman($job->created_at->timestamp) }}</i>
                                </td>
                                <td>
                                    {{$job->updated_at->format('d/m/Y') }}<br>
                                    <i class="text-muted">{{ app_date_tohuman($job->updated_at->timestamp) }}</i>
                                </td>
                                <td>{!! $job->getLabelStatus() !!}</td>
                                <td class="d-flex">
                                    @if ($job->published)
                                        <a title="Show this" target="_blank"
                                           href="{{ route('job.show',['slug'=> $job->slug]) }}"
                                           class="btn btn-link btn-sm">View</a>
                                    @endif

                                    <a title="Edit this" href="{{ route('account.jobs.edit',['job'=> $job->id]) }}"
                                       class="btn btn-link btn-sm">
                                        Edit
                                    </a>

                                    <form class="m-0 p-0"
                                          action="{{ route('account.jobs.destroy',['job'=> $job->id]) }}" method="POST">
                                        @csrf
                                        @method('delete')

                                        <button class="btn btn-link btn-sm text-danger" data-toggle=form-submit-confirm
                                                type="submit">
                                            Delete
                                        </button>
                                    </form>
                                </td>
                            </tr>
                        @endforeach
                    @else
                        <tr>
                            <td colspan="7"><span class="text-color-gray-3">Not found</span></td>
                        </tr>
                    @endif
                    </tbody>
                </table>
            </div>
        </div>

        @if ($jobs->hasPages())
            <div class="card-footer text-center">
                <div class="text-center mt-4 mt-md-5">
                    {{ $jobs->links() }}
                </div>
            </div>
        @endif
    </div>
@endsection