@extends('layouts.app', [
    'namePage' => __('pages.roles'),
    'activePage' => 'roles',
])
@vite(["resources/css/datatables.css"])
<style>
.table td,
.table th {
    white-space: normal !important;
}
</style>
@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">
                            @can('roles.add')
                                <button class="btn btn-primary add-role" name="add-role" type="button">{{__('roles.add')}}</button>
                            @endcan
                        </div>

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

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

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

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

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

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

            save: "{{__('ui.add_button')}}",
            edit: "{{__('ui.edit_button')}}",
            delete: "{{__('roles.remove_button')}}",

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

            delete_button: "{{__('ui.delete_button')}}",
            permissions: "{{__('pages.permissions')}}",
            need_one_permission: "{{__('roles.need_one_permission')}}",

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



        };

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