@extends('materiels.layouts')

@section('content')

<div class="row justify-content-center mt-3">
    <div class="col-md-12">

        @if ($message = Session::get('success'))
            <div class="alert alert-success" role="alert">
                {{ $message }}
            </div>
        @endif

        <div class="card">
            <div class="card-header">Liste des Matériels</div>
            <div class="card-body">
                <div id="toolbar">
                    <a href="{{ route('materiels.create') }}" class="btn btn-success btn-sm my-2"><i class="bi bi-plus-circle"></i> Ajouter un Matériels</a>
                </div>
                <table
                    id="table"
                    data-toolbar="#toolbar"
                    data-toggle="table"
                    data-show-toggle="false"
                    data-show-fullscreen="true"
                    data-search="true"
                    data-show-columns="true"
                    data-pagination="true"
                    data-show-pagination-switch="true"
                    data-show-export="true"
                    data-export-data-type="all"
                    data-export-types="['csv', 'excel' , 'pdf']"
                    data-cookie="true"
                    data-cookie-id-table="liste_materiels"
                    class="table table-striped table-bordered"
                    >
                    <thead>
                      <tr>
                        <th scope="col" data-sortable="true">Id</th>
                        <th scope="col" data-sortable="true">Mise en Service</th>
                        <th scope="col" data-sortable="true">Nom</th>
                        <th scope="col" data-sortable="true">Marque</th>
                        <th scope="col" data-sortable="true">Référence</th>
                        <th scope="col" data-sortable="true">Prochaine certif.</th>
                        <th scope="col" data-sortable="true">Localisation</th>
                        <th scope="col" data-sortable="true">Description</th>
                        <th scope="col" data-sortable="true">Valeur</th>
                        <th scope="col" data-sortable="true">Date Val</th>
                        <th scope="col" data-force-hide="true">Action</th>
                      </tr>
                    </thead>
                    <tbody>
                        @forelse ($datas as $data)
                        <tr>
                            <td>{{ $data->id }}</td>
                            <td>{{ $data->mise_en_service->format('d-m-Y') }}</td>
                            <td>{{ $data->nom }}</td>
                            <td>{{ $data->marque }}</td>
                            <td>{{ $data->reference }}</td>
                            <td>{{ $data->prochaine_certif->format('d-m-Y') }}</td>
                            <td>{{ $data->localisation }}</td>
                            <td>{{ $data->description }}</td>
                            <td>{{ round($data->valeur + 0, 2) }}&nbsp;&euro;</td>
                            <td>{{ $data->date_valeur->format('d-m-Y') }}</td>
                            <td>
                                <form action="{{ route('materiels.destroy', $data->id) }}" method="post">
                                    @csrf
                                    @method('DELETE')

                                    <a href="{{ route('materiels.show', $data->id) }}" class="btn btn-warning btn-sm"><i class="bi bi-eye"></i> Détail</a>
                                    <a href="{{ route('materiels.edit', $data->id) }}" class="btn btn-primary btn-sm"><i class="bi bi-pencil-square"></i> Modif</a>

                                    <button type="submit" class="btn btn-danger btn-sm" onclick="return confirm('Voulez-vous vraiment supprimer ce Matériel ?');"><i class="bi bi-trash"></i> Suppr</button>
                                </form>
                            </td>
                        </tr>
                        @empty
                            <td colspan="13">
                                <span class="text-danger">
                                    <strong>Aucun matériel !</strong>
                                </span>
                            </td>
                        @endforelse
                    </tbody>
                  </table>

            </div>
        </div>
    </div>    
</div>
    
@endsection