@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">
                                        Ajouter un profil
                                    </li>
                                </ol>
                            </nav>
                        </div>

                        <!-- FORMULAIRE PRINCIPAL -->
                        <form action="{{ route('profile.store') }}" 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="{{ old('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">{{ old('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;

                                                                $actions = ['Lire', 'Créer', 'Modifier', 'Supprimer',];
                                                            @endphp

                                                            <div class="accordion-item">

                                                                <h2 class="accordion-header">
                                                                    <button
                                                                        class="accordion-button {{ $isFirst ? '' : 'collapsed' }}"
                                                                        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>
                                                                                    {{-- <th>Tous</th> --}}
                                                                                </tr>

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

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

                                                                                        <td class="text-center">
                                                                                            <input type="checkbox"
                                                                                                id="{{ $rowId }}_LIST"
                                                                                                name="permissions[{{ $rowId }}][lire]"
                                                                                                value="1"
                                                                                                {{ old('permissions.' . $rowId . '.lire') ? 'checked' : '' }}
                                                                                                onchange="uncheckall_line('{{ $rowId }}')">

                                                                                        </td>

                                                                                        <td class="text-center">
                                                                                            <input type="checkbox"
                                                                                                id="{{ $rowId }}_CREATE"
                                                                                                name="permissions[{{ $rowId }}][creer]"
                                                                                                value="1"
                                                                                                {{ old('permissions.' . $rowId . '.creer') ? 'checked' : '' }}
                                                                                                onchange="uncheckall_line('{{ $rowId }}')">

                                                                                        </td>

                                                                                        <td class="text-center">
                                                                                            <input type="checkbox"
                                                                                                id="{{ $rowId }}_UPDATE"
                                                                                                name="permissions[{{ $rowId }}][modifier]"
                                                                                                value="1"
                                                                                                {{ old('permissions.' . $rowId . '.modifier') ? 'checked' : '' }}
                                                                                                onchange="uncheckall_line('{{ $rowId }}')">

                                                                                        </td>

                                                                                        <td class="text-center">
                                                                                            <input type="checkbox"
                                                                                                id="{{ $rowId }}_DELETE"
                                                                                                name="permissions[{{ $rowId }}][supprimer]"
                                                                                                value="1"
                                                                                                {{ old('permissions.' . $rowId . '.supprimer') ? '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">Ajouter</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>
        .accordion-button {
            background-color: red !important;
            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');
            });
        }
    </script>
@endsection