@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" />
    <link rel="stylesheet" href="{{ config('env.themes.dreams_tech.folder') }}/plugins/summernote/summernote-bs4.min.css" />
    <link rel="stylesheet" href="{{ config('env.themes.dreams_tech.folder') }}/plugins/summernote/summernote-lite.min.css">
    <style>
        @if ($page_type == 'contacts')
            .option-item {
            margin-bottom: 4px;
        }

        .option-item td:first-child,
        .option-item td:last-child {
            position: relative;
        }

        .option-item td:first-child::before {
            position: absolute;
            top: 0;
            left: 0;
            content: "";
            width: 2px;
            height: 100%;
            background: #FFA201;
        }

        .option-item td:last-child::after {
            position: absolute;
            top: 0;
            right: 0;
            content: "";
            width: 2px;
            height: 100%;
            background: #FFA201;
        }

        .table-column {
            cursor: pointer;
        }

        .mr-5 {
            margin-right: 5px;
        }

        .mr-10 {
            margin-right: 10px;
        }

        .ml-5 {
            margin-left: 5px;
        }

        .ml-10 {
            margin-left: 10px;
        }

        .status-toggles {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .status-toggles input[type="checkbox"] {
            display: none;
        }

        .custom-table .table-responsive {
            overflow: visible !important;
        }

        .text-yellow {
            color: yellow !important;
        }

        @endif
    </style>
@endsection

@section('page_content')
    <div class="row">
        <div class="col-lg-12">
            @if ($page_type == 'field-options')
                @livewire('tenant.lemarex.option.option-landing-page', ['page_title' => $page_title])
            @elseif($page_type == 'field')
                @livewire('tenant.lemarex.field.landing-page', ['page_title' => $page_title])
            @elseif($page_type == 'collection')
                @livewire('tenant.lemarex.collection.collection-landing-page', ['page_title' => $page_title])
            @elseif($page_type == 'contact')
                @livewire('tenant.lemarex.contact.contact-landing-page', ['page_title' => $page_title, 'module_options' => $module_options])
            @elseif($page_type == 'account')
                @livewire('tenant.lemarex.account.account-landing-page', ['page_title' => $page_title])
            @elseif($page_type == 'field-options')
                @livewire('tenant.lemarex.option.option-landing-page', ['page_title' => $page_title])
            @elseif($page_type == 'field')
                @livewire('tenant.lemarex.field.landing-page', ['page_title' => $page_title])
            @elseif($page_type == 'category')
                @livewire('tenant.lemarex.category.category-landing-page', ['page_title' => $page_title])
            @elseif($page_type == 'document')
                @livewire('tenant.lemarex.document.document-landing-page', ['page_title' => $page_title])
            @elseif($page_type == 'timesheet')
                @livewire('tenant.lemarex.timesheet.timesheet-landing-page', ['page_title' => $page_title])
            @elseif($page_type == 'activity')
                @livewire('tenant.lemarex.activity.activity-landing-page', ['page_title' => $page_title])
            @elseif($page_type == 'profile')
                @livewire('tenant.lemarex.profile.profile-landing-page', ['page_title' => $page_title])
            @elseif($page_type == 'invoice')
                @livewire('tenant.lemarex.invoice.invoice-landing-page', ['page_title' => $page_title])
            @elseif($page_type == 'invoice-item')
                @livewire('tenant.lemarex.invoice-item.item-landing-page', ['page_title' => $page_title])
            @elseif($page_type == 'invoice-payment')
                @livewire('tenant.lemarex.invoice-payment.invoice-payment-landing-page', ['page_title' => $page_title])
            @elseif($page_type == 'invoice-status')
                @livewire('tenant.lemarex.invoice-status.status-landing-page', ['page_title' => $page_title])
            @elseif($page_type == 'trust-accounting-journal')
                @livewire('tenant.lemarex.trust-accounting.journal-landing-page', ['page_title' => $page_title])
            @elseif($page_type == 'trust-accounting-entries')
                @livewire('tenant.lemarex.trust-accounting-entries.entries-landing-page', ['page_title' => $page_title])
            @elseif($page_type == 'tag')
                @livewire('tenant.lemarex.tag.tag-landing-page', ['page_title' => $page_title])
            @endif
        </div>
    </div>
@endsection

@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/moment.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 src="{{ config('env.themes.dreams_tech.folder') }}/plugins/summernote/summernote-lite.min.js"></script>
    <script type="text/javascript">
        /* Field Scripts */
        @if (in_array($page_type, ['field', 'category', 'collection', 'contact', 'client', 'account', 'pipeline', 'timesheet', 'profile', 'invoice', 'invoice-item', 'invoice-payment', 'invoice-status', 'tag']))
        window.addEventListener('{{ $page_type }}-created', event => {
            $('#add_edit_{{ $page_type }}').offcanvas('hide');
            Swal.fire({
                title: "Good job!",
                text: "The new {{ $page_type }} was created successfully!",
            });
        });
        window.addEventListener('{{ $page_type }}-deleted', event => {
            Swal.fire({
                title: "{{ ucfirst($page_type) }}(s) Deleted!",
                text: "The {{ $page_type }}(s) has been deleted!",
            });
        });
        window.addEventListener('{{ $page_type }}-restored', event => {
            Swal.fire({
                title: "{{ ucfirst($page_type) }}(s) Restored!",
                text: "The deleted {{ $page_type }}(s) has been restored!",
            });
        });
        window.addEventListener('edit-{{ $page_type }}', event => {
            $('#add_edit_{{ $page_type }}').offcanvas('show');
        });
        window.addEventListener('{{ $page_type }}-updated', event => {
            $('#add_edit_{{ $page_type }}').offcanvas('hide');
            Swal.fire({
                title: "{{ ucfirst($page_type) }} Updated!",
                text: "The {{ $page_type }} has been updated!",
            });
        });
        window.addEventListener('{{ $page_type }}-deleted', event => {
            Swal.fire({
                title: "{{ ucfirst($page_type) }} Deleted!",
                text: "The {{ $page_type }} has been deleted!",
            });
        });
        @endif

        /* Field Option Scripts */
        window.addEventListener('field-option-created', event => {
            $('#add_edit_option').offcanvas('hide');
            Swal.fire({
                title: "Good job!",
                text: "The new option list was created successfully!",
            });
        });
        window.addEventListener('edit-option', event => {
            $('#add_edit_option').offcanvas('show');
        });
        window.addEventListener('field-option-updated', event => {
            $('#add_edit_option').offcanvas('hide');
            Swal.fire({
                title: "Good job!",
                text: "The option list was updated successfully!",
            });
        });
        window.addEventListener('field-option-restored', event => {
            Swal.fire({
                title: "Option(s) Restored!",
                text: "The deleted option list(s) has been restored!",
            });
        });
        window.addEventListener('field-option-deleted', event => {
            Swal.fire({
                title: "Option(s) Deleted!",
                text: "The selected option list(s) has been deleted!",
            });
        });

        // Trust Accounting Journal
        window.addEventListener('trust-accounting-journal-created', event => {
            $('#add_edit_trust-accounting-journal').offcanvas('hide');
            Swal.fire({
                title: "Good job!",
                text: "The new Journal was created successfully!",
            });
        });
        window.addEventListener('trust-accounting-journal-deleted', event => {
            Swal.fire({
                title: "Journal(s) Deleted!",
                text: "The Journal(s) has been deleted!",
            });
        });
        window.addEventListener('trust-accounting-journal-restored', event => {
            Swal.fire({
                title: "Journal(s) Restored!",
                text: "The deleted Journal(s) has been restored!",
            });
        });
        window.addEventListener('edit-trust-accounting-journal', event => {
            $('#add_edit_trust-accounting-journal').offcanvas('show');
        });
        window.addEventListener('trust-accounting-journal-updated', event => {
            $('#add_edit_trust-accounting-journal').offcanvas('hide');
            Swal.fire({
                title: "Journal Updated!",
                text: "The Journal has been updated!",
            });
        });
        window.addEventListener('trust-accounting-journal-deleted', event => {
            Swal.fire({
                title: "Journal Deleted!",
                text: "The Journal has been deleted!",
            });
        });

        // Trust Accounting Journal Entries
        window.addEventListener('trust-accounting-entries-created', event => {
            $('#add_edit_trust-accounting-entries').offcanvas('hide');
            Swal.fire({
                title: "Good job!",
                text: "The new Entry was created successfully!",
            });
        });
        window.addEventListener('trust-accounting-entries-deleted', event => {
            Swal.fire({
                title: "Entry(s) Deleted!",
                text: "The Entry(s) has been deleted!",
            });
        });
        window.addEventListener('trust-accounting-entries-restored', event => {
            Swal.fire({
                title: "Entry(s) Restored!",
                text: "The deleted Entry(s) has been restored!",
            });
        });
        window.addEventListener('edit-trust-accounting-entries', event => {
            $('#add_edit_trust-accounting-entries').offcanvas('show');
        });
        window.addEventListener('trust-accounting-entries-updated', event => {
            $('#add_edit_trust-accounting-entries').offcanvas('hide');
            Swal.fire({
                title: "Entry Updated!",
                text: "The Entry has been updated!",
            });
        });
        window.addEventListener('trust-accounting-entries-deleted', event => {
            Swal.fire({
                title: "Entry Deleted!",
                text: "The Entry has been deleted!",
            });
        });


        /* Invoice Payment Log Scripts */
        window.addEventListener('add-invoice-payment', event => {
            $('#add_edit_invoice_payment').offcanvas('show');
        });
        window.addEventListener('invoice-payment-saved', event => {
            $('#add_edit_invoice_payment').offcanvas('hide');
            Swal.fire({
                title: "Good job!",
                text: "Payment Entry was created successfully!",
            });
        });
        window.addEventListener('invoice-payment-updated', event => {
            $('#add_edit_invoice_payment').offcanvas('hide');
            Swal.fire({
                title: "Good job!",
                text: "Payment Entry was updated successfully!",
            });
        });

        // Invoice Emailed
        window.addEventListener('invoice-emailed', event => {
            Swal.fire({
                title: "Invoice Emailed!",
                text: "Invoice was emailed successfully!",
            });
        });
    </script>
@endsection