{{-- New-Unity ERP | Modules/Sales/Resources/Views/customers/edit.blade.php | v3.5 | 12/08/2026 --}}
{{-- v3.5 — FIX1: opción "Sin crédito" en dropdown status (nueva primera opción y default). --}}
{{--         Campo límite y checkbox visible SOLO cuando status=Aceptado (oculto en otros estados). --}}
{{-- v3.4 — Checkbox "Sin límite de crédito" en sección de crédito: visible solo si status=Aceptado. --}}
{{--         Cuando está marcado: deshabilita campo limit y guarda NULL en BD. --}}
{{-- v3.3 — novalidate en <form>: formularios multi-tab no deben usar validación HTML5 nativa. --}}
{{-- v3.2 — uppercase-input aplicado a rfc, name, commercial_name y campos de dirección. Elimina inline styles. --}}
{{-- v3.1 — Price List solo lectura, auto-asignada por Customer Type. Eliminado Additional Discount. --}}
{{-- v3.0 — Agrega sección Commercial Classification: Customer Type, Default Price List, Discount Override. --}}
{{-- v2.9 — Fix: new_contacts usa indice numerico en lugar de 'new_N'. --}}
{{-- v2.7 — Fix: numeroALetrasMXN en section content; fix closest tr syntax error.    --}}
{{-- v2.6 — Agrega seccion Credit Conditions: monto, plazo (days) y uso del credito. --}}
{{-- v2.5 — Contacts: modal para agregar/editar, tabla compacta, hidden inputs.       --}}
@extends('layouts.vertical', ['pageTitle' => __('customers.editcustomer')])

