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



        <div class="modal fade" id="ActivateModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"
            aria-labelledby="staticBackdropLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="ActivateModal">Activer ce profil</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div> <!-- end modal header -->
                    <div class="modal-body">
                        <form action="{{ route('profile.activate') }}" method="POST">

                            @csrf
                            <input type="hidden" name="activate_profile_id" id="activate_profile_id">


                            <p class="m-0">Vous etes sur le point d'activer ce profil. Si c'est le cas,
                                confirmer
                            </p>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button>
                        <button type="submit" class="btn btn-danger">Oui, activer</button>
                    </div> <!-- end modal footer -->
                </div> <!-- end modal content-->
                </form>
            </div> <!-- end modal dialog-->
        </div> <!-- end modal-->
        <div class="modal fade" id="deleteModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"
            aria-labelledby="staticBackdropLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="staticBackdropLabel">Supprimer ce profile</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div> <!-- end modal header -->
                    <div class="modal-body">
                        <form action="{{ route('profile.delete') }}" method="POST">

                            @csrf
                            <input type="hidden" name="profile_id" id="profile_id">


                            <p class="m-0">Vous etes sur le point de supprimer ce profile. Si c'est le cas,
                                confirmer
                            </p>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button>
                        <button type="submit" class="btn btn-danger">Oui, supprimer</button>
                    </div> <!-- end modal footer -->
                </div> <!-- end modal content-->
                </form>
            </div> <!-- end modal dialog-->
        </div> <!-- end modal-->


        <div class="modal fade" id="DesactivateModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"
            aria-labelledby="staticBackdropLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="staticBackdropLabel">Désactiver ce profil</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div> <!-- end modal header -->
                    <div class="modal-body">
                        <form action="{{ route('profile.desactivate') }}" method="POST">

                            @csrf
                            <input type="hidden" name="desactivate_profile_id" id="desactivate_profile_id">


                            <p class="m-0">Vous etes sur le point de désactiver ce profil. Si c'est le cas,
                                confirmer
                            </p>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button>
                        <button type="submit" class="btn btn-danger">Oui, désactiver</button>
                    </div> <!-- end modal footer -->
                </div> <!-- end modal content-->
                </form>
            </div> <!-- end modal dialog-->
        </div> <!-- end modal-->



        @if (Session::get('success'))
            <div class="alert alert-success alert-dismissible d-flex align-items-center border-2 border border-success"
                role="alert">
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                <iconify-icon icon="solar:check-read-line-duotone" class="fs-20 me-1"></iconify-icon>
                <div class="lh-1"><strong>Success - </strong>{{ Session::get('success') }} </div>
            </div>
        @endif

        @if (Session::get('error'))
            <div class="alert alert-danger alert-dismissible d-flex align-items-center border-2 border border-danger"
                role="alert">
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                <iconify-icon icon="solar:danger-triangle-bold-duotone" class="fs-20 me-1"></iconify-icon>
                <div class="lh-1"><strong>Error - </strong> {{ Session::get('error') }}</div>
            </div>
        @endif

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



                    <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="#">Liste des administrateurs</a></li> --}}
                                    <li class="breadcrumb-item active" aria-current="page">Liste des profils</li>
                                </ol>
                            </nav>
                        </div>
                        <h4 class="header-title">Liste des profils</h4>

                        <div class="text-end mb-3">

                            <button style="background-color: #EC5A00 !important; border-color:#EC5A00 !important" onclick="window.location.href='{{ route('profile.create') }}'"
                                class="btn btn-primary">Ajouter un profil</button>
                        </div>

                        {{-- <button type="button" id="sweetalert-confirm-button" class="btn btn-secondary">Click Me</button> --}}

                        {{-- <button type="button" id="sweetalert-info" class="btn btn-info">Info Alert</button> --}}




                        @if ($profiles->isEmpty())
                            <div class="alert alert-warning text-center mt-3">Désolé, votre liste est vide !</div>
                        @else
                            <table id="" class="table dt-responsive nowrap w-100">
                                <thead>
                                    <tr>
                                        <th>Nom</th>
                                        <th>Description profil</th>
                                        <th>Status</th>
                                        <th>Actions</th>

                                    </tr>
                                </thead>


                                <tbody>

                                    @foreach ($profiles as $profile)
                                        <tr>
                                            <td>{{ $profile->name }}</td>
                                            <td>{{ $profile->description }}</td>

                                            <td>
                                                @if ($profile->status == 0)
                                                    <span class="badge bg-success">Actif</span>
                                                @elseif ($profile->status == 1)
                                                    <span class="badge bg-danger">Inactif</span>
                                                @endif

                                            </td>






                                            <td class="text-muted">




                                                @if ($profile->status == 1)
                                                    <a title="Activer" data-id="{{ $profile->id }}"
                                                        href="javascript:void(0);" data-bs-toggle="modal"
                                                        data-bs-target="#ActivateModal"
                                                        class="btn btn-soft-primary btn-icon btn-sm rounded-circle activate_profile">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="18"
                                                            height="18" viewBox="0 0 24 24" fill="none"
                                                            stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                                            stroke-linejoin="round"
                                                            class="icon icon-tabler icons-tabler-outline icon-tabler-check">
                                                            <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                                                            <path d="M5 12l5 5l10 -10" />
                                                        </svg>
                                                    </a>
                                                @elseif ($profile->status == 0)
                                                    <a title="Désactiver" data-id="{{ $profile->id }}"
                                                        href="javascript:void(0)" data-bs-toggle="modal"
                                                        data-bs-target="#DesactivateModal"
                                                        class="btn btn-soft-secondary btn-icon btn-sm rounded-circle desactivate_profile">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="18"
                                                            height="18" viewBox="0 0 24 24" fill="none"
                                                            stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                                            stroke-linejoin="round"
                                                            class="icon icon-tabler icons-tabler-outline icon-tabler-x">
                                                            <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                                                            <path d="M18 6l-12 12" />
                                                            <path d="M6 6l12 12" />
                                                        </svg>
                                                    </a>
                                                @endif

                                                <a title="Modifier"
                                                    href="{{ route('profile.edit', $profile->profile_key) }}"
                                                    class="btn btn-soft-success btn-icon btn-sm rounded-circle">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                        viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                                        stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                                                        class="icon icon-tabler icons-tabler-outline icon-tabler-edit">
                                                        <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                                                        <path
                                                            d="M7 7h-1a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-1" />
                                                        <path
                                                            d="M20.385 6.585a2.1 2.1 0 0 0 -2.97 -2.97l-8.415 8.385v3h3l8.385 -8.415z" />
                                                        <path d="M16 5l3 3" />
                                                    </svg>
                                                </a>

                                                <a title="Supprimer" data-id="{{ $profile->id }}"
                                                    href="javascript:void(0);" data-bs-toggle="modal"
                                                    data-bs-target="#deleteModal"
                                                    class="btn btn-soft-danger btn-icon btn-sm rounded-circle delete_profile">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                        viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                                        stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                                                        class="icon icon-tabler icons-tabler-outline icon-tabler-trash">
                                                        <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                                                        <path d="M4 7l16 0" />
                                                        <path d="M10 11l0 6" />
                                                        <path d="M14 11l0 6" />
                                                        <path d="M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12" />
                                                        <path d="M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3" />
                                                    </svg>
                                                </a>


                                            </td>



                                        </tr>
                                    @endforeach


                                </tbody>
                            </table>
                        @endif
                    </div> <!-- end card body-->
                </div> <!-- end card -->
            </div><!-- end col-->
        </div> <!-- end row-->
    </div> <!-- end row-->


    <script>
        $(document).on('click', '.delete_profile', function(e) {
            e.preventDefault();
            var profile_id = $(this).data('id');
            $('#profile_id').val(profile_id);
        });

        $(document).on('click', '.desactivate_profile', function(e) {
            e.preventDefault();
            var desactivate_profile_id = $(this).data('id');
            $('#desactivate_profile_id').val(desactivate_profile_id);
        });
        $(document).on('click', '.activate_profile', function(e) {
            e.preventDefault();
            var activate_profile_id = $(this).data('id');
            $('#activate_profile_id').val(activate_profile_id);
        });


        $('#deleteprofileForm').on('submit', function(e) {
            console.log("📤 Formulaire soumis !");
        });
    </script>



    <script src="{{ asset('assets/js/components/extended-sweetalerts.js') }}"></script>
@endsection