@extends('layouts.partials.main')
@section('Titre')
    Rubriques
@endsection
@section('content-pr')
    @if (session()->get('success'))
        <div class="alert alert-success">
            {{ session()->get('success') }}
        </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>Rubriques</small></h3>
            </div>
            <div class="block-content block-content-full">
                <div class="btn-group">
                    <button class="btn btn-success"> <a href="{{ route('Sections.create') }}" style="color: white">Nouvelle
                            rubrique
                        </a>
                    </button>
                </div>
            </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" style="width: 30%;">Libellé</th>
                        <th class="d-none d-sm-table-cell" style="width: 30%;">Description</th>

                        <th class="d-none d-sm-table-cell" style="width: 30%;">Actif</th>
                        <th class="d-none d-sm-table-cell" style="width: 30%;">Visible a l'acceuil </th>
                        <th class="d-none d-sm-table-cell" style="width: 30%;">Payant </th>

                        <th style="width: 15%;">Actions</th>

                    </tr>
                </thead>
                <tbody>
                                        @foreach ($sections as $sec)
                        {{-- {{dd($sec)}} --}}
                        <tr>
                            <td class="text-center fs-sm">{{ $i }}</td>
                            <td class="fw-semibold fs-sm">{{ $sec->label }}</td>
                            <td class="fw-semibold fs-sm">{{ $sec->description }}</td>
                            <td class="fw-semibold fs-sm">
                                @if ($sec->is_visible == 1)
                                    {{ 'Oui' }}
                                @else
                                    {{ 'Non' }}
                                @endif
                            </td>
                            {{-- <td class="fw-semibold fs-sm">{{ $sec->SectionType->label}}</td> $sec->is_visible_home --}}
                            <td class="fw-semibold fs-sm">
                                @if ($sec->is_visible_home == 1)
                                    {{ 'Oui' }}
                                @else
                                    {{ 'Non' }}
                                @endif
                            </td>

                            <td class="fw-semibold fs-sm">
                                @if ($sec->paid == 1)
                                    {{ 'Oui' }}
                                @else
                                    {{ 'Non' }}
                                @endif
                            </td>




                            <td>
                                <div class="btn-group">
                                    <form action="{{ route('Sections.edit', $sec->id) }}">
                                        <button type="submit" class="btn btn-sm btn-alt-secondary 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('Sections.show', $sec->id) }}">
                                        <button type="submit" class="btn btn-sm btn-alt-secondary js-bs-tooltip-enabled"
                                            data-bs-toggle="tooltip" title="" data-bs-original-title="Show">
                                            <i class="fa fa-fw fa-eye"></i>
                                        </button>
                                    </form>
                                    <form action="{{ route('Sections.destroy', $sec->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