@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 litiges = JSON.parse(target.dataset.p_obj);

            const form = document.getElementById('editLitigeForm');
            form.action = "{{ route('litiges.modify', ':id') }}".replace(':id', litiges.id);
            console.log(litiges);
            const editModal = new bootstrap.Modal(document.getElementById('editLitigeModal'), {
                backdrop: 'static',
                keyboard: false
            });
            setSelectValueByLibelle(litiges.statut);
            // document.getElementById('statut').value = litiges.statut;
            document.getElementById('observation').value = litiges.observation;
            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="/litiges">Litige </a></span> / </span> <span class="breadcrumb-item active"><a
                                href="#">Liste des litiges</a></span>
                    </h4>
                </div>
               <div class="col-sm-1">
                    @can('litige.create')<a class="btn btn-primary float-right"
                       href="{{ route('litiges.create') }}">
                       <i class="ti ti-plus" title="Ajouter un nouveau litige"></i>
                    </a>@endcan
                </div>
            </div>
        </div>
    </section>

    <div class="content px-3">

        @include('flash::message')

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

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