@extends('content.dashboard.dashboards-analytics')

@section('page-script')
    <script>
        function setSelectValueByLibelle(libelle) {
            const selectElement = document.getElementById('statut');
            const options = selectElement.options;

            for (let i = 0; i < options.length; i++) {
                if (options[i].text == libelle) {
                    selectElement.value = options[i].value; // Définit la valeur correspondante
                    break; // Sort de la boucle une fois trouvé
                }
            }
        }

        function editItem(target) {
            const plaintes = JSON.parse(target.dataset.p_obj);

            const form = document.getElementById('editPlainteForm');
            form.action = "{{ route('plaintes.modify', ':id') }}".replace(':id', plaintes.id);

            const editModal = new bootstrap.Modal(document.getElementById('editPlainteModal'), {
                backdrop: 'static',
                keyboard: false
            });
            setSelectValueByLibelle(plaintes.statut);
            document.getElementById('observation').value = plaintes.observation_plainte;
            editModal.show();
        }
    </script>
@endsection

@section('content')
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-11">
                    <h4 class="py-1 mb-1">
                        <span class="text-muted fw-light"> <a href="/">Accueil</a></span> / <span> <a
                                href="/plaintes">Plainte </a></span> / </span> <span class="breadcrumb-item active"><a
                                href="#">Liste des plaintes</a></span>
                    </h4>
                </div>
                <!-- <div class="col-sm-1">
                                                                                                                                                                                                                                                                                <a class="btn btn-primary float-right"
                                                                                                                                                                                                                                                                                   href="{{ route('plaintes.create') }}">
                                                                                                                                                                                                                                                                                   <i class="ti ti-plus" title="Ajouter une nouvelle plainte"></i>
                                                                                                                                                                                                                                                                                </a>
                                                                                                                                                                                                                                                                            </div> -->
            </div>
        </div>
    </section>

    <div class="content px-3">

        @include('flash::message')

        <div class="clearfix"></div>

        <div class="card">
            @include('plaintes.table')
        </div>
    </div>
@endsection