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

     'resources/js/success.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" style="width: 100%;">
            @include('components.content_header')
            @can('user-add')
            <div class="d-flex align-items-center pb-3">

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

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

    </div>
@endsection
@section('scripts')
    <script>
        var ajaxUrl = "{{ route('users.ajax') }}";
        var deleteUrl = "{{route('users.destroy',':id')}}";
        var restoreUrl = "{{route('users.restore',':id')}}";

    </script>

@endsection