@extends('layouts.base')

@section('title', 'Structure - ' . (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">Détails</li>
        </ol>
    </div>
@endsection


@section('content')

<main id="js-page-content" role="main" class="page-content">
    <!-- Détails profil -->
    {{-- <div class="page-heading d-flex justify-content-between align-items-center">
        <h1 class="h3 mb-0 font-weight-bold"><i class="fa fa-user mr-2"></i> Informations structure </h1>
    </div> --}}

<!-- Section: Détails du profil -->
<div class="card mt-4">
    <div class="card-header bg-secondary text-white">
        Détails du structure
    </div>
    <div class="card-body">
        <form>
            <div class="row">
                <div class="col-md-6">
                    <div class="form-group">
                        <label for="nom">Nom</label>
                        <input type="text" id="nom" class="form-control" value="{{ $structure->libelle }}" readonly>
                    </div>
                    <div class="form-group">
                        <label for="prenom">Téléphone</label>
                        <input type="text" id="prenom" class="form-control" value="{{ $structure->telephone }}" readonly>
                    </div>
                    <div class="form-group">
                        <label for="email">Adresse e-mail</label>
                        <input type="email" id="email" class="form-control" value="{{ $structure->mail }}" readonly>
                    </div>
                    <div class="form-group">
                        @if ($structure->niveau_id == 1)
                        <label for="username">Agence(s)</label>
                        <div class="">
                            <ul>
                                @forelse ( $agences as $agence )
                                <li>{{$agence->libelle}}</li>
                                @empty
                                <li>Aucune agence trouvée</li>
                                @endforelse
                            </ul>
                        </div>
                        {{-- si niveau 2 --}}
                        @elseif ($structure->niveau_id == 2)
                        <label for="username">Société mère</label>
                        <a href="{{ route('structure.details', ['structure_id' => $structure->parent->id, 'niveau' => $structure->parent->t_niveau ]) }}" id="structure" class="form-control text-danger" value="" readonly>{{ $structure->parent->libelle }}</a>

                        {{-- si niveau 3 --}}
                        @elseif ($structure->niveau_id == 3)
                        <label for="username">Agence</label>

                        @else
                            @if ($structure->pareint_id = 1)
                            <label for="username">Rattachée à</label>
                            <input type="text" id="username" class="form-control" value="{{ $structure->parent->libelle }}" readonly>
                            {{-- si parent niveau == 4 --}}
                            {{-- sinon --}}
                            @endif
                        @endif
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group">
                        <label for="metier">Adresse</label>
                        <input type="text" id="metier" class="form-control" value="{{ $structure->adresse }} - {{ $structure->cp }} {{ $structure->ville }} " readonly>
                    </div>
                    <div class="form-group">
                        <label for="telephone">Fax</label>
                        <input type="text" id="telephone" class="form-control" value="{{ $structure->fax }}" readonly>
                    </div>
                </div>
            </div>
        </form>
        <a type="button" href="" class="btn btn-warning btn-sm mt-3 float-right"><i class="fa-solid fa-pen-to-square mr-2"></i></i>Modifier</a>
        <a type="button" href="" class="btn btn-secondary btn-sm mt-3 float-right mr-2"><i class="fa fa-arrow-circle-left mr-2"></i>Retour</a>
    </div>
</div>

<!-- Section: Société(s) cliente(s) enfant(s) -->
@if ( $structure->t_niveau?->valeur == 4 && ($structure->parent->t_niveau?->valeur == 1 || $structure->parent->t_niveau?->valeur == 2) )
<div class="card mt-4">
    <div class="card-header bg-secondary text-white">
        Société(s) cliente(s) enfant(s)
    </div>
    <div class="card-body">
        <div class="row" id="cd-structure" style="display: none; margin-bottom: 5px;">

        </div>

        <div class="row mr-2 ml-2 mt-3">
            <div class="col-md-12">
                <!-- datatable start -->
                <table id="dt-structure" class="table table-bordered table-hover table-striped w-100">
                    <thead class="bg-primary-100">
                        <tr>
                            <th>Nom</th>
                            <th>Adresse</th>
                            <th>Centre</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($structure->enfantsSocieteNationale as $societe)
                        <tr>
                            <td>{{ $societe->libelle }}</td>
                            <td>{{ $societe->adresse }} - {{ $societe->cp }} {{ $societe->ville }}</td>
                            <td>{{ $societe->parent->libelle }}</td>
                            <td class="text-center">
                                <a href="{{ route('structure.details', ['structure_id' => $societe->id, 'niveau' => $societe->niveau_id]) }}" class="btn btn-success btn-sm" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="Voir la fiche" target="_blank">
                                    <i class="fa-solid fa-eye"></i>
                                </a>
                            </td>
                        </tr>
                        @empty
                            {{-- Laisser vide car l'absence de donnée est géré par DataTable --}}
                            <tr>
                                <td colspan="9" class="text-center">Aucun enregistrement trouvé</td>
                            </tr>
                        @endforelse
                    </tbody>
                    <tfoot>
                        <tr>
                            <th>Nom</th>
                            <th>Adresse</th>
                            <th>Centre</th>
                            <th>Action</th>
                        </tr>
                    </tfoot>
                </table>
                <!-- datatable end -->

            </div>
        </div>
    </div>
</div>
@endif

</main>

@endsection

@push('script')
    <script src="{{ asset('/assets/js/peity/peity.bundle.js') }}"></script>
    <script>
        $(document).ready(function() {
            // Structure
            $('#dt-structure').dataTable({
                responsive: true,
                language: {
                    processing: "Traitement en cours...",
                    searchPlaceholder: 'Rechercher',
                    // search:         "Rechercher&nbsp;:",
                    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"
                    }
                },
                lengthChange: true,
                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>>",
                buttons: [{
                        extend: 'pdfHtml5',
                        text: 'PDF',
                        titleAttr: 'Generate PDF',
                        className: 'btn-outline-danger btn-sm mr-1'
                    },
                    {
                        extend: 'excelHtml5',
                        text: 'Excel',
                        titleAttr: 'Generate Excel',
                        className: 'btn-outline-success btn-sm mr-1'
                    },
                    {
                        extend: 'csvHtml5',
                        text: 'CSV',
                        titleAttr: 'Generate CSV',
                        className: 'btn-outline-primary btn-sm mr-1'
                    },
                    {
                        extend: 'copyHtml5',
                        text: 'Copier',
                        titleAttr: 'Copy to clipboard',
                        className: 'btn-outline-primary btn-sm mr-1'
                    },
                    {
                        extend: 'print',
                        text: 'Imprimer',
                        titleAttr: 'Print Table',
                        className: 'btn-outline-primary btn-sm'
                    },

                ],
            });

        });
    </script>
@endpush