@extends('layouts.dashboard.dashboard')
@push('css')
    <link href="{{asset('vendor/datatables/dataTables.bootstrap4.min.css')}}" rel="stylesheet">
@endpush
@push('js')
    <script src="{{asset('vendor/datatables/jquery.dataTables.min.js')}}"></script>
    <script src="{{asset('vendor/datatables/dataTables.bootstrap4.min.js')}}"></script>
@endpush
@section('content')

   @component('card-component',['title'=>trans('main.career_title')])
       @component('components.data-table',['tableID'=>"tablecareer"])
           @slot('thead')
               <tr>
                   <th> @lang('main.id') </th>
                   <th>@lang('main.name')</th>
                   <th>@lang('main.email')</th>
                   <th>@lang('main.message')</th>
                   <th> @lang('main.delete') </th>
               </tr>
           @endslot
           @slot('tbody')
               @foreach ($careers ?? [] as $career)
                   <tr>
                       <td>{{$career->id}}</td>
                       <td>{{$career->name}}</td>
                       <td>{{$career->email}}</td>
                       <td>{{$career->message}}</td>
                       <td>
                           <form name="careerDelete{{$career->id}}" action="{{route('dashboard.career.destroy',$career)}}" method="post">@csrf @method('DELETE')</form>
                           <button type="button" onclick="confirm(' @lang('main.career_delete') ')?careerDelete{{$career->id}}.submit():''" class="btn btn-sm btn-danger">@lang('main.delete')</button>
                       </td>
                   </tr>
               @endforeach
           @endslot

       @endcomponent

       @isset($careers)
           <div class="text-right"> <div class="d-inline-block">{{$careers->links()}}</div> </div>
       @endisset
       @push('js')
           <script>
               $(document).ready(function() {
                   $('#tablecareer').DataTable({
                       paginate:false
                   });
               });
           </script>
       @endpush

   @endcomponent


@stop