@section('content')
<div class="container-fluid">

    {{-- Header (sin @section page-title para evitar Back duplicado) --}}
    <div class="d-flex justify-content-between align-items-center mb-2">
        <div>
            <h1 class="h4 mb-0"><i class="fad fa-user-edit me-2 text-primary"></i>{{ __('customers.editcustomer') }}
                <span class="text-muted fw-light fs-6 ms-2">#{{ $customer->customer_number }}</span>
            </h1>
            <nav><ol class="breadcrumb mb-0 small">
                <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Unity ERP</a></li>
                <li class="breadcrumb-item"><a href="{{ route('sales.customers.index') }}">{{ __('customers.customers') }}</a></li>
                <li class="breadcrumb-item active">{{ __('customers.edit') }}</li>
            </ol></nav>
        </div>
        <div class="d-flex gap-2">
            <a href="{{ route('sales.customers.show', $customer) }}" class="btn btn-sm btn-outline-info">
                <i class="fas fa-eye me-1"></i>{{ __('customers.view') }}
            </a>
            <a href="{{ route('sales.customers.index') }}" class="btn btn-sm btn-outline-secondary">
                <i class="fas fa-arrow-left me-1"></i>{{ __('customers.back') }}
            </a>
        </div>
    </div>

    @if($errors->any())
        <div class="alert alert-danger alert-dismissible fade show py-2">
            <strong>{{ __('customers.errors') }}</strong>
            <ul class="mb-0 mt-1 small">@foreach($errors->all() as $e)<li>{{ $e }}</li>@endforeach</ul>
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    @endif

    <form action="{{ route('sales.customers.update', $customer) }}" method="POST" novalidate>
        @csrf @method('PUT')

        <div class="card">
            <div class="card-body">

                {{-- General --}}
                <h6 class="text-primary border-bottom pb-1 mb-2"><i class="fad fa-user-circle me-1"></i>{{ __('customers.generalinfo') }}</h6>
                <div class="row g-2 mb-3">
                    <div class="col-1">
                        <label class="form-label small fw-bold">{{ __('customers.col_no') }}</label>
                        <input class="form-control form-control-sm bg-light" value="{{ $customer->customer_number }}" readonly>
                    </div>
                    <div class="col-md-2">
                        <label class="form-label small fw-bold">{{ __('customers.type') }} *</label>
                        <select name="type" class="form-select form-select-sm @error('type') is-invalid @enderror" required>
                            <option value="Moral"  @selected(old('type',$customer->type)=='Moral')>{{ __('customers.persona_moral') }}</option>
                            <option value="Física" @selected(old('type',$customer->type)=='Física')>{{ __('customers.persona_fisica') }}</option>
                        </select>
                        @error('type')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    <div class="col-md-2">
                        <label class="form-label small fw-bold">{{ __('customers.rfc') }} *</label>
                        <input type="text" name="rfc" value="{{ old('rfc',$customer->rfc) }}"
                               class="form-control form-control-sm uppercase-input @error('rfc') is-invalid @enderror"
                               maxlength="45" required>
                        @error('rfc')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    <div class="col-md-4">
                        <label class="form-label small fw-bold">{{ __('customers.business_name') }} *</label>
                        <input type="text" name="name" value="{{ old('name',$customer->name) }}"
                               class="form-control form-control-sm uppercase-input @error('name') is-invalid @enderror"
                               maxlength="100" required>
                        @error('name')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    <div class="col-md-3">
                        <label class="form-label small fw-bold">{{ __('customers.commercial_name') }} *</label>
                        <input type="text" name="commercial_name" value="{{ old('commercial_name',$customer->commercial_name) }}"
                               class="form-control form-control-sm uppercase-input @error('commercial_name') is-invalid @enderror"
                               maxlength="100" required>
                        @error('commercial_name')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                </div>

                {{-- Fiscal --}}
                <h6 class="text-info border-bottom pb-1 mb-2"><i class="fad fa-file-invoice me-1"></i>{{ __('customers.fiscal_information') }}</h6>
                <div class="row g-2 mb-3">
                    <div class="col-md-4">
                        <label class="form-label small fw-bold">{{ __('customers.cfdi_use') }} *</label>
                        <select name="cfdi_id" class="form-select form-select-sm @error('cfdi_id') is-invalid @enderror" required>
                            <option value="">{{ __('customers.select') }}</option>
                            @foreach($cfdiUses as $item)
                                <option value="{{ $item->id }}" @selected(old('cfdi_id',$customer->cfdi_id)==$item->id)>
                                    {{ $item->code }} - {{ $item->description ?? $item->name ?? '' }}
                                </option>
                            @endforeach
                        </select>
                        @error('cfdi_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    <div class="col-md-4">
                        <label class="form-label small fw-bold">{{ __('customers.fiscal_regime_label') }} *</label>
                        <select name="fiscal_regime_id" class="form-select form-select-sm @error('fiscal_regime_id') is-invalid @enderror" required>
                            <option value="">{{ __('customers.select') }}</option>
                            @foreach($fiscalRegimes as $item)
                                <option value="{{ $item->id }}" @selected(old('fiscal_regime_id',$customer->fiscal_regime_id)==$item->id)>
                                    {{ $item->code }} - {{ $item->description ?? '' }}
                                </option>
                            @endforeach
                        </select>
                        @error('fiscal_regime_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    <div class="col-md-2">
                        <label class="form-label small fw-bold">{{ __('customers.payment_way') }} *</label>
                        <select name="payment_way_id" class="form-select form-select-sm @error('payment_way_id') is-invalid @enderror" required>
                            <option value="">{{ __('customers.select') }}</option>
                            @foreach($paymentWays as $item)
                                <option value="{{ $item->id }}" @selected(old('payment_way_id',$customer->payment_way_id)==$item->id)>
                                    {{ $item->code }} - {{ $item->description ?? $item->name ?? '' }}
                                </option>
                            @endforeach
                        </select>
                        @error('payment_way_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    <div class="col-md-2">
                        <label class="form-label small fw-bold">{{ __('customers.payment_method') }}</label>
                        <select name="payment_method_id" class="form-select form-select-sm">
                            <option value="">{{ __('customers.select') }}</option>
                            @foreach($paymentMethods as $item)
                                <option value="{{ $item->id }}" @selected(old('payment_method_id',$customer->payment_method_id)==$item->id)>
                                    {{ $item->code }} - {{ $item->description ?? $item->name ?? '' }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label small fw-bold">{{ __('customers.account_number_label') }}</label>
                        <input type="text" name="account_number" value="{{ old('account_number',$customer->account_number) }}"
                               class="form-control form-control-sm" maxlength="45">
                    </div>
                    <div class="col-md-3">
                        <label class="form-label small fw-bold">{{ __('customers.bank') }}</label>
                        <input type="text" name="bank" value="{{ old('bank',$customer->bank) }}"
                               class="form-control form-control-sm" maxlength="45">
                    </div>
                </div>

                {{-- Clasificación Comercial --}}
                <div class="row g-2 mt-1">
                    <div class="col-12">
                        <hr class="my-2">
                        <h6 class="fw-semibold small text-muted text-uppercase mb-2">
                            <i class="fas fa-tag me-1"></i>{{ __('customers.commercial_classification') }}
                        </h6>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label small fw-bold">{{ __('customers.customer_type') }} *</label>
                        <select name="customer_type" class="form-select form-select-sm" onchange="updateDefaultList(this.value)">
                            <option value="end_user"    @selected(old('customer_type',$customer->customer_type??'end_user')==='end_user')>{{ __('customers.tab_end_user') }}</option>
                            <option value="wholesale"   @selected(old('customer_type',$customer->customer_type??'')==='wholesale')>{{ __('customers.tab_wholesale') }}</option>
                            <option value="distributor" @selected(old('customer_type',$customer->customer_type??'')==='distributor')>{{ __('customers.tab_distributor') }}</option>
                            <option value="online"      @selected(old('customer_type',$customer->customer_type??'')==='online')>{{ __('customers.tab_online') }}</option>
                            <option value="special"     @selected(old('customer_type',$customer->customer_type??'')==='special')>{{ __('customers.tab_special') }}</option>
                        </select>
                        <small class="text-muted">{{ __('customers.determines_price_list') }}</small>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label small fw-bold">
                            {{ __('customers.assigned_price_list') }}
                            <i class="fas fa-info-circle text-muted ms-1"
                               title="{{ __('customers.auto_assigned_tooltip') }}"></i>
                        </label>
                        <input type="text" class="form-control form-control-sm bg-light"
                               id="defaultPriceListDisplay" disabled
                               value="">
                        <input type="hidden" name="default_price_list_id" id="defaultPriceListId"
                               value="{{ old('default_price_list_id',$customer->default_price_list_id) }}">
                        <small class="text-muted">{{ __('customers.auto_assigned') }}</small>
                    </div>
                </div>

                {{-- Addresses con tabs --}}
                <h6 class="text-warning border-bottom pb-1 mb-2"><i class="fad fa-map-marker-alt me-1"></i>{{ __('customers.addresses') }}</h6>
                <ul class="nav nav-tabs nav-tabs-sm mb-2" id="addrTabs" role="tablist">
                    <li class="nav-item">
                        <button class="nav-link active py-1 px-3 small" data-bs-toggle="tab"
                                data-bs-target="#addrMain" type="button">
                            <i class="fas fa-star text-warning me-1"></i>{{ __('customers.main') }}
                        </button>
                    </li>
                    @php $alts = $customer->addresses->where('main', 0)->values(); @endphp
                    @foreach($alts as $ai => $alt)
                    <li class="nav-item">
                        <button class="nav-link py-1 px-3 small" data-bs-toggle="tab"
                                data-bs-target="#addrAlt{{ $ai }}" type="button">
                            {{ __('customers.branch') }} {{ $ai + 1 }}
                        </button>
                    </li>
                    @endforeach
                    <li class="nav-item" id="addAddrLi">
                        <button type="button" class="nav-link py-1 px-3 small text-success" id="btnAddAddr">
                            <i class="fas fa-plus me-1"></i>{{ __('customers.add_branch') }}
                        </button>
                    </li>
                </ul>

                <div class="tab-content">
                    {{-- Main Address --}}
                    <div class="tab-pane fade show active" id="addrMain">
                        @php $a = $customer->mainAddress; @endphp
                        <div class="row g-2 mt-1">
                            <div class="col-md-4"><label class="form-label small fw-bold">{{ __('customers.branch_office') }} *</label>
                                <input type="text" name="office_branch" value="{{ old('office_branch',$a->office_branch??'') }}"
                                       class="form-control form-control-sm uppercase-input @error('office_branch') is-invalid @enderror" required>
                                @error('office_branch')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                            <div class="col-md-8"><label class="form-label small fw-bold">{{ __('customers.address_label') }} *</label>
                                <input type="text" name="address" value="{{ old('address',$a->address??'') }}"
                                       class="form-control form-control-sm uppercase-input @error('address') is-invalid @enderror" required>
                                @error('address')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                            <div class="col-md-2"><label class="form-label small fw-bold">{{ __('customers.postal_code') }} *</label>
                                <input type="text" name="postal_code" value="{{ old('postal_code',$a->postal_code??'') }}"
                                       class="form-control form-control-sm @error('postal_code') is-invalid @enderror" maxlength="10" required>
                                @error('postal_code')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                            <div class="col-md-2"><label class="form-label small fw-bold">{{ __('customers.country') }} *</label>
                                <input type="hidden" name="country" value="{{ old('country',$a->country??142) }}">
                                <input type="text" class="form-control form-control-sm" value="México" readonly>
                            </div>
                            <div class="col-md-4"><label class="form-label small fw-bold">{{ __('customers.state') }} *</label>
                                <input type="text" name="state" value="{{ old('state',$a->state??'') }}"
                                       class="form-control form-control-sm uppercase-input @error('state') is-invalid @enderror" maxlength="100" required>
                                @error('state')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                            <div class="col-md-4"><label class="form-label small fw-bold">{{ __('customers.city') }} *</label>
                                <input type="text" name="city" value="{{ old('city',$a->city??'') }}"
                                       class="form-control form-control-sm uppercase-input @error('city') is-invalid @enderror" maxlength="150" required>
                                @error('city')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                            <div class="col-md-1"><label class="form-label small fw-bold">{{ __('customers.lada') }} *</label>
                                <input type="text" name="lada" value="{{ old('lada',$a->lada??'33') }}"
                                       class="form-control form-control-sm @error('lada') is-invalid @enderror" maxlength="10" required>
                                @error('lada')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                            <div class="col-md-3"><label class="form-label small fw-bold">{{ __('customers.phone') }} *</label>
                                <input type="text" name="phonenumber" value="{{ old('phonenumber',$a->phonenumber??'') }}"
                                       class="form-control form-control-sm @error('phonenumber') is-invalid @enderror" maxlength="20" required>
                                @error('phonenumber')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                            <div class="col-md-2"><label class="form-label small fw-bold">{{ __('customers.ext') }}</label>
                                <input type="text" name="extention" value="{{ old('extention',$a->extention??'') }}"
                                       class="form-control form-control-sm" maxlength="10">
                            </div>
                            <div class="col-md-4"><label class="form-label small fw-bold">{{ __('customers.email') }} *</label>
                                <input type="email" name="email" value="{{ old('email',$a->email??'') }}"
                                       class="form-control form-control-sm @error('email') is-invalid @enderror" maxlength="100" required>
                                @error('email')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                            <div class="col-md-4"><label class="form-label small fw-bold">{{ __('customers.website') }}</label>
                                <input type="url" name="webpage" value="{{ old('webpage',$a->webpage??'') }}"
                                       class="form-control form-control-sm" maxlength="200">
                            </div>
                        </div>
                    </div>

                    {{-- Alternative Addresses existentes --}}
                    @foreach($alts as $ai => $alt)
                    <div class="tab-pane fade" id="addrAlt{{ $ai }}">
                        <div class="row g-2 mt-1">
                            <div class="col-md-4"><label class="form-label small fw-bold">{{ __('customers.branch_office') }}</label>
                                <input type="text" name="alt_addresses[{{ $ai }}][office_branch]"
                                       value="{{ $alt->office_branch }}" class="form-control form-control-sm">
                                <input type="hidden" name="alt_addresses[{{ $ai }}][id]" value="{{ $alt->id }}">
                            </div>
                            <div class="col-md-8"><label class="form-label small fw-bold">{{ __('customers.address_label') }}</label>
                                <input type="text" name="alt_addresses[{{ $ai }}][address]"
                                       value="{{ $alt->address }}" class="form-control form-control-sm">
                            </div>
                            <div class="col-md-2"><label class="form-label small fw-bold">{{ __('customers.postal_code') }}</label>
                                <input type="text" name="alt_addresses[{{ $ai }}][postal_code]"
                                       value="{{ $alt->postal_code }}" class="form-control form-control-sm" maxlength="10">
                            </div>
                            <div class="col-md-2"><label class="form-label small fw-bold">{{ __('customers.country') }}</label>
                                <input type="hidden" name="alt_addresses[{{ $ai }}][country]" value="{{ $alt->country ?? 142 }}">
                                <input type="text" class="form-control form-control-sm" value="México" readonly>
                            </div>
                            <div class="col-md-4"><label class="form-label small fw-bold">{{ __('customers.state') }}</label>
                                <input type="text" name="alt_addresses[{{ $ai }}][state]"
                                       value="{{ $alt->state }}" class="form-control form-control-sm">
                            </div>
                            <div class="col-md-4"><label class="form-label small fw-bold">{{ __('customers.city') }}</label>
                                <input type="text" name="alt_addresses[{{ $ai }}][city]"
                                       value="{{ $alt->city }}" class="form-control form-control-sm">
                            </div>
                            <div class="col-md-1"><label class="form-label small fw-bold">{{ __('customers.lada') }}</label>
                                <input type="text" name="alt_addresses[{{ $ai }}][lada]"
                                       value="{{ $alt->lada }}" class="form-control form-control-sm" maxlength="10">
                            </div>
                            <div class="col-md-3"><label class="form-label small fw-bold">{{ __('customers.phone') }}</label>
                                <input type="text" name="alt_addresses[{{ $ai }}][phonenumber]"
                                       value="{{ $alt->phonenumber }}" class="form-control form-control-sm">
                            </div>
                            <div class="col-md-2"><label class="form-label small fw-bold">{{ __('customers.ext') }}</label>
                                <input type="text" name="alt_addresses[{{ $ai }}][extention]"
                                       value="{{ $alt->extention }}" class="form-control form-control-sm">
                            </div>
                            <div class="col-md-4"><label class="form-label small fw-bold">{{ __('customers.email') }}</label>
                                <input type="email" name="alt_addresses[{{ $ai }}][email]"
                                       value="{{ $alt->email }}" class="form-control form-control-sm">
                            </div>
                        </div>
                    </div>
                    @endforeach

                    <div id="newAddrTabs"></div>
                </div>

            </div>

            {{-- ── Contacts ── --}}
            <div class="border-top pt-3 mt-1 px-3 pb-3">
                <div class="d-flex justify-content-between align-items-center border-bottom pb-1 mb-2">
                    <h6 class="text-info mb-0"><i class="fad fa-user me-1"></i>{{ __('customers.tab_contacts') }}</h6>
                    <button type="button" class="btn btn-outline-info btn-sm" id="btnAddContact">
                        <i class="fas fa-plus me-1"></i>{{ __('customers.add_contact') }}
                    </button>
                </div>

                {{-- Hidden inputs para contactos existentes (se actualizan via JS) --}}
                <div id="contacts-hidden-inputs">
                    @foreach($customer->contacts as $ci => $contact)
                    <div id="contact-hidden-{{ $ci }}">
                        <input type="hidden" name="contacts[{{ $ci }}][id]"             value="{{ $contact->id }}">
                        <input type="hidden" name="contacts[{{ $ci }}][type]"           id="chtype-{{ $ci }}"  value="{{ $contact->type }}">
                        <input type="hidden" name="contacts[{{ $ci }}][name]"           id="chname-{{ $ci }}"  value="{{ $contact->name }}">
                        <input type="hidden" name="contacts[{{ $ci }}][email]"          id="chemail-{{ $ci }}" value="{{ $contact->email }}">
                        <input type="hidden" name="contacts[{{ $ci }}][branch_extention]" id="chext-{{ $ci }}" value="{{ $contact->branch_extention }}">
                    </div>
                    @endforeach
                </div>

                {{-- Nuevos contactos hidden --}}
                <div id="new-contacts-container"></div>

                {{-- Tabla de contactos existentes --}}
                <table class="table table-sm table-hover align-middle mb-0" id="contacts-table">
                    <thead class="table-light">
                        <tr>
                            <th>{{ __('customers.type') }}</th>
                            <th>{{ __('customers.name') }}</th>
                            <th>{{ __('customers.email') }}</th>
                            <th>{{ __('customers.ext') }}</th>
                            <th class="text-center">{{ __('customers.actions') }}</th>
                        </tr>
                    </thead>
                    <tbody id="contacts-tbody">
                        @foreach($customer->contacts as $ci => $contact)
                        <tr id="contact-row-{{ $ci }}" data-ci="{{ $ci }}">
                            <td><span class="badge bg-info" id="crow-type-{{ $ci }}">{{ $contact->type }}</span></td>
                            <td id="crow-name-{{ $ci }}">{{ $contact->name }}</td>
                            <td id="crow-email-{{ $ci }}">{{ $contact->email ?? '—' }}</td>
                            <td id="crow-ext-{{ $ci }}">{{ $contact->branch_extention ?? '—' }}</td>
                            <td class="text-center">
                                <button type="button" class="btn btn-outline-warning btn-sm"
                                        onclick="openContactModal({{ $ci }}, '{{ $contact->type }}', '{{ addslashes($contact->name) }}', '{{ $contact->email }}', '{{ $contact->branch_extention }}')">
                                    <i class="fas fa-edit"></i>
                                </button>
                                <button type="button" class="btn btn-outline-danger btn-sm"
                                        onclick="removeContact({{ $ci }})">
                                    <i class="fas fa-trash-alt"></i>
                                </button>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

            {{-- ── Modal Contacto ── --}}
            <div class="modal fade" id="modalContact" tabindex="-1" data-bs-backdrop="static">
                <div class="modal-dialog modal-dialog-centered" style="max-width:480px;">
                    <div class="modal-content">
                        <div class="modal-header bg-info text-white py-2">
                            <h6 class="modal-title mb-0"><i class="fad fa-user me-2"></i><span id="modalContactTitle">{{ __('customers.add_contact_title') }}</span></h6>
                            <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
                        </div>
                        <div class="modal-body">
                            <input type="hidden" id="modal-contact-ci" value="">
                            <div class="row g-2">
                                <div class="col-md-4">
                                    <label class="form-label small fw-bold">{{ __('customers.type') }} *</label>
                                    <select id="modal-contact-type" class="form-select form-select-sm">
                                        <option value="Compras">Compras</option>
                                        <option value="TI">TI</option>
                                    </select>
                                </div>
                                <div class="col-md-8">
                                    <label class="form-label small fw-bold">{{ __('customers.name') }} *</label>
                                    <input type="text" id="modal-contact-name" class="form-control form-control-sm" maxlength="50">
                                </div>
                                <div class="col-md-8">
                                    <label class="form-label small fw-bold">{{ __('customers.email') }}</label>
                                    <input type="email" id="modal-contact-email" class="form-control form-control-sm" maxlength="200">
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label small fw-bold">{{ __('customers.ext') }}</label>
                                    <input type="text" id="modal-contact-ext" class="form-control form-control-sm" maxlength="20">
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer py-2">
                            <button type="button" class="btn btn-secondary btn-sm" data-bs-dismiss="modal">{{ __('customers.cancel') }}</button>
                            <button type="button" class="btn btn-info btn-sm text-white" onclick="saveContact()">
                                <i class="fas fa-save me-1"></i>{{ __('customers.save_contact') }}
                            </button>
                        </div>
                    </div>
                </div>
            </div>

            {{-- ── Credit Conditions ── --}}
            <div class="card-body border-top pt-3 pb-2">
                <h6 class="text-warning border-bottom pb-1 mb-3">
                    <i class="fad fa-credit-card me-1"></i>{{ __('customers.credit_conditions') }}
                </h6>
                @php
                    $credit       = $customer->credits->first();
                    $creditStatus = old('credit.status', $credit->status ?? 'Sin crédito');
                @endphp
                <div class="row g-2 mb-2">
                    <div class="col-md-2">
                        <label class="form-label small fw-bold">{{ __('customers.status') }}</label>
                        <select name="credit[status]" id="creditStatusSelect" class="form-select form-select-sm">
                            <option value="Sin crédito" @selected($creditStatus == 'Sin crédito')>Sin crédito</option>
                            <option value="Aceptado"    @selected($creditStatus == 'Aceptado')>Aceptado</option>
                            <option value="Pendiente"   @selected($creditStatus == 'Pendiente')>Pendiente</option>
                            <option value="Negado"      @selected($creditStatus == 'Negado')>Negado</option>
                        </select>
                    </div>
                    <div class="col-md-2">
                        <label class="form-label small fw-bold">{{ __('customers.payment_term') }}</label>
                        <select name="credit[days]" class="form-select form-select-sm">
                            @foreach([0, 15, 30, 45, 60, 90] as $d)
                                <option value="{{ $d }}" @selected(old('credit.days', $credit->days ?? 0) == $d)>{{ $d }} {{ __('customers.days_suffix') }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-3 {{ $creditStatus !== 'Aceptado' ? 'd-none' : '' }}" id="limitCol">
                        <label class="form-label small fw-bold">{{ __('customers.credit_limit_label') }} <span class="text-muted fw-normal">(MXN)</span></label>
                        <div class="input-group input-group-sm">
                            <span class="input-group-text">$</span>
                            <input type="number" name="credit[limit]" id="credit_limit" step="1" min="1"
                                   class="form-control form-control-sm text-end"
                                   value="{{ old('credit.limit', $credit->limit ?? '') }}"
                                   placeholder="0"
                                   oninput="updateCreditLimitWords(this.value)"
                                   onchange="this.value=parseInt(this.value||0);updateCreditLimitWords(this.value)"
                                   {{ ($credit && $credit->limit === null) ? 'disabled' : '' }}>
                            <span class="input-group-text text-muted small">MXN</span>
                        </div>
                        <small id="credit_limit_words" class="text-muted fst-italic" style="font-size:0.7rem;"></small>
                        <div id="sinLimiteWrapper" class="form-check mt-1">
                            <input class="form-check-input" type="checkbox"
                                   name="credit[sin_limite]" id="chk_sin_limite" value="1"
                                   {{ ($credit && $credit->limit === null) ? 'checked' : '' }}
                                   onchange="toggleCreditLimit(this.checked)">
                            <label class="form-check-label small text-muted" for="chk_sin_limite">
                                Sin límite de crédito
                            </label>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label small fw-bold">{{ __('customers.grantor') }}</label>
                        <input type="text" name="credit[grantor]" class="form-control form-control-sm"
                               value="{{ old('credit.grantor', $credit->grantor ?? '') }}"
                               placeholder="{{ __('customers.ph_grantor') }}" maxlength="100">
                    </div>
                </div>
                <div class="row g-2">
                    <div class="col-md-10">
                        <label class="form-label small fw-bold">{{ __('customers.credit_use') }}</label>
                        <textarea name="credit[legal_representation]" class="form-control form-control-sm"
                                  rows="2" maxlength="500"
                                  placeholder="{{ __('customers.ph_credit_use') }}">{{ old('credit.legal_representation', $credit->legal_representation ?? '') }}</textarea>
                    </div>
                </div>
            </div>

            <div class="card-footer d-flex justify-content-end gap-2 py-2">
                <a href="{{ route('sales.customers.show', $customer) }}" class="btn btn-secondary btn-sm">
                    <i class="fas fa-times me-1"></i>{{ __('customers.cancel') }}
                </a>
                <button type="submit" class="btn btn-primary btn-sm">
                    <i class="fas fa-save me-1"></i>{{ __('customers.update_customer') }}
                </button>
            </div>
        </div>
    </form>
</div>

<script>
function numeroALetrasMXN(num) {
    num = parseFloat(num) || 0;
    var el = document.getElementById('credit_limit_words');
    if (!el) return;
    if (num <= 0) { el.textContent = ''; return; }
    var u = ['','UN','DOS','TRES','CUATRO','CINCO','SEIS','SIETE','OCHO','NUEVE',
             'DIEZ','ONCE','DOCE','TRECE','CATORCE','QUINCE','DIECISEIS','DIECISIETE','DIECIOCHO','DIECINUEVE'];
    var d = ['','DIEZ','VEINTE','TREINTA','CUARENTA','CINCUENTA','SESENTA','SETENTA','OCHENTA','NOVENTA'];
    var c = ['','CIENTO','DOSCIENTOS','TRESCIENTOS','CUATROCIENTOS','QUINIENTOS','SEISCIENTOS','SETECIENTOS','OCHOCIENTOS','NOVECIENTOS'];
    function g(n) {
        var s = '';
        if (n >= 100) { if (n === 100) return 'CIEN'; s = c[Math.floor(n/100)] + ' '; n = n % 100; }
        if (n >= 20)  { s += d[Math.floor(n/10)]; if (n%10) s += ' Y ' + u[n%10]; }
        else if (n > 0) s += u[n];
        return s.trim();
    }
    var ent = Math.floor(num);
    var cts = Math.round((num - ent) * 100);
    var r = '';
    if (ent >= 1000000) { r += g(Math.floor(ent/1000000)) + (Math.floor(ent/1000000)===1?' MILLON':' MILLONES') + ' '; ent %= 1000000; }
    if (ent >= 1000)    { var m = Math.floor(ent/1000); r += (m===1?'MIL':g(m)+' MIL') + ' '; ent %= 1000; }
    if (ent > 0)        { r += g(ent); }
    el.textContent = r.trim() + ' PESOS ' + String(cts).padStart(2,'0') + '/100 M.N.';
}
function updateCreditLimitWords(val) { numeroALetrasMXN(val); }

function toggleCreditLimit(sinLimite) {
    var input = document.getElementById('credit_limit');
    var words = document.getElementById('credit_limit_words');
    if (sinLimite) {
        input.value = '';
        input.disabled = true;
        if (words) words.textContent = 'Sin límite definido';
    } else {
        input.disabled = false;
        if (words) words.textContent = '';
    }
}

document.addEventListener('DOMContentLoaded', function () {
    var statusEl = document.getElementById('creditStatusSelect');
    var limitCol = document.getElementById('limitCol');
    var chk      = document.getElementById('chk_sin_limite');
    var limitEl  = document.getElementById('credit_limit');

    // Mostrar/ocultar columna de límite según status
    if (statusEl) {
        statusEl.addEventListener('change', function () {
            if (this.value === 'Aceptado') {
                if (limitCol) limitCol.classList.remove('d-none');
            } else {
                if (limitCol) limitCol.classList.add('d-none');
                if (chk) { chk.checked = false; }
                if (limitEl) { limitEl.disabled = false; limitEl.value = ''; }
                var words = document.getElementById('credit_limit_words');
                if (words) words.textContent = '';
            }
        });
    }

    // Inicializar palabras si hay valor
    if (limitEl && limitEl.value && !limitEl.disabled) numeroALetrasMXN(limitEl.value);
    if (chk && chk.checked) toggleCreditLimit(true);
});

// ── Customer Type → Default Price List hint ──────────────────────────
@php
$priceListMap = [
    'end_user'    => ['code' => 'GEN', 'name' => 'GEN — General'],
    'wholesale'   => ['code' => 'MAY', 'name' => 'MAY — Wholesale'],
    'distributor' => ['code' => 'DIS', 'name' => 'DIS — Distributor'],
    'online'      => ['code' => 'ONL', 'name' => 'ONL — Online'],
    'special'     => ['code' => 'ESP', 'name' => 'ESP — Special'],
];
$priceListIds = ($priceLists ?? collect())->pluck('id', 'code')->toArray();
@endphp
var typeListMap = @json($priceListMap ?? []);
var priceListIds = @json($priceListIds ?? []);

function updateDefaultList(type) {
    var info    = typeListMap[type];
    var display = document.getElementById('defaultPriceListDisplay');
    var hidden  = document.getElementById('defaultPriceListId');
    if (display && info) display.value = info.name;
    if (hidden && info && priceListIds[info.code]) {
        hidden.value = priceListIds[info.code];
    }
}
// Inicializar
document.addEventListener('DOMContentLoaded', function() {
    var typeEl = document.querySelector('[name="customer_type"]');
    if (typeEl) updateDefaultList(typeEl.value);
});
</script>

@endsection

@section('scripts')
<script>
document.addEventListener('DOMContentLoaded', function() {
    var initVal = document.getElementById('credit_limit') ? document.getElementById('credit_limit').value : 0;
    if (initVal) numeroALetrasMXN(initVal);
var newAddrIdx = {{ $alts->count() + 1 }};
var newContactIdx = 0;
var contactModal = new bootstrap.Modal(document.getElementById('modalContact'));

// Abrir modal para nuevo contacto
document.getElementById('btnAddContact').addEventListener('click', function(){
    document.getElementById('modalContactTitle').textContent = '{{ __('customers.add_contact_title') }}';
    document.getElementById('modal-contact-ci').value = '';
    document.getElementById('modal-contact-type').value = 'Compras';
    document.getElementById('modal-contact-name').value = '';
    document.getElementById('modal-contact-email').value = '';
    document.getElementById('modal-contact-ext').value = '';
    contactModal.show();
});
// Abrir modal para editar contacto existente
window.openContactModal = function(ci, type, name, email, ext) {
    document.getElementById('modalContactTitle').textContent = '{{ __('customers.edit_contact_title') }}';
    document.getElementById('modal-contact-ci').value = ci;
    document.getElementById('modal-contact-type').value = type;
    document.getElementById('modal-contact-name').value = name;
    document.getElementById('modal-contact-email').value = email || '';
    document.getElementById('modal-contact-ext').value = ext || '';
    contactModal.show();
};

// Guardar contacto desde modal
window.saveContact = function() {
    var ci   = document.getElementById('modal-contact-ci').value;
    var type  = document.getElementById('modal-contact-type').value;
    var name  = document.getElementById('modal-contact-name').value.trim();
    var email = document.getElementById('modal-contact-email').value.trim();
    var ext   = document.getElementById('modal-contact-ext').value.trim();
    if (!name) { alert('{{ __('customers.name_required') }}'); return; }

    if (ci !== '') {
        // Editar existente — actualizar hidden inputs y tabla
        document.getElementById('chtype-'+ci).value  = type;
        document.getElementById('chname-'+ci).value  = name;
        document.getElementById('chemail-'+ci).value = email;
        document.getElementById('chext-'+ci).value   = ext;
        document.getElementById('crow-type-'+ci).textContent  = type;
        document.getElementById('crow-name-'+ci).textContent  = name;
        document.getElementById('crow-email-'+ci).textContent = email || '—';
        document.getElementById('crow-ext-'+ci).textContent   = ext || '—';
    } else {
        // Nuevo contacto — agregar hidden inputs y fila en tabla
        var idx = newContactIdx++;
        var container = document.getElementById('new-contacts-container');
        var hidden = document.createElement('div');
        hidden.innerHTML = '<input type="hidden" name="new_contacts['+idx+'][type]" value="'+type+'">'
            +'<input type="hidden" name="new_contacts['+idx+'][name]" value="'+name+'">'
            +'<input type="hidden" name="new_contacts['+idx+'][email]" value="'+email+'">'
            +'<input type="hidden" name="new_contacts['+idx+'][branch_extention]" value="'+ext+'">';
        container.appendChild(hidden);
        // Agregar fila en tabla
        var tbody = document.getElementById('contacts-tbody');
        var tr = document.createElement('tr');
        tr.innerHTML = '<td><span class="badge bg-info">'+type+'</span></td>'
            +'<td>'+name+'</td>'
            +'<td>'+(email||'—')+'</td>'
            +'<td>'+(ext||'—')+'</td>'
            +'<td class="text-center"><button type="button" class="btn btn-outline-danger btn-sm" onclick="this.closest(&quot;tr&quot;).remove()"><i class="fas fa-trash-alt"></i></button></td>';
        tbody.appendChild(tr);
    }
    contactModal.hide();
};

// Eliminar contacto existente
window.removeContact = function(ci) {
    if (!confirm('{{ __('customers.delete_contact_confirm') }}')) return;
    var row = document.getElementById('contact-row-'+ci);
    var hidden = document.getElementById('contact-hidden-'+ci);
    if (row) row.remove();
    if (hidden) hidden.remove();
};

document.getElementById('btnAddAddr').addEventListener('click', function(){
    var idx = newAddrIdx++;
    var tabId = 'addrNew' + idx;
    var li = document.createElement('li');
    li.className = 'nav-item';
    li.innerHTML = '<button class="nav-link py-1 px-3 small" data-bs-toggle="tab" data-bs-target="#' + tabId + '" type="button">Branch ' + idx + '</button>';
    document.getElementById('addAddrLi').insertAdjacentElement('beforebegin', li);
    var pane = document.createElement('div');
    pane.className = 'tab-pane fade';
    pane.id = tabId;
    pane.innerHTML = buildAddr('new_addresses[' + idx + ']');
    document.getElementById('newAddrTabs').appendChild(pane);
    new bootstrap.Tab(li.querySelector('button')).show();
});
function buildAddr(p){
    return '<div class="row g-2 mt-1">'
        +'<div class="col-md-4"><label class="form-label small fw-bold">{{ __('customers.branch_office') }}</label><input type="text" name="'+p+'[office_branch]" class="form-control form-control-sm"></div>'
        +'<div class="col-md-8"><label class="form-label small fw-bold">{{ __('customers.address_label') }}</label><input type="text" name="'+p+'[address]" class="form-control form-control-sm"></div>'
        +'<div class="col-md-2"><label class="form-label small fw-bold">{{ __('customers.postal_code') }}</label><input type="text" name="'+p+'[postal_code]" class="form-control form-control-sm" maxlength="10"></div>'
        +'<div class="col-md-2"><label class="form-label small fw-bold">{{ __('customers.country') }}</label><input type="hidden" name="'+p+'[country]" value="142"><input type="text" class="form-control form-control-sm" value="México" readonly></div>'
        +'<div class="col-md-4"><label class="form-label small fw-bold">{{ __('customers.state') }}</label><input type="text" name="'+p+'[state]" class="form-control form-control-sm"></div>'
        +'<div class="col-md-4"><label class="form-label small fw-bold">{{ __('customers.city') }}</label><input type="text" name="'+p+'[city]" class="form-control form-control-sm"></div>'
        +'<div class="col-md-1"><label class="form-label small fw-bold">{{ __('customers.lada') }}</label><input type="text" name="'+p+'[lada]" class="form-control form-control-sm" value="33"></div>'
        +'<div class="col-md-3"><label class="form-label small fw-bold">{{ __('customers.phone') }}</label><input type="text" name="'+p+'[phonenumber]" class="form-control form-control-sm"></div>'
        +'<div class="col-md-2"><label class="form-label small fw-bold">{{ __('customers.ext') }}</label><input type="text" name="'+p+'[extention]" class="form-control form-control-sm"></div>'
        +'<div class="col-md-4"><label class="form-label small fw-bold">{{ __('customers.email') }}</label><input type="email" name="'+p+'[email]" class="form-control form-control-sm"></div>'
        +'</div>';
}
}); // DOMContentLoaded
</script>
@endsection