@extends('dashboard.layouts.master')
@section('title')
    Emplois
@endsection

@section('body')
<div class="row" style="width:95%;margin:0 auto">
    <div class="col-md-12">
        @if (session()->has('success'))
            <div class="alert alert-success">
                {{ session()->get('success') }}
            </div>
        @endif
        <div class="card">
            <div class="card-header">
                <h5 class="title">
                    <div class="container">
                        <div class="row">
                            <div class="col">
                                Emplois :
                            </div>
                            <div class="col text-right">
                                <a class="btn btn-sm btn-outline-primary m-0" href="{{ route('dashboard.createEmplois') }}">Ajouter</a>
                            </div>
                        </div>
                    </div>
                </h5>
            </div>
        </div>
        <table class="table">
            <thead class="thead-dark">
              <tr>
                <th scope="col">Titre</th>
                <th scope="col">Début</th>
                <th scope="col">Fin</th>
                <th scope="col">Nombres</th>
                <th scope="col" style="text-align:center;width:14%">Action</th>
              </tr>
            </thead>
            <tbody>
                @foreach ($emplois as $emploi)
                <tr>
                    <td>{{ $emploi->titre }}</td>
                    <td>{{ $emploi->debut }}</td>
                    <td>{{ $emploi->fin }}</td>
                    <td>{{ $emploi->nombre }}</td>
                    <td>
                        <form id="{{ $emploi->id }}" action="{{ route('dashboard.destroyEmplois', $emploi->id) }}" method="GET">
                            @csrf
                            @method('DELETE')
                            <a href="{{ route('dashboard.showEmplois', $emploi->id) }}" class="btn btn-outline-success btn-sm">Voir</a>
                            <a onclick="
                            event.preventDefault();
                            if (confirm('Etes vous sûr ?')){
                                document.getElementById({{ $emploi->id }}).submit();
                            }"
                             class="btn btn-outline-danger btn-sm" style="float: right">
                                suprimer
                            </a>
                        </form>
                    </td>
                  </tr>
                @endforeach
            </tbody>
        </table>
        <div class="d-flex justify-content-center">
            {{ $emplois->links() }}
        </div>
    </div>
</div>
@endsection