@extends('layout._default')

@section('body-con')

    @section('title')
        Permissions
    @endsection

    {{-- @section('breadcrumbs')
        {{ Breadcrumbs::render('user-management.permissions.index') }}
    @endsection --}}

    <div class="card">
        <!--begin::Card header-->
        <div class="card-header border-0 pt-6">
            <!--begin::Card title-->
            <div class="card-title">
                <!--begin::Search-->
                <div class="d-flex align-items-center position-relative my-1">
                    {!! getIcon('magnifier','fs-3 position-absolute ms-5') !!}
                    <input type="text" data-kt-user-table-filter="search" class="form-control form-control-solid w-250px ps-13" placeholder="Search permission" id="mySearchInput"/>
                </div>
                <!--end::Search-->
            </div>
            <!--begin::Card title-->

            <!--begin::Card toolbar-->
            <div class="card-toolbar">
                @if(Auth::user()->hasPermission('can_add_permissions'))
                <!--begin::Toolbar-->
                <div class="d-flex justify-content-end" data-kt-user-table-toolbar="base">
                    <button type="button" class="btn btn-light-primary" data-bs-toggle="modal" data-bs-target="#kt_modal_add_permission">
                        {!! getIcon('plus-square','fs-3', '', 'i') !!}
                        Add Permission
                    </button>
                </div>
                <!--end::Toolbar-->
                @endif

                <!--begin::Group actions-->
                <div class="d-flex justify-content-end align-items-center d-none" data-kt-user-table-toolbar="selected">
                    <div class="fw-bold me-5">
                        <span class="me-2" data-kt-user-table-select="selected_count"></span>
                        Selected
                    </div>

                    <button type="button" class="btn btn-danger" data-kt-user-table-select="delete_selected">
                        Delete Selected
                    </button>
                </div>
                <!--end::Group actions-->

                <!--begin::Modal-->
                {{-- @include('livewire.user.add-user-modal') --}}
                <!--end::Modal-->
            </div>
            <!--end::Card toolbar-->
        </div>
        <!--end::Card header-->

        <!--begin::Card body-->
        <div class="card-body py-4">
            <!--begin::Table-->
            <div class="table-responsive">
                {{ $dataTable->table() }}
            </div>
            <!--end::Table-->
        </div>
        <!--end::Card body-->
    </div>

    @include('livewire.permission.add-permission-modal')
    @include('livewire.permission.edit-permission-modal')
    @push('scripts')
        {{ $dataTable->scripts() }}
        <script>
            document.getElementById('mySearchInput').addEventListener('keyup', function () {
                window.LaravelDataTables['permissions-table'].search(this.value).draw();
            });
            // document.addEventListener('livewire:load', function () {
            //     Livewire.on('success', function () {
            //         $('#kt_modal_update_permission').modal('hide');
            //         window.LaravelDataTables['permissions-table'].ajax.reload();
            //     });
            // });

            function editPermission(permissionId)
            {
                // $("#body-edit-form")
                $.ajax({
                    url : "/admin/admin-user/permissions/"+permissionId+"/edit",
                    type: "GET",
                    success : function(response){
                        if(response.status == 1)
                        {
                            $("#update-permission-div").empty();
                            $("#update-permission-div").html(response.data);
                            $("#kt_modal_update_permission").modal('show');
                        }
                       
                    }
                });
                
            }

            function deletePermission(permissionId)
            {
                Swal.fire({
                    html: `Are You Sure You Want To Delete This Permission ? `,
                    icon: "info",
                    buttonsStyling: false,
                    showCancelButton: true,
                    confirmButtonText: "Confirm!",
                    cancelButtonText: 'Nope, cancel it',
                    customClass: {
                        confirmButton: "btn btn-primary",
                        cancelButton: 'btn btn-danger'
                    }
                }).then((result) => {
                    if (result.isConfirmed) {
                        // Submit the form
                        $(`#delete-permission-form-${permissionId}`).submit();
                    }
                });
            }
        </script>
    @endpush

@endsection