@extends('layouts.default-canvas')

@section('title')
    {{ __('modules')['dashboard']['invoicing']['invoices'] }} | Editar Borrador #{{ $draft->id }}
@endsection

@section('styles')
    <link href="{{ asset('css/pages/shared/master.css') }}" rel="stylesheet">
    <link href="{{ asset('css/pages/shared/invoicingPages.css') }}" rel="stylesheet">

    <link href="{{ asset('css/components/custom/select2.css') }}" rel="stylesheet">
    <link href="{{ asset('css/components/custom/toastify.css') }}" rel="stylesheet">
    <link href="{{ asset('css/components/custom/harsiScrollBar.css') }}" rel="stylesheet">
    <link href="{{ asset('css/components/custom/specialElements.css') }}" rel="stylesheet">

    {{-- Select2 --}}
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet"/>

    {{-- Toastify --}}
    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css">
@endsection

@section('content')
  {{--* Control Variables *--}}
    @php
      // For Interactions
        $is_mex_hotel = App\Helpers\Environment\SystemEnvHelper::isCurrentCountry('MEX');

      // Visual Support
        $required_field = "&nbsp;<span class='required'>*</span>";
        $default_price = App\Helpers\Formats\FormatCurrencyHelper::formatCurrency("0.00");
    @endphp

  {{--* Content *--}}
    <div class="container px-4 py-5 my-3 bg-white rounded-3" style="max-width: 92%;">
        <form method="post" id="create_tax_invoice" enctype="multipart/form-data" novalidate>
            @csrf

            {{-- Basic Data --}}
            @php
                use Carbon\Carbon;
                $today      = Carbon::now();
                $limitDate  = Carbon::now()->subDays(3);
            @endphp
            @include('invoicing.invoices.shared.invoice-form.header-section', ['is_editing' => true])

            {{-- Receiver --}}
            @include('invoicing.invoices.shared.invoice-form.receiver-section')

            {{-- Global Data --}}
            @include('invoicing.invoices.shared.invoice-form.global-section')

            {{-- Issuer --}}
            @include('invoicing.invoices.shared.invoice-form.issuer-section')

            {{-- Concepts --}}
            @include('invoicing.invoices.shared.invoice-form.concepts-section')

            {{-- Additional Documents --}}
            @include('invoicing.invoices.shared.invoice-form.additional-docs-section')

            {{-- Format --}}
            @include('invoicing.invoices.shared.invoice-form.invoice-format-section')

            {{-- Buttons --}}
            @include('invoicing.invoices.shared.invoice-form.buttons-section', ['draft_action' => "Actualizar Borrador"])

        </form>
    </div>

@endsection

@section('additional-components')
  {{-- Modals --}}
    @include('invoicing.invoices.components.receiver-form')
    @include('invoicing.invoices.components.additional-doc-form')
    @include('invoicing.invoices.components.concept-form')
@endsection

@section('footer')
    @include('shared.components.footer.basic-footer')
@endsection

@section('import-scripts')
    {{-- Sweet Alert --}}
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

    {{-- Format Controls --}}
    <script src="{{ asset('js/invoicing/tax-formats.js') }}"></script>
    <script src="{{ asset('js/invoicing/autofill-tax-address-form.js')}}"></script>

    {{-- Select2 --}}
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js" defer></script>
    <script type="text/javascript" src="{{ asset('js/components/customSelect2.js') }}"></script>

    {{-- Toastify --}}
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/toastify-js"></script>

    {{-- CryptoJS --}}
    <script src="https://cdn.jsdelivr.net/npm/crypto-js@4.2.0/crypto-js.min.js"></script>

    {{-- Certificate Validity --}}
    @if ($is_mex_hotel)
        <script src="{{ asset('js/modules/certificateValidityControl.js') }}"></script>
    @endif
@endsection

