@extends('layouts.partials.main')
@section('Titre')
    Liste des Mots
@endsection
@section('tables')
    Mots
@endsection
@section('content-pr')
    @if (session()->get('success'))
        <div class="alert alert-success">
            {{ session()->get('success') }}
        </div><br />
    @endif

    @if (session()->get('error'))
        <div class="alert alert-danger">
            {{ session()->get('error') }}
        </div><br />
    @endif

    <div class="content">
        <!-- Dynamic Table Full -->
        <div class="block block-rounded">
            <div class="block-header block-header-default">
                <h3 class="block-title">Table <small>Lexique</small></h3>
            </div>
            <div class="block-content block-content-full">
                <div class="block block-rounded">

                    <button class="btn btn-success"> <a href="{{ route('Glossary.create') }}" style="color: white"> Nouveau
                            mot
                        </a>
                    </button>
                </div>
                <!-- DataTables init on table by adding .js-dataTable-full class, functionality is initialized in js/pages/be_tables_datatables.min.js which was auto compiled from _js/pages/be_tables_datatables.js -->
                <table class="table table-bordered table-striped table-vcenter js-dataTable-full">
                    <thead>
                        <tr>
                            <th class="text-center" style="width: 80px;">N°</th>
                            <th class="d-none d-sm-table-cell">Libellé </th>
                            {{-- <th class="d-none d-sm-table-cell" style="width: 30%;">label</th> --}}


                            {{-- <th style="width: 15%;">Status</th> --}}
                            {{-- <th style="width: 15%;">Departement</th> --}}
                            <th style="width: 15%;">Actions</th>

                        </tr>
                    </thead>
                    <tbody>
                                                @foreach ($allglo as $res)
                            {{-- {{dd($allRes)}} --}}
                            <tr>
                                <td class="text-center fs-sm">{{ $i }}</td>
                                <td class="fw-semibold fs-sm">{{ $res->label }}</td>


                                {{-- <td class="fw-semibold fs-sm">{{ $res->price }}</td> --}}
                                {{-- <td class="d-none d-sm-table-cell fs-sm">
                            {{ $res->status }}
                        </td> --}}


                                <td>
                                    <div class="btn-group">
                                        <form action="{{ route('Glossary.edit', $res->id) }}">
                                            <button type="submit"
                                                class="btn btn-sm btn-alt-subondary js-bs-tooltip-enabled"
                                                data-bs-toggle="tooltip" title="" data-bs-original-title="Edit">
                                                <i class="fa fa-fw fa-pencil-alt"></i>
                                            </button>
                                        </form>
                                        <form action="{{ route('Glossary.show', $res->id) }}">
                                            <button type="submit"
                                                class="btn btn-sm btn-alt-subondary js-bs-tooltip-enabled"
                                                data-bs-toggle="tooltip" title="" data-bs-original-title="See">
                                                <i class="fa fa-fw fa-eye"></i>
                                            </button>
                                        </form>
                                        <form action="{{ route('Glossary.destroy', $res->id) }}" method="POST">
                                            {{ method_field('DELETE') }}
                                            {{ csrf_field() }}
                                            <button type="submit"
                                                class="btn btn-sm btn-alt-subondary js-bs-tooltip-enabled"
                                                data-bs-toggle="tooltip" title="" data-bs-original-title="Delete">
                                                <i class="fa fa-fw fa-times"></i>
                                            </button>
                                        </form>
                                    </div>
                                </td>

                            </tr>
                                                    @endforeach


                    </tbody>
                </table>
            </div>
        </div>
        <!-- END Dynamic Table Full -->

        <!-- Dynamic Table Full Pagination -->

        <!-- END Dynamic Table Full Pagination -->

        <!-- Dynamic Table Simple -->

        <!-- END Dynamic Table Simple -->

        <!-- Dynamic Table with Export Buttons -->



        <!-- Dynamic Table Responsive -->
    </div>
@endsection