@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">
        @livewire('tenant.lemarex.account.account-landing-page', ['page_title' => $page_title, 'display_name' => $display_name])
    </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('account-created', event => {
    $('#add_edit_account').offcanvas('hide');
    Swal.fire({
         title: "Good job!",
        text: "The new account has been created successfully!",
    });
});
window.addEventListener('account-deleted', event => {
    Swal.fire({
         title: "Account(s) Deleted!",
        text: "The account(s) has been deleted!",
    });
});
window.addEventListener('account-restored', event => {
    Swal.fire({
         title: "Account(s) Restored!",
        text: "The deleted account(s) has been restored!",
    });
});
window.addEventListener('account-creation-failed', event => {
    Swal.fire({
        title: "Oops!",
        text: "Please make sure all required fields are filled.",
        icon: "error",
    });
});
</script>
@endsection