@section('page-control-scripts')
    {{-- Specific Page Variables --}}
    <script>
        window.allow_clean_receiver_section = false;
    </script>

    {{-- Scripts --}}
    @include('invoicing.invoices.complements.page-control-scripts')

    {{-- Seed data Onload --}}
    <script>
        $(function () {
            const draft_data = @json($draft);
            window.loader.show(); // Display Loader

            setTimeout(async () => {
              //* Global Control
                $("#hidden_id, #illusionary_id").val(draft_data.id);

              //* Seed Receiver Data
                const receiver = draft_data.receptor;

                $("#is_moral_person").prop('checked', receiver.is_moral).trigger('change');
                $("#individual_country").val(receiver.tax_address.country).selectpicker('refresh').trigger("change");

                $("#tax_identifier").val(receiver.tax_id).trigger('change');
                $("#client_id").val(receiver.id);
                $("#legal_name").val(receiver.legal_name);
                $("#tax_system").val(receiver.tax_system);
                $("#cfdi_use").val(draft_data.cfdi_use);

                $("#email_billing").val(receiver.email_billing);
                $("#phone_billing").val(receiver.client_phone);
                $("#individual_zip").val(receiver.zip);

                $("#individual_street").val(receiver.tax_address.street);
                $("#individual_int_number").val(receiver.tax_address.interior);
                $("#individual_ext_number").val(receiver.tax_address.exterior);
                $("#individual_city").val(receiver.tax_address.city);
                $("#individual_municipality").val(receiver.tax_address.municipality);
                $("#individual_state").val(receiver.tax_address.state);

                try {
                    await loadNeighborhoodsFromPostaliaOrFail(
                        receiver.zip,
                        receiver.tax_address?.neighborhood,
                        $("#individual_neighborhood")
                    );
                } catch(error) {
                    console.error(error.message);
                }

              //* Global/Generic Data
                const global = draft_data.global;

                $("#periodicity").val(global?.periodicity);
                $("#months").val(global?.months);
                $("#year").val(global?.year || {{ now()->year }});

              //* Seed Issuer Data
                $("#tax_branch_id").val(draft_data.tax_branch_id);
                $("#invoice_type").val(draft_data.invoice_type);
                $("#exchange_rate").val(draft_data.exchange_rate).trigger('change');
                $("#currency").val(draft_data.currency).trigger('change');
                $("#export").val(draft_data.export);
                $("#payment_method").val(draft_data.payment_method).trigger('change');
                $("#payment_form").val(draft_data.payment_form);
                $("#credit_days").val(draft_data.credit_days).trigger('change');
                $("#due_date").val(draft_data.due_date).trigger('change');
                $("#notes").val(draft_data.notes);

              //* Concepts
                await Promise.all((draft_data.tax_items ?? []).map(concept => {
                    const parsed_taxes = buildTaxSummaries(concept);

                    const form_data = {
                        concept_prod_serv_id: concept.prod_serv_id,
                        concept_name: concept.name,
                        concept_prod_serv_key: concept.prod_serv_key,
                        concept_sat_description: concept.sat_description,
                        concept_object_tax: concept.object_tax,
                        concept_unit_key: concept.unit_key,
                        concept_unit_price: concept.unit_price,
                        concept_quantity: concept.quantity,
                        subtotal: concept.subtotal,
                        discount_format: concept.discount_type,
                        concept_discount: concept.discount_value,
                        concept_discount_rate: concept.discount_total,
                        concept_description: concept.description,

                        tax_application_summary: parsed_taxes.tax_application_summary,
                        tax_summary: parsed_taxes.tax_summary,
                        rate_quotes_summary: parsed_taxes.rate_quotes_summary,
                        tax_charges_summary: parsed_taxes.tax_charges_summary,

                        local_tax_names_summary: parsed_taxes.local_tax_names_summary,
                        local_rate_quotes_summary: parsed_taxes.local_rate_quotes_summary,
                        local_tax_charges_summary: parsed_taxes.local_tax_charges_summary,
                        local_tax_application_summary: parsed_taxes.local_tax_application_summary,

                        third_account_tax_identifier: concept.third_party_account.tax_identifier,
                        third_account_legal_name: concept.third_party_account.legal_name,
                        third_account_tax_system: concept.third_party_account.tax_system,
                        third_account_zip: concept.third_party_account.zip,

                        concept_property_tax_account: concept.property_tax_account,

                        total: concept.total
                    };

                    buildConceptRow(form_data, concept.line_number);
                }));

              //* Related Documents
                await Promise.all((draft_data.related_documents ?? []).map(doc =>
                    buildDocRow(doc.relation_type, doc.uuid, doc.description)
                ));

              //* Format
                $("#tax_format_id").val(draft_data.tax_format_id);

                window.loader.hide(); // Hide Loader
            }, 1100);
        });
    </script>
@endsection

@section('interaction-scripts')
    @include('invoicing.invoices.complements.interaction-scripts')
@endsection