@extends('layouts.partials.main')
@section('Titre')
Liste des Categories
@endsection
@section('tables')
Categorie
@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>Categorie</small></h3>
        </div>
        <div class="block-content block-content-full">
            <div class="block block-rounded">

                <button class="btn btn-success"> <a href="{{ route('Categorie.create') }}" style="color: white">Nouvelle
                        Catégorie
                    </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>Label </th> --}}
                        <th class="d-none d-sm-table-cell" style="width: 30%;">Libellé</th>
                        {{-- <th class="d-none d-sm-table-cell" style="width: 30%;">Categories</th> --}}


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

                    </tr>
                </thead>
                <tbody>

                    @foreach ($allCats as $res)
                    {{-- {{dd($allRes)}} --}}

                    <tr>
                        <td class="text-center fs-sm">{{$i+1}}</td>
                        <td class="fw-semibold fs-sm">{{ $res->label }}</td>


                        {{-- <td class="fw-semibold fs-sm">{{ $res->color }}</td> --}}
                        {{-- <td class="d-none d-sm-table-cell fs-sm">
                            {{ @foreach ($res->sections->label as $sec)
                            $sec
                            @endforeach }}
                        </td> --}}


                        <td>
                            <div class="btn-group">
                                <form action="{{ route('Categorie.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('Categorie.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="Delete">
                                        <i class="fa fa-fw fa-eye"></i>
                                    </button>
                                </form>
                                <form action="{{ route('Categorie.destroy', $res->id) }}" method="POST">
                                    {{ method_field('DELETE') }}
                                    {{ csrf_field() }}
                                    <button type="submit" class="btn btn-sm btn-alt-secondary 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