@extends('layouts.master')
@section('content')
    <div class="page-container">

        <div class="row">
            <div class="col-12 mt-1">
                <div class="">
                    <div class="card-header d-flex align-items-center">

                    </div>




                    <div class="card-body">

                        <div class="d-flex justify-content-end">
                            <nav aria-label="breadcrumb">
                                <ol class="breadcrumb mb-0 py-2">
                                    <li class="breadcrumb-item">
                                        <a href="{{ route('dash.index') }}">Tableau de bord</a>
                                    </li>
                                    <li class="breadcrumb-item">
                                        <a href="{{ route('profiles.list') }}">Liste des profils</a>
                                    </li>
                                    <li class="breadcrumb-item active" aria-current="page">
                                        Modifier un profil
                                    </li>
                                </ol>
                            </nav>
                        </div>

                        <!-- FORMULAIRE PRINCIPAL -->
                        <form action="{{ route('profile.update', $profile->profile_key) }}" method="POST" enctype="multipart/form-data">
                            @csrf

                            <div class="row">
                                <div class="col-12">
                                    <div class="card">

                                        <div class="card-header d-flex align-items-center">

                                        </div>

                                        @if (Session::get('error'))
                                            <div class="alert alert-danger text-bg-danger alert-dismissible d-flex align-items-center"
                                                role="alert">
                                                <button type="button" class="btn-close btn-close-white"
                                                    data-bs-dismiss="alert" aria-label="Close"></button>
                                                <i class="ti ti-exclamation-circle fs-20 me-1"></i>
                                                <div class="lh-1"><strong>Error - </strong>{{ Session::get('error') }}
                                                </div>
                                            </div>
                                        @endif

                                        <div class="card-body">


                                            <!-- Exemples des champs -->
                                            <div class="mb-2 row">
                                                <label for="colFormLabelSm"
                                                    class="col-sm-2 col-form-label col-form-label-sm">
                                                    Nom du profil {!! Common::required() !!}
                                                </label>
                                                <div class="col-sm-10">
                                                    <input type="name" required value="{{ $profile->name }}" name="name"
                                                        class="form-control form-control-sm">

                                                    @error('name')
                                                        <span class="text-danger">{{ $message }}</span>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="mb-2 row">
                                                <label for="colFormLabelSm"
                                                    class="col-sm-2 col-form-label col-form-label-sm">
                                                    Description du profil {!! Common::required() !!}
                                                </label>


                                                <div class="col-sm-10">
                                                    <textarea name="description" required class="form-control" id="" cols="30" rows="4">{{ $profile->description }}</textarea>


                                                    @error('description')
                                                        <span class="text-danger">{{ $message }}</span>
                                                    @enderror

                                                </div>
                                            </div>



                                            <!-- ACCORDION (fonctionnel) -->
                                            <!-- ACCORDION AVEC col-lg-8 -->
                                            <div class="row mt-4">
                                                <div class="col-lg-8">

                                                    <div class="accordion" id="accordionExample">

                                                        @foreach ($modules as $index => $module)
                                                            @php
                                                                $collapseId = 'collapse' . $index;
                                                                $isFirst = $index === 0;

                                                                // Vérifier si le module a au moins une permission enregistrée
                                                                $moduleHasPermission =
                                                                    $profile->fonctionnalites
                                                                        ->whereIn(
                                                                            'id',
                                                                            $module->fonctionnalites->pluck('id'),
                                                                        )
                                                                        ->count() > 0;
                                                            @endphp

                                                            <div class="accordion-item">

                                                                <h2 class="accordion-header">

                                                                    <button
                                                                        class="accordion-button {{ $isFirst ? '' : 'collapsed' }}
                                   {{ $moduleHasPermission ? 'module-green' : 'module-red' }}"
                                                                        type="button" data-bs-toggle="collapse"
                                                                        data-bs-target="#{{ $collapseId }}"
                                                                        aria-expanded="{{ $isFirst ? 'true' : 'false' }}"
                                                                        aria-controls="{{ $collapseId }}">
                                                                        {{ $module->name }}
                                                                    </button>

                                                                </h2>

                                                                <div id="{{ $collapseId }}"
                                                                    class="accordion-collapse collapse {{ $isFirst ? 'show' : '' }}"
                                                                    data-bs-parent="#accordionExample">

                                                                    <div class="accordion-body">

                                                                        <label style="float:right; margin: 20px">
                                                                            Privilèges globaux (
                                                                            <a href="#"
                                                                                onclick="checkall_info('1', 'content_module_{{ $module->id }}'); return false;">
                                                                                Cocher tout
                                                                            </a>
                                                                            /
                                                                            <a href="#"
                                                                                onclick="checkall_info('0', 'content_module_{{ $module->id }}'); return false;">
                                                                                Décocher tout
                                                                            </a>
                                                                            )
                                                                        </label>

                                                                        <div id="content_module_{{ $module->id }}">

                                                                            <table class="table table-bordered">

                                                                                <tr>
                                                                                    <th style="width: 60%">Fonctionnalités
                                                                                    </th>
                                                                                    <th>Lire</th>
                                                                                    <th>Créer</th>
                                                                                    <th>Modifier</th>
                                                                                    <th>Supprimer</th>
                                                                                </tr>

                                                                                @foreach ($module->fonctionnalites->where('status', 0) as $fonction)
                                                                                    @php
                                                                                        $rowId = $fonction->id;
                                                                                    @endphp

                                                                                    <tr>
                                                                                        <td>{{ $fonction->name }}</td>

                                                                                        {{-- Lire --}}
                                                                                        <td class="text-center">
                                                                                            <input type="checkbox"
                                                                                                id="{{ $rowId }}_LIST"
                                                                                                name="permissions[{{ $rowId }}][lire]"
                                                                                                value="1"
                                                                                                {{ old('permissions.' . $rowId . '.lire')
                                                                                                    ? 'checked'
                                                                                                    : ($profile->fonctionnalites->where('id', $rowId)->where('pivot.action', 'lire')->count()
                                                                                                        ? 'checked'
                                                                                                        : '') }}
                                                                                                onchange="uncheckall_line('{{ $rowId }}')">
                                                                                        </td>

                                                                                        {{-- Créer --}}
                                                                                        <td class="text-center">
                                                                                            <input type="checkbox"
                                                                                                id="{{ $rowId }}_CREATE"
                                                                                                name="permissions[{{ $rowId }}][creer]"
                                                                                                value="1"
                                                                                                {{ old('permissions.' . $rowId . '.creer')
                                                                                                    ? 'checked'
                                                                                                    : ($profile->fonctionnalites->where('id', $rowId)->where('pivot.action', 'creer')->count()
                                                                                                        ? 'checked'
                                                                                                        : '') }}
                                                                                                onchange="uncheckall_line('{{ $rowId }}')">
                                                                                        </td>

                                                                                        {{-- Modifier --}}
                                                                                        <td class="text-center">
                                                                                            <input type="checkbox"
                                                                                                id="{{ $rowId }}_UPDATE"
                                                                                                name="permissions[{{ $rowId }}][modifier]"
                                                                                                value="1"
                                                                                                {{ old('permissions.' . $rowId . '.modifier')
                                                                                                    ? 'checked'
                                                                                                    : ($profile->fonctionnalites->where('id', $rowId)->where('pivot.action', 'modifier')->count()
                                                                                                        ? 'checked'
                                                                                                        : '') }}
                                                                                                onchange="uncheckall_line('{{ $rowId }}')">
                                                                                        </td>

                                                                                        {{-- Supprimer --}}
                                                                                        <td class="text-center">
                                                                                            <input type="checkbox"
                                                                                                id="{{ $rowId }}_DELETE"
                                                                                                name="permissions[{{ $rowId }}][supprimer]"
                                                                                                value="1"
                                                                                                {{ old('permissions.' . $rowId . '.supprimer')
                                                                                                    ? 'checked'
                                                                                                    : ($profile->fonctionnalites->where('id', $rowId)->where('pivot.action', 'supprimer')->count()
                                                                                                        ? 'checked'
                                                                                                        : '') }}
                                                                                                onchange="uncheckall_line('{{ $rowId }}')">
                                                                                        </td>

                                                                                    </tr>
                                                                                @endforeach

                                                                            </table>

                                                                        </div>

                                                                    </div>

                                                                </div>

                                                            </div>
                                                        @endforeach

                                                    </div>

                                                </div>
                                            </div>


                                            <div class="text-end mt-4">
                                                <button type="submit" class="btn btn-primary">Modifier</button>
                                            </div>

                                        </div> <!-- end card-body -->
                                    </div> <!-- end card -->
                                </div> <!-- end col -->
                            </div> <!-- end row -->


                        </form>
                        <!-- FIN FORMULAIRE -->



                    </div> <!-- end card-body -->
                </div> <!-- end card -->
            </div><!-- end col -->
        </div><!-- end row -->



        <!-- end row -->


        <!-- end row -->
    </div>



    <style>
        .module-red {
            background-color: red !important;
            color: white !important;
        }

        .module-green {
            background-color: #28a745 !important;
            /* vert bootstrap */
            color: white !important;
        }
    </style>

    <script>
        function checkall_info(state, containerId) {
            const container = document.getElementById(containerId);
            if (!container) return;

            const checkboxes = container.querySelectorAll('input[type="checkbox"]');
            checkboxes.forEach(cb => {
                cb.checked = (state === '1');
            });
        }

        function uncheckall_line(id) {
            // si une case de la ligne change → on peut rajouter une logique ici si nécessaire
        }
    </script>
@endsection