@extends('layouts.tenant.dreams_tech.app')

@section('page_css')
<link rel="stylesheet" href="{{ config('env.themes.dreams_tech.folder') }}/css/bootstrap-datetimepicker.min.css" />
<link rel="stylesheet" href="{{ config('env.themes.dreams_tech.folder') }}/plugins/select2/css/select2.min.css" />
<link rel="stylesheet" href="{{ config('env.themes.dreams_tech.folder') }}/plugins/icons/feather/feather.css" />
<style>

</style>
@endsection

@section('page_content')
<div class="row">
    <div class="col-lg-12">
        @if($page_type == 'roles')
            @livewire('tenant.lemarex.role.role-landing-page', ['page_title' => $page_title])
        @elseif($page_type == 'users')
            @livewire('tenant.lemarex.user.user-landing-page', ['page_title' => $page_title])
        @endif
    </div>
</div>
@stop

@section('page_js')
<script src="https://cdn.jsdelivr.net/gh/livewire/sortable@v1.x.x/dist/livewire-sortable.js"></script>
<script src="{{ config('env.themes.dreams_tech.folder') }}/js/jquery-ui.min.js"></script>
<script src="{{ config('env.themes.dreams_tech.folder') }}/js/bootstrap-datetimepicker.min.js"></script>
<script src="{{ config('env.themes.dreams_tech.folder') }}/plugins/select2/js/select2.min.js"></script>
<script src="{{ config('env.themes.dreams_tech.folder') }}/plugins/sweetalert/sweetalert2.all.min.js"></script>
<script src="{{ config('env.themes.dreams_tech.folder') }}/plugins/sweetalert/sweetalerts.min.js"></script>
<script>
/* Field Scripts */
window.addEventListener('user-created', event => {
    $('#add_edit_user').offcanvas('hide');
    Swal.fire({
         title: "Good job!",
        text: "The new user was created successfully!",
    });
})
window.addEventListener('user-restored', event => {
    Swal.fire({
         title: "User(s) Restored!",
        text: "The deleted user(s) has been restored!",
    });
});
window.addEventListener('edit-user', event => {
    $('#add_edit_user').offcanvas('show');
});
window.addEventListener('user-updated', event => {
    $('#add_edit_user').offcanvas('hide');
});
</script>
@endsection