@extends('layouts.base')

@section('title', 'Ma société - ' . (Auth::check() ? Auth::user()->t_structure->libelle : 'Invité'))

@section('breadcrumb')
    <div class="subheader-block d-lg-flex align-items-center">
        <ol class="breadcrumb page-breadcrumb m-0 mr-4">
            <li class="breadcrumb-item"><a href="{{ route('accueil') }}">Tableau de bord</a></li>
            <li class="breadcrumb-item">@yield('title')</li>
            <li class="breadcrumb-item">Ma société</li>
        </ol>
    </div>
@endsection


@section('content')
    <main id="js-page-content" role="main" class="page-content">

        <div class="card border-0 mb-3">
            <div class="card-body pt-0">
                <div class="row pl-3 pr-3 mt-3">
                    <h3 class="d-flex flex-row mr-auto align-items-center"><i
                            class="fal fa-users intervention t-ico fa-2x color-primary-200 mr-2"></i>
                            @if ($niveau = 1)
                                Société mère
                            @elseif ($niveau = 2)
                                Liste des structures - Agence
                            @elseif ($niveau = 3)
                                Liste des structures - Centre
                            @else
                                Liste des structures - Société cliente
                            @endif
                        </h3>
                </div>
                <div class="row mr-2 ml-2 mt-3">
                    <div class="col-md-12">
                        <!-- datatable start -->
                        <table id="dt-structure-principale" class="table table-bordered table-hover table-striped ">
                            <thead class="bg-primary-100">
                                <tr>
                                    <th>Nom</th>
                                    <th>Adresse</th>
                                    <th>Téléphone</th>
                                    <th>Email</th>
                                    <th>Agence(s)</th>
                                    <th style="width: 140px !important;">Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($structures  as $structure )
                                <tr>
                                    <td>{{ $structure->libelle }}</td>
                                    <td>{{ $structure->adresse }} {{ $structure->cp }} {{ $structure->ville }}</td>
                                    <td>{{ $structure->telephone }}</td>
                                    <td>{{ $structure->mail }}</td>
                                    <td>
                                        @if($structure->agences->isEmpty())
                                        <span class="text-muted">Aucune agence</span>
                                        @else
                                            <strong>{{ $structure->agences->count() }} Agence(s)</strong>
                                            <ul>
                                                @foreach ($structure->agences as $agence)
                                                    <li><a href="{{ route('structure.details', ['structure_id' => $agence->id, 'niveau' => $agence->niveau_id]) }}" target="_blank" >{{ $agence->libelle }}</a></li>
                                                @endforeach
                                            </ul>
                                        @endif
                                    </td>
                                    <td class="text-center">
                                        <a href="{{ route('structure.details', ['structure_id' => $structure->id, 'niveau' => $structure->niveau_id]) }}" class="btn btn-success btn-sm" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="Voir l\'utilisateur"><i class="fa-solid fa-eye"></i></a>
                                    </td>
                                </tr>
                                @empty

                                @endforelse
                            </tbody>
                        </table>
                        <!-- datatable end -->
                    </div>
                </div>
            </div>
        </div>
    </main>
@endsection

@push('script')
    <script src="{{ asset('/assets/js/peity/peity.bundle.js') }}"></script>
    <script>
        $(document).ready(function() {
            $('#dt-structure-principale').DataTable({
                dom: "<'row mb-3'<'col-sm-12 col-md-6 d-flex align-items-center justify-content-start'f><'col-sm-12 col-md-6 d-flex align-items-center justify-content-end'lB>>" +
                    "<'row'<'col-sm-12'tr>>" +
                    "<'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7'p>>", // Ajoutez B pour les boutons
                buttons: [
                    {
                        extend: 'csvHtml5',
                        text: 'Exporter CSV',
                        titleAttr: 'Télécharger en CSV',
                        className: 'btn btn-outline-primary btn-sm' // Classe Bootstrap pour le style
                    },
                    {
                        extend: 'print',
                        text: 'Imprimer',
                        titleAttr: 'Imprimer le tableau',
                        className: 'btn btn-outline-info btn-sm'
                    }
                ],
                language: {
                    processing: "Traitement en cours...",
                    searchPlaceholder: 'Rechercher',
                    lengthMenu: "Afficher _MENU_ &eacute;l&eacute;ments",
                    info: "Affichage de l'&eacute;lement _START_ &agrave; _END_ sur _TOTAL_ &eacute;l&eacute;ments",
                    infoEmpty: "Affichage de l'&eacute;lement 0 &agrave; 0 sur 0 &eacute;l&eacute;ments",
                    infoFiltered: "(filtr&eacute; de _MAX_ &eacute;l&eacute;ments au total)",
                    infoPostFix: "",
                    loadingRecords: "Chargement en cours...",
                    zeroRecords: "Aucun &eacute;l&eacute;ment &agrave; afficher",
                    emptyTable: "Aucune donnée disponible dans le tableau",
                    paginate: {
                        first: "Premier",
                        previous: "Pr&eacute;c&eacute;dent",
                        next: "Suivant",
                        last: "Dernier"
                    },
                    aria: {
                        sortAscending: ": activer pour trier la colonne par ordre croissant",
                        sortDescending: ": activer pour trier la colonne par ordre décroissant"
                    }
                },
            });
        });
    </script>
@endpush