@vite([
    'resources/css/dashboard.css',
    'resources/css/add-button.css',
    'resources/css/success.css',
    'resources/js/success.js',
    'resources/css/role/add.css',
    'resources/css/role/edit.css',
    'resources/js/role/table.js',
    'resources/js/role/add.js',
    'resources/js/role/edit.js',


])
@extends('main')
@section('content')
    <div class="content" id="content">

        <div class="d-flex justify-content-between align-items-center border-bottom mb-4 pb-0">
                @include('components.content_header')
            @can('role-add')
            <div class="d-flex align-items-center pb-3">

                <button class="btn btn-danger border-left" id="addRoleBtn">
                    <i class="bi bi-plus fs-5" id="addRoleButton"></i> Ajouter un role
                </button>
            </div>
        </div>
        @endcan
        @include("roles.add")
        @include("roles.edit")
        @include("components.success")
        <div class="empty">

        </div>
        @include("roles.table")

    </div>

@endsection
@section('scripts')
    <script>
        var permissionUrl = "{{route('permissions.show',':id')}}"
        var ajaxUrl = "{{ route('roles.ajax') }}";
        var deleteUrl = "{{route('roles.destroy',':id')}}";

    </script>

@endsection