@extends('frises.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 Frises</div>
            <div class="card-body">
                <div id="toolbar">
                    <a href="{{ route('frises.create') }}" class="btn btn-success btn-sm my-2"><i class="bi bi-plus-circle"></i> Ajouter un stock de Frises</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_frises"
                    class="table table-striped table-bordered"
                    >
                    <thead>
                      <tr>
                        <th scope="col" data-sortable="true">Id</th>
                        <th scope="col" data-sortable="true">Date</th>
                        <th scope="col" data-sortable="true">type</th>
                        <th scope="col" data-sortable="true">Vert</th>
                        <th scope="col" data-sortable="true">Sechoirs</th>
                        <th scope="col" data-sortable="true">Morte Avant</th>
                        <th scope="col" data-sortable="true">Morte Apres</th>
                        <th scope="col" data-force-hide="true">Action</th>
                      </tr>
                    </thead>
                    <tbody>
                        @forelse ($datas as $data)
                        <tr>
                            <td>{{ $data->id }}</td>
                            <td>{{ $data->date }}</td>
                            <td>{{ $data->type }}</td>
                            <td>{{ $data->vert }}</td>
                            <td>{{ $data->sechoir }}</td>
                            <td>{{ $data->morteAvant }}</td>
                            <td>{{ $data->morteApres }}</td>
                            <td>
                                <form action="{{ route('frises.destroy', $data->id) }}" method="post">
                                    @csrf
                                    @method('DELETE')

                                    <a href="{{ route('frises.show', $data->id) }}" class="btn btn-warning btn-sm"><i class="bi bi-eye"></i> Détail</a>
                                    <a href="{{ route('frises.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