@extends('layouts.app', [
    'namePage' => __('pages.permissions'),
    'activePage' => 'permissions',
])
@vite(["resources/css/datatables.css"])
@section('content')
    <div class="container-fluid py-4">
        <div class="row mt-4">
            <div class="col-12">
                <div class="card">
                    <div class="loading p-4" style="text-align: center">
                        <div class="spinner-border" role="status">
                            <span class="sr-only"></span>
                        </div>
                    </div>

                    <div class="content" style="display: none">
                        <!-- Card header -->
                        <div class="card-header">
                            <button class="btn btn-primary add-permission" name="add-permission" type="button">{{__('permissions.add')}}</button>
                        </div>

                        <div class="table-responsive pt-0" style="padding: 1.5rem;">
                            <table id="DataTablePermissions" class="table table-flush table-hover" style="width: 100%">

                            </table>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    @include('dashboard.permissions.add')
    @include('dashboard.permissions.edit')
@endsection

@push('js')
    <script>
        const auth_user = {!! json_encode(\Illuminate\Support\Facades\Auth::id()) !!};

        $(function () {
            $('[data-toggle="tooltip"]').tooltip()
        })

        const lang = {
            save: "{{__('ui.add_button')}}",
            edit: "{{__('ui.edit_button')}}",
            delete: "{{__('permissions.remove_button')}}",

            name: "{{__('form.name')}}",
            email: "{{__('form.email')}}",
            cancel: "{{__('ui.cancel_button')}}",

            error: "{{__('form.error')}}",
            success: "{{__('form.success')}}",

            delete_button: "{{__('ui.delete_button')}}",

            translation: "{{__('permissions.translation')}}",
            add_success: "{{__('permissions.add_success')}}",
            add_error: "{{__('permissions.add_error')}}",
            edit_success: "{{__('permissions.edit_success')}}",
            edit_error: "{{__('permissions.edit_error')}}",
            ask_delete: "{{__('permissions.ask_delete')}}",
            delete_confirm: "{{__('permissions.delete_confirm')}}",
            delete_success: "{{__('permissions.delete_success')}}",
            delete_error: "{{__('permissions.delete_error')}}",


        };

    </script>
    @vite(["resources/js/utils.permissions.js"])
@endpush