@extends('layouts.admin')
@section('content')
@section('headerTitle')
Role Management
@endsection
@section('breadcrumbs')
    {{ Breadcrumbs::render('admin.administration.role.view', $role) }}
@endsection
@section('buttons')
    <a href="{{route('admin.roles')}}" class="ml-2 btn btn-secondary rounded-pill ">Inapoi la lista</a>
    <a href="{{route('admin.roles.delete', [$role->id])}}" onclick="deleteFunction(event, ' . $data->id . ')" id="delete-role" class="ml-2 btn btn-danger rounded-pill ">Sterge rol</a>
@endsection

<div class="d-flex flex-column flex-xl-row mt-5">
    <!--begin::Sidebar-->
    <div class="flex-column flex-lg-row w-100 w-lg-350px mb-10">
        <!--begin::Card-->
        <div class="card card-flush">
            <!--begin::Card header-->

            <add-module :role="{{ $role }}" :modules="{{ $treeModels }}" :selected="{{ $selectedModules }}"></add-module>
            <!--end::Card footer-->
        </div>
        <!--end::Card-->

    </div>
    <!--end::Sidebar-->
    <!--begin::Content-->
    <div class="flex-lg-row-fluid ms-lg-10">
        <!--begin::Card-->
        <div class="card card-flush mb-6 mb-xl-9">
            <!--begin::Card header-->
            <div class="card-header pt-5">
                <!--begin::Card title-->
                <div class="card-title">
                    <h2 class="d-flex align-items-center">Utilizatori cu acest rol
                        <span class="text-gray-600 fs-6 ms-1">({{ $role->users_count }})</span>
                    </h2>
                </div>
                <!--end::Card title-->
                <!--begin::Card toolbar-->

                <!--end::Card toolbar-->
            </div>
            <!--end::Card header-->
            <!--begin::Card body-->
            <div class="card-body pt-0">
                <!--begin::Table-->
                {{ $dataTable->table(['class' => 'table table-row-bordered gy-5'], true) }}
            </div>
            <!--end::Card body-->
        </div>
        <!--end::Card-->
    </div>
    <!--end::Content-->
</div>
@endsection
@push('scripts')
<script>
    function deleteFunction(e, id) {
        e.preventDefault();
        var targetUrl = $('#delete-role').attr("href");

        Swal.fire({
            html: `Esti sigur ca vrei sa stergi acest rol?`,
            icon: "warning",
            buttonsStyling: false,
            showCancelButton: true,
            confirmButtonText: "Da",
            cancelButtonText: 'Nu',
            customClass: {
                confirmButton: "btn btn-primary",
                cancelButton: 'btn btn-danger'
            }
        }).then((result) => {
            if (result.isConfirmed) {
                // window.location.href = 'admin/admin-management/roles/delete' + id; => 404
                window.location.href = targetUrl;
            }
        });
    }
</script>
{{ $dataTable->scripts() }}
@endpush