{{-- New-Unity ERP | Modules/Billing/Resources/Views/Mexico/invoices/form.blade.php | v3.10 | 05/08/2026 --}}
{{-- v3.10 — FIX 2: botón "Editar domicilio" junto al selector de dirección del cliente.
             Modal #modal-editar-domicilio con AJAX GET/PUT a /sales/customers/{id}/addresses/{id}.
             Refresca el select de domicilios automáticamente al guardar. --}}
{{-- v3.1 — Elimina el modal de clientes INLINE duplicado (id customers-modal
     repetido); ahora solo vive en el partial modal_customers (v1.1).
     v3.0 — Botón de edición de datos fiscales del cliente (modal AJAX sin salir
     de la factura) + variable CsrfToken para los guardados por AJAX.
     v2.9 — Markup del modal de clientes (#customers-modal) agregado.
     v2.8 — Campo Company por MODAL propio de clientes (sin select2): input
     readonly + botón de búsqueda + hidden customer_id (#selCustomerInvoice).
     Se eliminan los includes de select2 (css/js).
     v2.7 — JS del módulo servido desde public/modules/billing/ (patrón publishes()
     del BillingServiceProvider v1.1). Fuente en Resources/Assets/Js del módulo.
     v2.5 — Scripts: variables (AppUrl, taxObjects, etc.) declaradas ANTES de los
     includes; select2 css+js agregados; app.billing.js removido (es del índice).
     v2.4 — Botonera de productos en tercios (Manual Concept centrado exacto).
     v2.3 — Distribución de Israel: Pay Conditions, Account Number y Observations
     (ahora textarea) se mueven debajo de la tabla de productos, a la izquierda
     del bloque de totales. Título Add Products centrado.
     v2.2 — Totales compactos alineados a la derecha. IDs/names intactos. --}}
{{-- v2.1 — Layout compacto: campos cortos reducidos (Number/Date/Stamps/Serie/
     Credit Days/Expiration en una sola fila), inputs y selects en tamaño sm,
     gutters g-2 y márgenes reducidos para un formulario unificado.
     v2.0 — Refactory completo al diseño New-Unity (BS5, sin App\classes\Form,
     emisor desde BillingContributor, IDs/names intactos para app.invoice.js) --}}

@extends('layouts.vertical')

@section('content')
@php
    // Helper local: valor del campo → old() > $row > default
    $val = fn($field, $default = '') => old($field, $row->{$field} ?? $default);
    $isEdit = isset($row) && $row && empty($documentId);
    $isInvoice = Request::segment(1) == 'invoices';
    $hasOld = session()->hasOldInput();

    $formTitle = $isEdit
        ? ($isInvoice ? __('invoices.editinvoice') : __('invoices.newcreditnote'))
        : ($isInvoice ? __('invoices.newinvoice') : __('invoices.newcreditnote'));

    $formRoute = $isInvoice
        ? ($isEdit ? route('invoices.update', $row->id) : route('invoices.store'))
        : ($isEdit ? route('egresos.update', $row->id) : route('egresos.store'));

    $defaultSerie = $isInvoice ? ($contributor->serie_i ?? '') : ($contributor->serie_e ?? '');
@endphp


{{-- Estilos tabla de partidas --}}
<style>
    #table-details-invoice th, #table-details-invoice td { vertical-align:middle; font-size:.75rem; }
    #table-details-invoice .col-group  { width:90px;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:90px; }
    #table-details-invoice .col-qty    { width:50px;  text-align:center; }
    #table-details-invoice .col-sat    { width:80px;  white-space:nowrap; }
    #table-details-invoice .col-unit   { width:50px;  white-space:nowrap; }
    #table-details-invoice .col-code   { width:55px;  white-space:nowrap; }
    #table-details-invoice .col-product-name { max-width:200px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    #table-details-invoice .col-tax    { width:80px; text-align:center; }
    #table-details-invoice .col-price  { width:95px;  }
    #table-details-invoice .col-disc   { width:65px;  text-align:center; }
    #table-details-invoice .col-total  { width:85px;  text-align:right; white-space:nowrap; }
    #table-details-invoice .col-del    { width:38px;  text-align:center; }
</style>
<div class="container-fluid">
    {{-- Page Header --}}
    <div class="d-flex justify-content-between align-items-start mb-2">
        <div>
            <h1 class="h3 mb-0"><i class="fad fa-file-invoice-dollar me-2"></i>{{ $formTitle }}</h1>
            <p class="text-muted mb-0">CFDI 4.0 — {{ $contributor->test_mode ? 'TEST MODE' : 'Production' }}</p>
        </div>
    </div>

    {{-- Breadcrumbs --}}
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb mb-3">
            <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Unity ERP</a></li>
            <li class="breadcrumb-item"><a href="{{ route('invoices.index') }}">{{ __('menu.invoices-mxn') }}</a></li>
            <li class="breadcrumb-item active">{{ $formTitle }}</li>
        </ol>
    </nav>

    {{-- Alert: sin timbres o error PAC (null = PAC no consultado al cargar el formulario → no mostrar) --}}
    @if($availableRfc !== null || ($availableStamps !== null && $availableStamps <= 0))
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
            <h5 class="alert-heading"><b>{{ __('management.attention') }}</b></h5>
            <p class="mb-0"><b>{{ (!$availableRfc) ? __('management.attention-pacMsg') : $availableRfc }}</b></p>
            @if(!$availableRfc)
                <hr>
                <p class="mb-0">{{ __('management.attention-stamps') }}</p>
            @endif
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
    @endif

    {{-- Main Card --}}
    <div class="card">
        <div class="card-header bg-primary text-white">
            <h5 class="card-title mb-0"><i class="fad fa-edit me-2"></i>{{ $formTitle }}</h5>
        </div>
        <div class="card-body">

            <form id="formInvoice" method="POST" action="{{ $formRoute }}"
                  onsubmit="$('#paneConcept').collapse('hide')">
                @csrf
                @if($isEdit)
                    @method('PUT')
                @endif
                <input type="hidden" name="cfdi_tipo" value="{{ $isInvoice ? 'i' : 'e' }}">

                {{-- Errores de validación front (los llena el JS) --}}
                <div style="display: none" id="content-errors-front">
                    <div class="alert alert-danger alert-dismissible fade show" role="alert">
                        <h5 class="alert-heading">{{ __('common.verifydata') }}</h5>
                        <ul id="errors-front"></ul>
                    </div>
                </div>

                {{-- Errores de validación back --}}
                @if ($errors->any())
                    <div class="alert alert-danger alert-dismissible fade show" role="alert">
                        <h5 class="alert-heading">{{ __('common.verifydata') }}</h5>
                        <ul class="mb-0">
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                @endif

                {{-- ════════ Section: General Information ════════ --}}
                <div class="mb-2">
                    <h6 class="text-primary mb-1">
                        <i class="fad fa-info-circle me-2"></i>{{ __('invoices.generalinfo') }}
                    </h6>
                    <hr class="mt-1 mb-2" style="border-top: 2px solid #dee2e6;">
                </div>

                {{-- Fila 1: cliente (prioridad) + campos cortos --}}
                <div class="row g-2 mb-2">
                    <div class="col-md-4">
                        <label class="form-label fw-bold small mb-1">{{ __('invoices.company') }} *</label>
                        <div class="input-group input-group-sm">
                            <input type="text" class="form-control" id="customer_display"
                                   value="{{ old('customer_name', $row->customer->name ?? '') }}"
                                   placeholder="Click to search customer..."
                                   readonly style="cursor: pointer; background-color: #fff;"
                                   onclick="openCustomerModal()">
                            <button class="btn btn-primary" type="button" onclick="openCustomerModal()" title="Search customer">
                                <i class="fas fa-search"></i>
                            </button>
                            <button class="btn btn-outline-secondary" type="button" onclick="openCustomerFiscalModal()" title="Edit customer fiscal data">
                                <i class="fas fa-pen"></i>
                            </button>
                        </div>
                        <input type="hidden" id="selCustomerInvoice" name="customer_id"
                               value="{{ old('customer_id', $row->customer_id ?? '') }}">
                    </div>
                    <div class="col-md-1">
                        <label class="form-label fw-bold small mb-1">
                            {{ $isInvoice ? __('invoices.number') : __('invoices.credit_note_number') }}
                        </label>
                        <input type="text" class="form-control form-control-sm bg-light text-center" id="id" name="folio"
                               value="{{ $val('folio', $number) }}" readonly>
                    </div>
                    <div class="col-md-2">
                        <label class="form-label fw-bold small mb-1">{{ __('invoices.date') }}</label>
                        <input type="text" class="form-control form-control-sm bg-light text-center" value="{{ $created_at }}" disabled>
                    </div>
                    <div class="col-md-1">
                        <label class="form-label fw-bold small mb-1">{{ __('invoices.stamps') }}</label>
                        <input type="text" class="form-control form-control-sm bg-light text-center" id="stamps" name="stamps"
                               value="{{ !$availableRfc && $availableStamps > 0 ? $availableStamps : 0 }}" disabled>
                    </div>
                    <div class="col-md-1">
                        <label class="form-label fw-bold small mb-1">{{ __('management.serie_i') }}</label>
                        <input type="text" class="form-control form-control-sm text-center" id="serie" name="serie"
                               value="{{ $val('serie') !== '' ? $val('serie') : $defaultSerie }}">
                    </div>
                    <div class="col-md-1">
                        <label class="form-label fw-bold small mb-1">{{ __('invoices.credit_days') }}</label>
                        <select id="credit_days" name="credit_days" class="form-select form-select-sm">
                            @foreach($selectElements->selectcCreditDays as $days)
                                <option value="{{ $days }}" @selected($val('credit_days') !== '' && (int) $val('credit_days') === (int) $days)>{{ $days }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-2">
                        <label class="form-label fw-bold small mb-1">{{ __('invoices.expiration_date') }}</label>
                        <input type="text" class="form-control form-control-sm bg-light text-center" id="expiration_days" name="expiration_date"
                               value="{{ date('d-m-Y', strtotime($val('expiration_date', $created_at))) }}" readonly>
                    </div>
                </div>

                {{-- Fila 2: dirección y datos del cliente --}}
                <div class="row g-2 mb-2">
                    <div class="col-md-6">
                        <label class="form-label fw-bold small mb-1">{{ __('invoices.addresses') }} *</label>
                        <div class="input-group input-group-sm">
                            <select id="customer_address_id" name="customer_address_id"
                                    class="form-select form-select-sm actions-with-clients" required>
                                @foreach($customer_addresses as $addressId => $addressLabel)
                                    <option value="{{ $addressId }}" @selected($val('customer_address_id') == $addressId)>{{ $addressLabel }}</option>
                                @endforeach
                            </select>
                            <button class="btn btn-outline-secondary" type="button" id="btnEditarDomicilio"
                                    onclick="openEditarDomicilioModal()" title="Editar domicilio seleccionado"
                                    style="display:none;">
                                <i class="bi bi-pencil"></i>
                            </button>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label fw-bold small mb-1">{{ __('invoices.razonsocial') }}</label>
                        <input id="customer_commercial_name" name="customer_commercial_name" type="text"
                               class="form-control form-control-sm bg-light" value="{{ $val('customer_commercial_name') }}" readonly>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label fw-bold small mb-1">{{ __('invoices.rfc') }}</label>
                        <input id="customer_rfc" name="customer_rfc" type="text"
                               class="form-control form-control-sm bg-light" value="{{ $val('customer_rfc') }}" readonly>
                    </div>
                </div>

                <input type="hidden" id="customer_number" name="customer_number" value="{{ $val('customer_number') }}">
                <input type="hidden" id="customer_name" name="customer_name" value="{{ $val('customer_name') }}">

                {{-- Fila 3: datos fiscales CFDI (prioridad) --}}
                <div class="row g-2 mb-2">
                    <div class="col-md-3">
                        <label class="form-label fw-bold small mb-1">{{ __('invoices.fiscal_regime') }} *</label>
                        <select id="customer_fiscal_regime" name="customer_fiscal_regime" class="form-select form-select-sm" required>
                            <option value="">{{ __('buttons.select') }}...</option>
                            @foreach($fiscalRegimes as $fiscalRegime)
                                <option value="{{ $fiscalRegime->code }}" @selected($val('customer_fiscal_regime') == $fiscalRegime->code)>
                                    {{ $fiscalRegime->code . ' - ' . $fiscalRegime->description }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label fw-bold small mb-1">{{ __('invoices.usecfdi') }} *</label>
                        <select id="cfdi_uso" name="cfdi_uso" class="form-select form-select-sm" required>
                            <option value="">{{ __('buttons.select') }}...</option>
                            @foreach($selectElements->selectcCfdiUse as $code => $label)
                                <option value="{{ $code }}" @selected($val('cfdi_uso') == $code)>{{ $label }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label fw-bold small mb-1">{{ __('invoices.payway') }} *</label>
                        <select id="payment_way" name="payment_way" class="form-select form-select-sm" required>
                            <option value="">{{ __('buttons.select') }}...</option>
                            @foreach($selectElements->selectcPayWay as $code => $label)
                                <option value="{{ $code }}" @selected($val('payment_way') == $code)>{{ $label }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label fw-bold small mb-1">{{ __('invoices.paymethod') }} *</label>
                        <select id="payment_method" name="payment_method" class="form-select form-select-sm" required>
                            <option value="">{{ __('buttons.select') }}...</option>
                            @foreach($selectElements->selectcPayMethod as $code => $label)
                                <option value="{{ $code }}" @selected($val('payment_method') == $code)>{{ $label }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>

{{-- ════════ Section: Additional Data (collapsible) ════════ --}}
                <div class="mb-2 mt-3">
                    <h6 class="text-success mb-1" style="cursor: pointer"
                        data-bs-toggle="collapse" data-bs-target="#additionalData">
                        <i class="fad fa-folder-plus me-2"></i>{{ __('invoices.additional-data') }}
                        <i class="fas fa-caret-down ms-1"></i>
                    </h6>
                    <hr class="mt-1 mb-2" style="border-top: 2px solid #dee2e6;">
                </div>

                <div class="collapse" id="additionalData">
                    <div class="row g-2 mb-2">
                        <div class="col-md-3">
                            <label class="form-label fw-bold small mb-1">{{ __('invoices.purchase_order') }}</label>
                            <input type="text" class="form-control form-control-sm" id="purchase_order" name="purchase_order"
                                   value="{{ $val('purchase_order') }}" maxlength="25">
                        </div>
                        <div class="col-md-3">
                            <label class="form-label fw-bold small mb-1">{{ __('invoices.quote_number') }}</label>
                            <select name="quote_id" id="quote_id" class="form-select form-select-sm">
                                @if(isset($quote) && $quote)
                                    <option value="{{ $quote->id }}">{{ $quote->fol . ' - ' . $quote->name }}</option>
                                @endif
                            </select>
                        </div>
                        <div class="col-md-2">
                            <label class="form-label fw-bold small mb-1">{{ __('invoices.odt') }}</label>
                            <input type="text" class="form-control form-control-sm" id="odt" name="odt"
                                   value="{{ $val('odt') }}" maxlength="100">
                        </div>
                        <div class="col-md-2">
                            <label class="form-label fw-bold small mb-1">{{ __('invoices.request') }}</label>
                            <input type="text" class="form-control form-control-sm" id="request" name="request"
                                   value="{{ $val('request') }}" maxlength="100">
                        </div>
                        <div class="col-md-2">
                            <label class="form-label fw-bold small mb-1">{{ __('invoices.petition') }}</label>
                            <input type="text" class="form-control form-control-sm" id="petition" name="petition"
                                   value="{{ $val('petition') }}" maxlength="100">
                        </div>
                    </div>
                </div>

                {{-- ════════ Section: Related CFDIs (collapsible) ════════ --}}
                <div class="mb-2 mt-2">
                    <h6 class="text-success mb-1" style="cursor: pointer"
                        data-bs-toggle="collapse" data-bs-target="#relatedDocuments">
                        <i class="fad fa-link me-2"></i>{{ __('invoices.related_payment_documents') }}
                        <i class="fas fa-caret-down ms-1"></i>
                    </h6>
                    <hr class="mt-1 mb-2" style="border-top: 2px solid #dee2e6;">
                </div>

                <div class="collapse" id="relatedDocuments">
                    <div class="row g-2 mb-2">
                        <div class="col-md-4">
                            <label class="form-label fw-bold small mb-1">{{ __('invoices.tipo_rela') }}</label>
                            <select id="cfdi_rela" name="cfdi_rela" class="form-select form-select-sm">
                                <option value="">{{ __('buttons.select') }}...</option>
                                @foreach($selectElements->selectcCfdiRela as $code => $label)
                                    <option value="{{ $code }}" @selected($val('cfdi_rela') == $code)>{{ $label }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div id="cfdi_relacionados">
                        @foreach($hasOld ? old('relas', []) : $relas as $idx => $rela)
                            @include('billing::Mexico.invoices.partials.create.cfdi_relacionados', ['empty' => 0])
                        @endforeach
                    </div>
                    <div class="row mb-2">
                        <div class="col-md-12">
                            <button id="btn_add_rel" type="button" class="btn btn-success btn-sm"
                                    onclick="AddCfdiRel()" disabled>{{ __('invoices.add_related_uuid') }}</button>
                        </div>
                    </div>
                </div>

                {{-- ════════ Section: Products ════════ --}}
                <div class="mb-2 mt-2 text-center">
                    <h6 class="text-primary mb-1">
                        <i class="fad fa-boxes me-2"></i>{{ __('invoices.addproducts') }}
                    </h6>
                    <hr class="mt-1 mb-2" style="border-top: 2px solid #dee2e6;">
                </div>

                <div class="row g-2 mb-2 align-items-center">
                    <div class="col-4">
                        <div class="form-check form-switch">
                            <input type="checkbox" class="form-check-input" id="multiproduct"
                                   name="multiple_products" @checked($val('multiple_products'))>
                            <label class="form-check-label" for="multiproduct">{{ __('invoices.multiproduct') }}</label>
                        </div>
                    </div>
                    <div class="col-4 text-center">
                        <button id="btn-manual-product" type="button" class="btn btn-outline-secondary btn-sm"
                                data-bs-toggle="collapse" data-bs-target="#paneConcept"
                                aria-expanded="false" aria-controls="paneConcept">{{ __('invoices.manual_concept') }}</button>
                    </div>
                    <div class="col-4 text-end">
                        <button id="btnInvoiceSearchProducts" type="button"
                                class="btn btn-success btn-sm">{{ __('invoices.searchproducts') }}</button>
                    </div>
                </div>

                {{-- Manual concept form (collapsible) --}}
                <div class="collapse" id="paneConcept">
                    <div class="card card-body bg-light mb-3">
                        <p class="h6 fw-bold">{{ __('invoices.manual_concept') }}</p>
                        <div class="row">
                            <div class="col-md-2 mb-2">
                                <label class="form-label">{{ __('invoices.partnumber') }}</label>
                                <input type="text" class="form-control form-control-sm" id="manual_code">
                            </div>
                            <div class="col-md-2 mb-2">
                                <label class="form-label">{{ __('invoices.quantity') }}</label>
                                <input id="manual_quantity" type="number" class="form-control form-control-sm text-center"
                                       value="1" min="0" max="9999">
                            </div>
                            <div class="col-md-4 mb-2">
                                <label class="form-label">{{ __('invoices.sat') }}</label>
                                <select id="manual_sat" class="form-select form-select-sm">
                                    @foreach($selectElements->selectcClaveProducto as $code => $label)
                                        <option value="{{ $code }}">{{ $label }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-4 mb-2">
                                <label class="form-label">{{ __('invoices.unit') }}</label>
                                <select id="manual_unit" class="form-select form-select-sm">
                                    @foreach($selectElements->selectcClaveUnidad as $code => $label)
                                        <option value="{{ $code }}">{{ $label }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-7 mb-2">
                                <label class="form-label">{{ __('invoices.product_name') }}</label>
                                <input type="text" class="form-control form-control-sm" id="manual_description">
                            </div>
                            <div class="col-md-2 mb-2">
                                <label class="form-label">{{ __('invoices.unitprice') }}</label>
                                <input type="text" class="form-control form-control-sm" id="manual_price">
                            </div>
                            <div class="col-md-2 mb-2">
                                <label class="form-label">{{ __('invoices.discountpercent') }}</label>
                                <input type="number" class="form-control form-control-sm text-center"
                                       min="0" max="50" id="manual_discount">
                            </div>
                            <div class="col-md-1 mb-2 d-flex align-items-end">
                                <button id="btn-add-product" type="button" class="btn btn-outline-success btn-sm"
                                        onclick="addManualProductInvoice()">{{ __('invoices.btn_add') }}</button>
                            </div>
                        </div>
                    </div>
                </div>

                {{-- Products table --}}
                <div class="table-responsive">
                    <table id="table-details-invoice" class="table table-sm align-middle">
                        <thead>
                            <tr>
                                <th class="col-code">Code</th>
                                <th class="col-qty text-center">Qty</th>
                                <th class="col-sat">SAT</th>
                                <th class="col-unit">Unit</th>
                                <th>{{ __('invoices.product_name') }}</th>
                                <th class="col-tax">{{ __('invoices.tax_object') }}</th>
                                <th class="col-price text-end">{{ __('invoices.unitprice') }}</th>
                                <th class="col-disc text-center">{{ __('invoices.discountpercent') }}</th>
                                <th class="col-edit" style="width:24px;"></th>
                                <th class="col-total text-end">Total</th>
                                <th class="col-del"></th>
                            </tr>
                        </thead>
                        <tbody id="content-rows">
                            @foreach($products as $nKey => $product)
                                <tr class="details">
                                    <td class="col-code">
                                        <input type="hidden" name="products[{{ $nKey }}][manual_id]" value="{{ $product->id }}">
                                        <input type="hidden" name="products[{{ $nKey }}][group_code]" value="{{ $product->group_code }}">
                                        <input type="hidden" name="products[{{ $nKey }}][product_id]" {!! $product->product_id ? 'id="Code_' . $product->product_id . '"' : '' !!} value="{{ $product->product_id }}">
                                        {{ $product->product_id ?: 'N/A' }}
                                    </td>
                                    <td class="col-qty text-center">
                                        <input type="hidden" name="products[{{ $nKey }}][quantity]" value="{{ $product->quantity }}">
                                        {{ $product->quantity }}
                                    </td>
                                    <td class="col-sat">
                                        <input type="hidden" name="products[{{ $nKey }}][tax_code]" value="{{ $product->tax_code }}">
                                        {{ $product->tax_code }}
                                    </td>
                                    <td class="col-unit">
                                        <input type="hidden" name="products[{{ $nKey }}][unity]" value="{{ $product->unity }}">
                                        {{ $product->unity }}
                                    </td>
                                    <td class="col-product-name" title="{{ $product->product_name }}">
                                        <input type="hidden" name="products[{{ $nKey }}][product_name]" value="{{ $product->product_name }}">
                                        {{ $product->product_name }}
                                    </td>
                                    <td class="col-tax">
                                        <div class="d-flex align-items-center justify-content-center gap-1">
                                            <span class="badge bg-primary tax-code-badge">{{ $product->tax_object ?? '02' }}</span>
                                            <i class="fas fa-lock fa-xs text-muted" style="cursor:pointer" title="Change Tax Object" onclick="toggleTaxSelect(this)"></i>
                                            <select class="form-select form-select-sm d-none tax-obj-select" name="products[{{ $nKey }}][tax_object]" onchange="updateTaxBadge(this)">
                                                @foreach($selectElements->selectcTaxObjects as $code => $label)
                                                    <option value="{{ $code }}" @selected($product->tax_object == $code)>{{ $code }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </td>
                                    <td class="col-price text-end">
                                        <input type="text" class="form-control form-control-sm text-center input-invoice-price"
                                               min="0.1" name="products[{{ $nKey }}][sales_price]"
                                               value="{{ number_format($product->sales_price, 2, '.', ',') }}"
                                               readonly style="background:#f8f9fa;cursor:default;">
                                    </td>
                                    <td class="col-disc text-end">
                                        <input name="products[{{ $nKey }}][disc_per]" type="number"
                                               class="form-control form-control-sm text-center"
                                               value="{{ $product->disc_per }}" min="0" max="50" onchange="SumInvoice()">
                                    </td>
                                    <td class="col-edit text-center">
                                        <i class="fas fa-pencil-alt fa-xs text-primary" style="cursor:pointer;"
                                           title="Edit price"
                                           onclick="togglePriceEdit(this)"></i>
                                    </td>
                                    <td class="col-subtotal text-end">
                                        <input type="hidden" class="subtotal" name="products[{{ $nKey }}][amount]" value="{{ $product->amount }}">
                                        <span class="legend-subtotal">{{ number_format($product->amount, 2, '.', ',') }}</span>
                                    </td>
                                    <td>
                                        <a href="#" onclick="event.preventDefault();$(this).closest('tr').remove();SumInvoice()"
                                           class="btn btn-danger btn-sm" title="{{ __('quotes.deleteproduct') }}">
                                            <i class="fas fa-trash-alt"></i>
                                        </a>
                                    </td>
                                    <td style="display:none;">
                                        <input type="hidden" name="products[{{ $nKey }}][manual]" value="{{ $product->manual }}">
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>

                    </table>
                </div>

                {{-- ════════ Footer: datos de pago + totales ════════ --}}
                <div class="row g-3 mt-1">
                    <div class="col-md-7">
                        <div class="row g-2 mb-2">
                            <div class="col-md-5">
                                <label class="form-label fw-bold small mb-1">{{ __('invoices.pay_conditions') }}</label>
                                <input id="condition_pay" name="condition_pay" type="text"
                                       class="form-control form-control-sm bg-light" value="{{ $val('condition_pay') }}" readonly>
                            </div>
                            <div class="col-md-5">
                                <label class="form-label fw-bold small mb-1">{{ __('invoices.accountnumber') }}</label>
                                <input type="text" class="form-control form-control-sm" id="account_number" name="account_number"
                                       value="{{ $val('account_number') }}" maxlength="45" required>
                            </div>
                        </div>
                        <div class="row g-2">
                            <div class="col-md-10">
                                <label class="form-label fw-bold small mb-1">{{ __('invoices.observations') }}</label>
                                <textarea class="form-control form-control-sm" id="observations" name="observations"
                                          rows="4" maxlength="255">{{ $val('observations') }}</textarea>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-5">
                        <div>

                                        {{-- Currency + Exchange Rate --}}
                                        <div class="row g-2 mb-2">
                                            <div class="col-6">
                                                <div class="input-group input-group-sm">
                                                    <span class="input-group-text">{{ __('invoices.currency') }}</span>
                                                    <input id="selcurrency" type="text" name="currency" class="form-control text-center"
                                                           value="{{ $val('currency', $currency->code) }}" readonly>
                                                </div>
                                            </div>
                                            <div class="col-6">
                                                <div class="input-group input-group-sm">
                                                    <span class="input-group-text">{{ __('invoices.exchange_rate') }}</span>
                                                    <input type="text" class="form-control text-end" id="currency_to_mxn" name="currency_to_mxn"
                                                           value="{{ $val('currency', $currency->code) == 'MXN' ? $val('currency_to_mxn', 1) : $val('currency_to_mxn', $usdRate) }}"
                                                           maxlength="9" required>
                                                    <span class="input-group-text" id="selcurrency_copy"></span>
                                                </div>
                                            </div>
                                        </div>

                                        {{-- Sub Total --}}
                                        <div class="d-flex align-items-center justify-content-end mb-1">
                                            <span class="small fw-bold me-2">{{ __('invoices.subtotal') }}</span>
                                            <div class="input-group input-group-sm" style="width: 220px;">
                                                <span class="currency_symbol input-group-text">{{ $currency->symbol }}</span>
                                                <input class="form-control text-end" id="subtotal" type="text" name="subtotal" value="0.00" readonly>
                                            </div>
                                        </div>

                                        {{-- Discount --}}
                                        <div class="d-flex align-items-center justify-content-end mb-1">
                                            <span class="small fw-bold me-2">{{ __('invoices.discount') }}</span>
                                            <div class="input-group input-group-sm" style="width: 220px;">
                                                <span class="currency_symbol input-group-text">{{ $currency->symbol }}</span>
                                                <input class="form-control text-end" id="discount_amount" type="text" name="discount" value="0.00" readonly>
                                            </div>
                                        </div>

                                        {{-- Tax (IVA configurable) --}}
                                        <div class="d-flex align-items-center justify-content-end mb-1">
                                            <span class="small fw-bold me-2">IVA</span>
                                            <div class="input-group input-group-sm me-1" style="width: 155px;">
                                                <input id="tax" name="tax_perc" type="number" min="0" max="100" step="0.01"
                                                       class="form-control form-control-sm text-end"
                                                       style="min-width: 65px;"
                                                       value="{{ $val('tax_perc', $defaultTax ?? 16) }}" onchange="SumInvoice()">
                                                <span class="input-group-text">%</span>
                                                <button type="button" class="btn btn-outline-secondary btn-sm px-2"
                                                        onclick="saveDefaultTax()"
                                                        title="Save as default IVA">
                                                    <i class="fas fa-save fa-xs"></i>
                                                </button>
                                            </div>
                                            <div class="input-group input-group-sm" style="width: 220px;">
                                                <span class="currency_symbol input-group-text">{{ $currency->symbol }}</span>
                                                <input class="form-control form-control-sm text-end" id="taxamount" type="text" name="tax" value="0.00" readonly>
                                            </div>
                                        </div>

                                        {{-- Total --}}
                                        <div class="d-flex align-items-center justify-content-end pt-1 border-top">
                                            <span class="fw-bold me-2">{{ __('invoices.total') }}</span>
                                            <div class="input-group input-group-sm" style="width: 220px;">
                                                <span class="currency_symbol input-group-text">{{ $currency->symbol }}</span>
                                                <input class="form-control text-end fw-bold" id="total" type="text" name="total" value="0.00" readonly>
                                            </div>
                                        </div>

                                    </div>
                    </div>
                </div>

                {{-- Form actions --}}
                <div class="row mt-4">
                    <div class="col-md-12 text-end">
                        <a href="{{ route('invoices.index') }}" class="btn btn-secondary">
                            <i class="fad fa-times me-1"></i>{{ __('buttons.cancel') }}
                        </a>
                        <button type="submit" class="btn btn-primary">
                            <i class="fad fa-save me-1"></i>{{ __('buttons.save') }}
                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>

    {{-- Modal: buscador de productos (lo inyecta el JS) --}}
    <div id="content-products-modal"></div>

    @include('billing::Mexico.invoices.partials.create.modal_valid_products')

    @include('billing::Mexico.invoices.partials.create.modal_customers')

    @include('billing::Mexico.invoices.partials.create.modal_customer_fiscal')

    <div id="cfdi_relacionados_empty" class="d-none">
        @include('billing::Mexico.invoices.partials.create.cfdi_relacionados', ['empty' => 1, 'idx' => '{idx}'])
    </div>

    {{-- Modal: Editar domicilio del cliente --}}
    <div class="modal fade" id="modal-editar-domicilio" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header bg-primary text-white py-2">
                    <h5 class="modal-title">
                        <i class="bi bi-house-door me-2"></i>Editar domicilio
                    </h5>
                    <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <div class="alert alert-danger py-2 d-none" id="domicilio-errors">
                        <ul class="mb-0" id="domicilio-errors-list"></ul>
                    </div>
                    <div class="row g-2 mb-2">
                        <div class="col-md-8">
                            <label class="form-label fw-bold small mb-1">Etiqueta / Sucursal *</label>
                            <input type="text" id="dom_office_branch" class="form-control form-control-sm uppercase-input" maxlength="100">
                        </div>
                        <div class="col-md-4">
                            <label class="form-label fw-bold small mb-1">Código Postal *</label>
                            <input type="text" id="dom_postal_code" class="form-control form-control-sm" maxlength="10">
                        </div>
                    </div>
                    <div class="row g-2 mb-2">
                        <div class="col-md-12">
                            <label class="form-label fw-bold small mb-1">Calle y número</label>
                            <input type="text" id="dom_address" class="form-control form-control-sm uppercase-input" maxlength="250">
                        </div>
                    </div>
                    <div class="row g-2 mb-2">
                        <div class="col-md-4">
                            <label class="form-label fw-bold small mb-1">Ciudad / Municipio</label>
                            <input type="text" id="dom_city" class="form-control form-control-sm uppercase-input" maxlength="150">
                        </div>
                        <div class="col-md-4">
                            <label class="form-label fw-bold small mb-1">Estado</label>
                            <input type="text" id="dom_state" class="form-control form-control-sm uppercase-input" maxlength="100">
                        </div>
                        <div class="col-md-4">
                            <label class="form-label fw-bold small mb-1">País</label>
                            <input type="text" id="dom_country_name" class="form-control form-control-sm uppercase-input" maxlength="100" placeholder="México">
                        </div>
                    </div>
                    <input type="hidden" id="dom_country">
                </div>
                <div class="modal-footer py-2">
                    <button type="button" class="btn btn-secondary btn-sm" data-bs-dismiss="modal">
                        <i class="bi bi-x me-1"></i>Cancelar
                    </button>
                    <button type="button" class="btn btn-primary btn-sm" id="btnGuardarDomicilio" onclick="saveEditarDomicilio()">
                        <i class="bi bi-check-lg me-1"></i>Guardar domicilio
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('scripts')
{{-- Variables ANTES de los includes: los plugins las leen al inicializar --}}
<script>
    window.AppUrl       = '{{ url('') }}';
    window.contributorTax = {{ $defaultTax ?? 16 }};
    // IVA por defecto viene del contributor (billing_contributors.tax_percent)
    window.CsrfToken = '{{ csrf_token() }}';
    var MxnToUsd = {{ number_format($usdRate, 4, '.', '') }};
    var invoiceId = {{ $row->id ?? 0 }};
    var alert_poduct_already_add = '{{ __('invoices.alert_poduct_already_add') }}';
    var alert_currency = '{{ __('invoices.alert_currency') }}';
    var taxObjectsOptions = {!! json_encode($taxObjects, JSON_HEX_TAG) !!};
</script>

<script src="{{ asset('js/formplugins/inputmask/inputmask.bundle.js') }}"></script>
<script src="{{ asset('modules/billing/js/app.invoice.js') }}"></script>

<script>
    // Toggle edición de precio con ícono lápiz/candado
    window.togglePriceEdit = function(icon) {
        var input = $(icon).closest('tr').find('.input-invoice-price');
        var locked = input.prop('readonly');
        if (locked) {
            input.prop('readonly', false).css({'background':'#fff','cursor':'text'}).focus();
            $(icon).removeClass('fa-pencil-alt text-primary').addClass('fa-lock text-warning');
        } else {
            input.prop('readonly', true).css({'background':'#f8f9fa','cursor':'default'});
            $(icon).removeClass('fa-lock text-warning').addClass('fa-pencil-alt text-primary');
            SumInvoice();
        }
    };

    $(function () {
        var idx;
        @foreach($hasOld ? old('relas', []) : $relas as $idx => $rela)
            idx = '{{ $idx }}';
            registerComboUuid(idx);
        @endforeach
    });
</script>

<script>
// ── Modal: Editar domicilio del cliente ──────────────────────────────────
var _editarDomicilioAddressId = null;

function openEditarDomicilioModal() {
    var customerId = $('#selCustomerInvoice').val();
    var addressId  = $('#customer_address_id').val();
    if (!customerId || !addressId) { return; }
    _editarDomicilioAddressId = addressId;
    $('#domicilio-errors').addClass('d-none');
    $('#domicilio-errors-list').empty();
    $.ajax({
        url: window.AppUrl + '/sales/customers/' + customerId + '/addresses/' + addressId + '/edit',
        type: 'GET',
        dataType: 'json',
        success: function(data) {
            $('#dom_office_branch').val(data.office_branch || '');
            $('#dom_address').val(data.address || '');
            $('#dom_city').val(data.city || '');
            $('#dom_state').val(data.state || '');
            $('#dom_postal_code').val(data.postal_code || '');
            $('#dom_country').val(data.country || 0);
            $('#dom_country_name').val('');
            $('#modal-editar-domicilio').modal('show');
        },
        error: function() {
            alert('No se pudo cargar el domicilio. Intenta de nuevo.');
        }
    });
}
window.openEditarDomicilioModal = openEditarDomicilioModal;

function saveEditarDomicilio() {
    var customerId = $('#selCustomerInvoice').val();
    if (!customerId || !_editarDomicilioAddressId) { return; }
    $('#btnGuardarDomicilio').prop('disabled', true);
    $('#domicilio-errors').addClass('d-none');
    $('#domicilio-errors-list').empty();
    $.ajax({
        url: window.AppUrl + '/sales/customers/' + customerId + '/addresses/' + _editarDomicilioAddressId,
        type: 'POST',
        dataType: 'json',
        data: {
            _token:        window.CsrfToken,
            _method:       'PUT',
            office_branch: $('#dom_office_branch').val(),
            address:       $('#dom_address').val(),
            city:          $('#dom_city').val(),
            state:         $('#dom_state').val(),
            postal_code:   $('#dom_postal_code').val(),
            country:       $('#dom_country').val() || 0,
        },
        success: function() {
            $('#btnGuardarDomicilio').prop('disabled', false);
            $('#modal-editar-domicilio').modal('hide');
            ajaxFillCustomer(customerId);
        },
        error: function(xhr) {
            $('#btnGuardarDomicilio').prop('disabled', false);
            var html = '';
            if (xhr.status === 422 && xhr.responseJSON && xhr.responseJSON.errors) {
                $.each(xhr.responseJSON.errors, function(k, msgs) { html += '<li>' + msgs[0] + '</li>'; });
            } else {
                html = '<li>Error inesperado al guardar el domicilio.</li>';
            }
            $('#domicilio-errors-list').html(html);
            $('#domicilio-errors').removeClass('d-none');
        }
    });
}
window.saveEditarDomicilio = saveEditarDomicilio;

// Mostrar/ocultar botón de editar domicilio según el cliente seleccionado
$(document).on('change', '#selCustomerInvoice', function() {
    $(this).val() ? $('#btnEditarDomicilio').show() : $('#btnEditarDomicilio').hide();
});
$(function() {
    if ($('#selCustomerInvoice').val()) { $('#btnEditarDomicilio').show(); }
});
</script>
@endsection