{{-- New-Unity ERP | purchases/costs/create.blade.php | v1.5 | 25/07/2026 --}}
{{-- v1.5 — Multi-proveedor: después de seleccionar producto muestra costos existentes. --}}
{{--         checkExisting pasa supplier_id; el select de proveedor re-verifica al cambiar. --}}
{{-- v1.4 — selectProductCost(): verifica existencia de costo via AJAX antes de seleccionar. --}}
{{--         Si ya tiene costo: modal de aviso con botón 'Ir a editar' en lugar de seleccionar. --}}
{{-- v1.3 — Vigencia dropdown de días. --}}
{{-- v1.2 — Vigencia bidireccional. Pre-llenado desde RFQ. --}}
{{--         cost_status siempre 'applied' al guardar manualmente. --}}
{{-- v1.1 — Modal de búsqueda con filtros en cascada Group → Category → Brand. --}}
{{-- v1.0 — Formulario inicial. --}}
@extends('layouts.vertical')

@section('content')
<div class="container-fluid px-3 py-2">

    <div class="d-flex justify-content-between align-items-center mb-3">
        <div>
            <h1 class="h4 mb-0">
                <i class="fad fa-tags me-2 text-primary"></i>
                @if($fromRfq ?? null)
                    {{ __('purchases.confirm-cost-rfq', ['num' => ($fromRfq ?? null)?->rfq_number]) }}
                @else
                    {{ __('purchases.new-product-cost') }}
                @endif
            </h1>
            <nav><ol class="breadcrumb mb-0 small">
                <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">{{ __('purchases.erp') }}</a></li>
                <li class="breadcrumb-item"><a href="{{ route('purchases.costs.index') }}">{{ __('purchases.product-costs') }}</a></li>
                <li class="breadcrumb-item active">
                    {{ ($fromRfq ?? null) ? __('purchases.confirm-from-rfq') : __('purchases.new') }}
                </li>
            </ol></nav>
        </div>
        <a href="{{ route('purchases.costs.index') }}" class="btn btn-sm btn-secondary">
            <i class="fas fa-arrow-left me-1"></i>{{ __('purchases.back') }}
        </a>
    </div>

    {{-- Alerta si viene de RFQ --}}
    @if($fromRfq ?? null)
    <div class="alert alert-success alert-dismissible fade show py-2 mb-3">
        <i class="fas fa-check-circle me-2"></i>
        {{ __('purchases.rfq-awarded-note', ['num' => ($fromRfq ?? null)?->rfq_number, 'supplier' => ($fromRfq ?? null)?->awardedSupplier?->commercial_name]) }}
        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
    </div>
    @endif

    <form action="{{ route('purchases.costs.store') }}" method="POST" id="formCost">
        @csrf

        {{-- Hidden: trazabilidad RFQ --}}
        @if($fromRfq ?? null)
        <input type="hidden" name="source_rfq_id"       value="{{ ($fromRfq ?? null)?->id }}">
        <input type="hidden" name="source_rfq_quote_id" value="{{ ($rfqQuote ?? null)?->id }}">
        @endif

        <div class="row g-3">

            {{-- Left column --}}
            <div class="col-md-8">

                {{-- Product & Supplier --}}
                <div class="card mb-3">
                    <div class="card-header bg-primary text-white py-2">
                        <h6 class="mb-0"><i class="fas fa-search me-2"></i>{{ __('purchases.product-supplier') }}</h6>
                    </div>
                    <div class="card-body">
                        <div class="row g-3">

                            {{-- Product --}}
                            <div class="col-12">
                                <label class="form-label fw-semibold">
                                    {{ __('purchases.product') }} <span class="text-danger">*</span>
                                </label>
                                @if(($fromRfq ?? null) && ($rfqItems ?? collect())->isNotEmpty())
                                    {{-- Pre-llenado desde RFQ: mostrar todos los productos --}}
                                    @foreach($rfqItems as $rfqItem)
                                    <div class="p-2 bg-light rounded mb-2 d-flex align-items-center gap-3">
                                        <i class="fad fa-box text-primary"></i>
                                        <div>
                                            <strong>{{ $rfqItem->product?->product_name }}</strong>
                                            <span class="text-muted ms-2 small">{{ __('purchases.sku-label') }} {{ $rfqItem->product?->sku }}</span>
                                            <span class="badge bg-secondary ms-1 small">{{ $rfqItem->product?->material_type }}</span>
                                        </div>
                                        <div class="ms-auto small text-muted">
                                            {{ __('purchases.qty-label') }} {{ $rfqItem->quantity }} {{ $rfqItem->unit }}
                                        </div>
                                    </div>
                                    {{-- Si es un solo producto lo pasamos como product_id --}}
                                    @if($rfqItems->count() === 1)
                                    <input type="hidden" name="product_id" id="productId" value="{{ $rfqItem->product_id }}">
                                    @endif
                                    @endforeach
                                    @if($rfqItems->count() > 1)
                                    <small class="text-muted">
                                        <i class="fas fa-info-circle me-1"></i>
                                        {{ __('purchases.multiple-products-rfq') }}
                                    </small>
                                    @endif
                                @else
                                    {{-- Búsqueda normal --}}
                                    <div class="input-group">
                                        <input type="text" id="productSearch" class="form-control"
                                               placeholder="{{ __('purchases.ph-click-search-product') }}"
                                               value="{{ $product?->product_name }}"
                                               readonly style="cursor:pointer; background-color:#fff;"
                                               onclick="$('#modalSearchProduct').modal('show')">
                                        <button type="button" class="btn btn-outline-primary"
                                                onclick="$('#modalSearchProduct').modal('show')">
                                            <i class="fas fa-search"></i>
                                        </button>
                                    </div>
                                    <input type="hidden" name="product_id" id="productId"
                                           value="{{ $product?->id }}" required>
                                    <div id="productInfo" class="mt-2 p-2 bg-light rounded small {{ $product ? '' : 'd-none' }}">
                                        <i class="fad fa-box text-primary me-1"></i>
                                        <strong id="productName">{{ $product?->product_name }}</strong>
                                        <span class="text-muted ms-2">{{ __('purchases.sku-label') }} <span id="productSku">{{ $product?->sku }}</span></span>
                                        <span class="ms-2 badge bg-secondary" id="productType">{{ $product?->material_type }}</span>
                                    </div>
                                @endif
                            </div>

                            {{-- Supplier --}}
                            <div class="col-md-6">
                                <label class="form-label fw-semibold">{{ __('purchases.supplier') }}</label>
                                <select name="supplier_id" class="form-select">
                                    <option value="">{{ __('purchases.generic-all-suppliers') }}</option>
                                    @foreach($suppliers as $s)
                                        <option value="{{ $s->id }}"
                                            @selected(
                                                old('supplier_id', ($fromRfq ?? null)?->awarded_supplier_id) == $s->id
                                            )>
                                            {{ $s->commercial_name ?? $s->name }}
                                        </option>
                                    @endforeach
                                </select>
                                @if($fromRfq ?? null)
                                <small class="text-success">
                                    <i class="fas fa-check-circle me-1"></i>
                                    {{ __('purchases.preselected-awarded') }}
                                </small>
                                @endif
                            </div>

                            {{-- Panel: costos ya registrados para este producto --}}
                            <div class="col-12" id="existingCostsPanel" style="display:none;">
                                <div class="alert alert-info py-2 mb-0">
                                    <div class="d-flex justify-content-between align-items-center mb-1">
                                        <strong class="small">
                                            <i class="fas fa-info-circle me-1"></i>
                                            {{ __('purchases.existing-costs-title') }}
                                            <span id="existingCostsCount" class="badge bg-primary ms-1">0</span>
                                        </strong>
                                        <button type="button" class="btn-close btn-sm" onclick="$('#existingCostsPanel').hide();"></button>
                                    </div>
                                    <div class="table-responsive" style="max-height:140px;overflow-y:auto;">
                                        <table class="table table-sm mb-0" style="font-size:11px;">
                                            <thead class="table-light">
                                                <tr>
                                                    <th>{{ __('purchases.supplier') }}</th>
                                                    <th class="text-end">{{ __('purchases.col-list-cost') }}</th>
                                                    <th class="text-center">{{ __('purchases.currency') }}</th>
                                                    <th class="text-center">{{ __('purchases.col-iva') }}</th>
                                                    <th class="text-end">{{ __('purchases.col-total-cost') }}</th>
                                                    <th class="text-center">{{ __('purchases.valid-until-label') }}</th>
                                                    <th></th>
                                                </tr>
                                            </thead>
                                            <tbody id="existingCostsRows"></tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>

                            {{-- Aviso: proveedor seleccionado ya tiene costo --}}
                            <div class="col-12" id="supplierDuplicateWarn" style="display:none;">
                                <div class="alert alert-warning py-2 mb-0 d-flex justify-content-between align-items-center">
                                    <span class="small">
                                        <i class="fas fa-exclamation-triangle me-1"></i>
                                        {{ __('purchases.supplier-cost-exists-warn') }}
                                    </span>
                                    <a href="#" id="supplierDuplicateEditLink" class="btn btn-warning btn-sm">
                                        <i class="fas fa-edit me-1"></i>{{ __('purchases.go-to-edit') }}
                                    </a>
                                </div>
                            </div>

                            {{-- Currency --}}
                            <div class="col-md-3">
                                <label class="form-label fw-semibold">{{ __('purchases.currency') }} <span class="text-danger">*</span></label>
                                <select name="currency" class="form-select" id="currency">
                                    <option value="MXN" @selected(old('currency', ($rfqQuote ?? null)?->currency ?? 'MXN') === 'MXN')>MXN</option>
                                    <option value="USD" @selected(old('currency', ($rfqQuote ?? null)?->currency) === 'USD')>USD</option>
                                    <option value="EUR" @selected(old('currency', ($rfqQuote ?? null)?->currency) === 'EUR')>EUR</option>
                                </select>
                            </div>

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

                {{-- Cost & Taxes --}}
                <div class="card mb-3">
                    <div class="card-header bg-primary text-white py-2">
                        <h6 class="mb-0"><i class="fas fa-dollar-sign me-2"></i>{{ __('purchases.cost-taxes') }}</h6>
                    </div>
                    <div class="card-body">
                        <div class="row g-3">

                            {{-- List Cost --}}
                            <div class="col-md-4">
                                <label class="form-label fw-semibold">
                                    {{ __('purchases.col-list-cost') }} <span class="text-danger">*</span>
                                </label>
                                @if(($fromRfq ?? null) && ($rfqItems ?? collect())->count() === 1)
                                <small class="text-success d-block mb-1">
                                    <i class="fas fa-tag me-1"></i>
                                    {{ __('purchases.reference-label') }} ${{ number_format($rfqItems->first()->reference_cost, 2) }}
                                    @php $qi = $rfqQuote?->items?->first(); @endphp
                                    @if($qi && $qi->variance_perc != 0)
                                        <span class="ms-1 text-{{ $qi->variance_perc > 0 ? 'danger' : 'success' }}">
                                            ({{ $qi->variance_perc > 0 ? '+' : '' }}{{ number_format($qi->variance_perc, 2) }}%)
                                        </span>
                                    @endif
                                </small>
                                @endif
                                <div class="input-group">
                                    <span class="input-group-text">$</span>
                                    <input type="number" name="cost" id="cost"
                                           class="form-control @error('cost') is-invalid @enderror"
                                           value="{{ old('cost', ($rfqQuote ?? null)?->items?->first()?->effectiveCost() ?? 0) }}"
                                           min="0" step="0.0001" required
                                           oninput="calculateTotals()">
                                </div>
                                @error('cost')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>

                            {{-- IVA --}}
                            <div class="col-md-3">
                                <label class="form-label fw-semibold">{{ __('purchases.iva-perc') }}</label>
                                <div class="input-group">
                                    <input type="number" name="iva_perc" id="iva_perc" class="form-control"
                                           value="{{ old('iva_perc', ($rfqQuote ?? null)?->items?->first()?->iva_perc ?? 16) }}"
                                           min="0" max="100" step="0.01"
                                           oninput="calculateTotals()">
                                    <span class="input-group-text">%</span>
                                </div>
                            </div>

                            {{-- IEPS --}}
                            <div class="col-md-3">
                                <label class="form-label fw-semibold">{{ __('purchases.ieps-perc') }}</label>
                                <div class="input-group">
                                    <input type="number" name="ieps_perc" id="ieps_perc" class="form-control"
                                           value="{{ old('ieps_perc', ($rfqQuote ?? null)?->items?->first()?->ieps_perc ?? 0) }}"
                                           min="0" max="200" step="0.01"
                                           oninput="calculateTotals()">
                                    <span class="input-group-text">%</span>
                                </div>
                            </div>

                        </div>

                        {{-- Totales calculados --}}
                        <div class="row g-2 mt-2 p-3 bg-light rounded">
                            <div class="col-md-3 text-center">
                                <small class="text-muted d-block">{{ __('purchases.iva-amount') }}</small>
                                <strong id="ivaAmount" class="text-primary">$0.00</strong>
                            </div>
                            <div class="col-md-3 text-center">
                                <small class="text-muted d-block">{{ __('purchases.ieps-amount') }}</small>
                                <strong id="iepsAmount" class="text-warning">$0.00</strong>
                            </div>
                            <div class="col-md-3 text-center">
                                <small class="text-muted d-block">{{ __('purchases.col-total-cost') }}</small>
                                <strong id="totalCost" class="text-success fs-5">$0.00</strong>
                            </div>
                            <div class="col-md-3 text-center">
                                <small class="text-muted d-block">{{ __('purchases.currency') }}</small>
                                <strong id="currencyDisplay" class="text-secondary">MXN</strong>
                            </div>
                        </div>
                    </div>
                </div>

            </div>

            {{-- Right column --}}
            <div class="col-md-4">

                {{-- Validity — Bidireccional días↔fecha --}}
                <div class="card mb-3">
                    <div class="card-header bg-primary text-white py-2">
                        <h6 class="mb-0"><i class="fas fa-calendar me-2"></i>{{ __('purchases.validity') }}</h6>
                    </div>
                    <div class="card-body">

                        <div class="mb-3">
                            <label class="form-label fw-semibold">{{ __('purchases.valid-from') }}</label>
                            <input type="date" name="valid_from" id="validFrom" class="form-control"
                                   value="{{ old('valid_from', now()->toDateString()) }}"
                                   onchange="recalcValidityDate()">
                        </div>

                        <div class="mb-3">
                            <label class="form-label fw-semibold">{{ __('purchases.validity-period') }}</label>
                            <select name="valid_days" id="validDays" class="form-select"
                                    onchange="recalcValidityDate()">
                                <option value="">{{ __('purchases.select-period') }}</option>
                                @foreach($validityOptions ?? [15,30,45,60,75,90,180,365] as $d)
                                    <option value="{{ $d }}" @selected(old('valid_days', 365) == $d)>
                                        {{ $d }} {{ __('purchases.days') }}
                                        @if($d == 30) {{ __('purchases.month-1') }}
                                        @elseif($d == 90) {{ __('purchases.months-3') }}
                                        @elseif($d == 180) {{ __('purchases.months-6') }}
                                        @elseif($d == 365) {{ __('purchases.year-1') }}
                                        @endif
                                    </option>
                                @endforeach
                            </select>
                        </div>

                        {{-- Fecha calculada (readonly) --}}
                        <input type="hidden" name="valid_to" id="validTo">
                        <div id="validitySummary" class="p-2 bg-light rounded small">
                            <i class="fas fa-calendar-check text-success me-1"></i>
                            {{ __('purchases.valid-until-label') }} <strong id="summaryDate" class="text-success">—</strong>
                        </div>

                        <div class="mt-3">
                            <label class="form-label fw-semibold">{{ __('purchases.notes') }}</label>
                            <textarea name="notes" class="form-control" rows="3"
                                      placeholder="{{ __('purchases.ph-cost-notes') }}">{{ old('notes', ($rfqQuote ?? null)?->buyer_notes) }}</textarea>
                        </div>

                    </div>
                </div>

                {{-- Info RFQ si viene de adjudicación --}}
                @if($fromRfq ?? null)
                <div class="card border-success mb-3">
                    <div class="card-body py-2">
                        <h6 class="text-success mb-2">
                            <i class="fas fa-link me-1"></i>{{ __('purchases.from-rfq', ['num' => ($fromRfq ?? null)?->rfq_number]) }}
                        </h6>
                        <div class="small">
                            <div class="d-flex justify-content-between">
                                <span class="text-muted">{{ __('purchases.supplier-label') }}</span>
                                <strong>{{ ($fromRfq ?? null)?->awardedSupplier?->commercial_name }}</strong>
                            </div>
                            @if(($rfqQuote ?? null)?->delivery_days)
                            <div class="d-flex justify-content-between mt-1">
                                <span class="text-muted">{{ __('purchases.delivery-label') }}</span>
                                <span>{{ $rfqQuote->delivery_days }} {{ __('purchases.days') }}</span>
                            </div>
                            @endif
                            @if(($rfqQuote ?? null)?->payment_terms)
                            <div class="d-flex justify-content-between mt-1">
                                <span class="text-muted">{{ __('purchases.payment-label') }}</span>
                                <span>{{ $rfqQuote->payment_terms }}</span>
                            </div>
                            @endif
                        </div>
                    </div>
                </div>
                @else
                <div class="card border-info mb-3">
                    <div class="card-body py-2">
                        <h6 class="text-info mb-1"><i class="fas fa-info-circle me-1"></i>{{ __('purchases.how-it-works') }}</h6>
                        <ul class="small text-muted mb-0 ps-3">
                            <li>{{ __('purchases.hiw-1') }}</li>
                            <li>{{ __('purchases.hiw-2') }}</li>
                            <li>{{ __('purchases.hiw-3') }}</li>
                            <li>{{ __('purchases.hiw-4') }}</li>
                        </ul>
                    </div>
                </div>
                @endif

            </div>
        </div>

        <div class="d-flex justify-content-between mt-3 mb-4">
            <a href="{{ ($fromRfq ?? null) ? route('purchases.rfq.show', $fromRfq) : route('purchases.costs.index') }}"
               class="btn btn-secondary">
                <i class="fas fa-times me-1"></i>{{ __('purchases.cancel') }}
            </a>
            <button type="submit" class="btn btn-primary" id="btnSaveCost">
                <i class="fas fa-save me-1"></i>
                {{ $fromRfq ? __('purchases.confirm-activate-cost') : __('purchases.save-cost') }}
            </button>
        </div>

    </form>

    {{-- Modal: producto ya tiene costo registrado --}}
    <div class="modal fade" id="modalExistingCost" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-sm">
            <div class="modal-content">
                <div class="modal-header bg-warning text-dark py-2">
                    <h6 class="modal-title mb-0">
                        <i class="fas fa-exclamation-triangle me-2"></i>{{ __('purchases.cost-exists-title') }}
                    </h6>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <p class="small mb-2">
                        <strong id="existingCostProductName"></strong>
                        {{ __('purchases.cost-exists-msg') }}
                    </p>
                    <div class="p-2 bg-light rounded mb-3 text-center">
                        <span class="fs-5 fw-bold" id="existingCostValue"></span>
                        <br>
                        <small class="text-muted">{{ __('purchases.valid-until-label') }} <span id="existingCostValidTo"></span></small>
                        <br>
                        <span class="badge mt-1" id="existingCostStatus"></span>
                    </div>
                    <p class="small text-muted mb-0">
                        {{ __('purchases.cost-exists-question') }}
                    </p>
                </div>
                <div class="modal-footer py-2">
                    <button type="button" class="btn btn-secondary btn-sm"
                            data-bs-dismiss="modal">{{ __('purchases.cancel') }}</button>
                    <a href="#" id="btnGoToEdit" class="btn btn-primary btn-sm">
                        <i class="fas fa-edit me-1"></i>{{ __('purchases.go-to-edit') }}
                    </a>
                </div>
            </div>
        </div>
    </div>

    {{-- Modal de búsqueda de productos (solo si no viene de RFQ) --}}
    @if(!($fromRfq ?? null))
    <div class="modal fade" id="modalSearchProduct" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-xl">
            <div class="modal-content">
                <div class="modal-header bg-primary text-white py-2">
                    <h5 class="modal-title"><i class="fas fa-search me-2"></i>{{ __('purchases.select-product-modal') }}</h5>
                    <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <div class="row g-2 mb-3">
                        <div class="col-md-3">
                            <select id="groupSelectCost" class="form-select form-select-sm"
                                    onchange="changeCostGroup()">
                                <option value="">{{ __('purchases.group-placeholder') }}</option>
                                @foreach($groups as $g)
                                    <option value="{{ $g->id }}">{{ $g->es_name }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-3">
                            <select id="categorySelectCost" class="form-select form-select-sm"
                                    onchange="changeCostCategory()">
                                <option value="">{{ __('purchases.category-placeholder') }}</option>
                            </select>
                        </div>
                        <div class="col-md-2">
                            <select id="brandSelectCost" class="form-select form-select-sm">
                                <option value="">{{ __('purchases.brand-placeholder') }}</option>
                            </select>
                        </div>
                        <div class="col-md-2 d-flex align-items-end">
                            <button type="button" class="btn btn-success btn-sm w-100"
                                    onclick="fillCostProductTable()">
                                <i class="fas fa-filter me-1"></i>{{ __('purchases.filter') }}
                            </button>
                        </div>
                    </div>
                    <div class="input-group input-group-sm mb-3">
                        <input type="text" id="costProductTextSearch" class="form-control"
                               placeholder="{{ __('purchases.ph-search-name-sku') }}"
                               onkeypress="if(event.key==='Enter') searchCostProductsByText()">
                        <button type="button" class="btn btn-outline-primary"
                                onclick="searchCostProductsByText()">
                            <i class="fas fa-search"></i>
                        </button>
                    </div>
                    <div class="table-responsive" style="max-height:380px;overflow-y:auto;">
                        <table class="table table-sm table-hover align-middle">
                            <thead class="table-light sticky-top">
                                <tr>
                                    <th>{{ __('purchases.product') }}</th>
                                    <th>{{ __('purchases.col-sku') }}</th>
                                    <th class="text-center">{{ __('purchases.type') }}</th>
                                    <th class="text-center">{{ __('purchases.col-action') }}</th>
                                </tr>
                            </thead>
                            <tbody id="costModalProductRows">
                                <tr><td colspan="4" class="text-center text-muted py-4">
                                    {{ __('purchases.select-filters-hint') }}
                                </td></tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @endif

</div>
@endsection

@section('scripts')
@parent
<script>
var AppUrl = '{{ url('') }}';

document.addEventListener('DOMContentLoaded', function() {

    // ── Tooltips ──────────────────────────────────────────────────────────
    document.querySelectorAll('[data-bs-toggle="tooltip"]').forEach(el =>
        new bootstrap.Tooltip(el, { trigger: 'hover', placement: 'top' })
    );

    // ── Calcular totales ──────────────────────────────────────────────────
    window.calculateTotals = function() {
        var cost     = parseFloat(document.getElementById('cost').value) || 0;
        var ivaperc  = parseFloat(document.getElementById('iva_perc').value) || 0;
        var iepsPerc = parseFloat(document.getElementById('ieps_perc').value) || 0;
        var currency = document.getElementById('currency').value;

        var ivaAmt  = cost * (ivaperc / 100);
        var iepsAmt = cost * (iepsPerc / 100);
        var total   = cost + ivaAmt + iepsAmt;

        document.getElementById('ivaAmount').textContent     = '$' + ivaAmt.toFixed(2);
        document.getElementById('iepsAmount').textContent    = '$' + iepsAmt.toFixed(2);
        document.getElementById('totalCost').textContent     = '$' + total.toFixed(2);
        document.getElementById('currencyDisplay').textContent = currency;
    };

    document.getElementById('currency').addEventListener('change', calculateTotals);
    calculateTotals();

    // ── Inicializar vigencia con valor default al cargar ────────────────────
    recalcValidityDate();

    // ── Proveedor: verificar duplicado al cambiar selección ──────────────────
    $('select[name="supplier_id"]').on('change', function() {
        var pid = document.getElementById('productId').value;
        if (pid) checkSupplierDuplicate(pid);
    });

    // ── Si venimos con product_id pre-seleccionado, cargar sus costos ────────
    @if($product)
    loadExistingCosts({{ $product->id }});
    @endif

    // ── Validar producto antes de guardar ─────────────────────────────────
    document.getElementById('formCost').addEventListener('submit', function(e) {
        var pid = document.getElementById('productId');
        if (pid && !pid.value) {
            e.preventDefault();
            showNotification('{{ __('purchases.js-select-product') }}', 'error');
            $('#modalSearchProduct').modal('show');
        }
    });

});

// ── Vigencia: dropdown días → fecha calculada ────────────────────────────────

window.recalcValidityDate = function() {
    var fromVal = document.getElementById('validFrom').value;
    var daysVal = parseInt(document.getElementById('validDays').value);

    if (!fromVal || !daysVal) return;

    var fromDate   = new Date(fromVal);
    var targetDate = new Date(fromDate);
    targetDate.setDate(targetDate.getDate() + daysVal);

    // Máximo 1 año
    var maxDate = new Date(fromDate);
    maxDate.setFullYear(maxDate.getFullYear() + 1);
    if (targetDate > maxDate) targetDate = maxDate;

    // Guardar en hidden
    document.getElementById('validTo').value = targetDate.toISOString().split('T')[0];

    // Mostrar fecha calculada
    document.getElementById('summaryDate').textContent = targetDate.toLocaleDateString('es-MX', {
        day: '2-digit', month: 'long', year: 'numeric'
    });
};

// ── Modal de productos ────────────────────────────────────────────────────────

window.changeCostGroup = function() {
    var idGroup = $('#groupSelectCost').val();
    $('#categorySelectCost, #brandSelectCost').find('option:not(:first)').remove();
    if (!idGroup) return;
    $.ajax({
        url: AppUrl + '/invoices/getCategories',
        data: { idGroup: idGroup },
        success: function(data) {
            $.each(data.categories, function(i, c) {
                $('#categorySelectCost').append('<option value="'+c.id+'">'+c.name+'</option>');
            });
        }
    });
};

window.changeCostCategory = function() {
    var categoryId = $('#categorySelectCost').val();
    $('#brandSelectCost').find('option:not(:first)').remove();
    if (!categoryId) return;
    $.ajax({
        url: AppUrl + '/invoices/getBrands',
        data: { categoryId: categoryId },
        success: function(data) {
            $.each(data.brands, function(i, b) {
                $('#brandSelectCost').append('<option value="'+b.id+'">'+b.name+'</option>');
            });
        }
    });
};

window.fillCostProductTable = function() {
    $('#costModalProductRows').html('<tr><td colspan="4" class="text-center py-3"><i class="fas fa-spinner fa-spin"></i></td></tr>');
    $.ajax({
        url: AppUrl + '/invoices/getFilteredProducts',
        data: {
            groupId:    $('#groupSelectCost').val(),
            categoryId: $('#categorySelectCost').val(),
            brandId:    $('#brandSelectCost').val(),
        },
        success: function(data) { renderCostRows(data.products || []); }
    });
};

window.searchCostProductsByText = function() {
    var term = $('#costProductTextSearch').val().trim();
    if (!term) return;
    $('#costModalProductRows').html('<tr><td colspan="4" class="text-center py-3"><i class="fas fa-spinner fa-spin"></i></td></tr>');
    $.ajax({
        url: AppUrl + '/invoices/getProductsPage',
        data: { search: term },
        success: function(data) { renderCostRows(data.products || []); }
    });
};

function renderCostRows(products) {
    if (!products.length) {
        $('#costModalProductRows').html('<tr><td colspan="4" class="text-center text-muted py-4">{{ __('purchases.no-products') }}</td></tr>');
        return;
    }
    var rows = '';
    products.forEach(function(p) {
        rows += '<tr>'
            + '<td class="small fw-semibold">' + p.product_name + '</td>'
            + '<td class="small text-muted">' + (p.sku || '') + '</td>'
            + '<td class="text-center"><span class="badge bg-secondary small">' + (p.material_type || '') + '</span></td>'
            + '<td class="text-center"><button type="button" class="btn btn-success btn-sm"'
            + ' onclick="selectProductCost(' + p.id + ',\'' + (p.product_name||'').replace(/'/g,"\\'") + '\',\'' + (p.sku||'') + '\',\'' + (p.material_type||'') + '\')">'
            + '<i class="fas fa-check me-1"></i>{{ __('purchases.select-btn') }}</button></td>'
            + '</tr>';
    });
    $('#costModalProductRows').html(rows);
}

window.selectProductCost = function(id, name, sku, type) {
    // Seleccionar el producto directamente — el panel de costos existentes informará al usuario
    document.getElementById('productId').value          = id;
    document.getElementById('productSearch').value      = name;
    document.getElementById('productName').textContent  = name;
    document.getElementById('productSku').textContent   = sku;
    document.getElementById('productType').textContent  = type;
    document.getElementById('productInfo').classList.remove('d-none');
    bootstrap.Modal.getInstance(document.getElementById('modalSearchProduct')).hide();

    // Cargar costos existentes del producto (multi-proveedor)
    loadExistingCosts(id);

    setTimeout(function() { document.getElementById('cost').focus(); }, 400);
};

// ── Carga y muestra los costos existentes del producto ───────────────────────
window.loadExistingCosts = function(productId) {
    if (!productId) return;
    $('#existingCostsPanel').hide();
    $('#supplierDuplicateWarn').hide();

    $.ajax({
        url: AppUrl + '/purchases/costs/all-costs/' + productId,
        type: 'GET',
        success: function(data) {
            if (data.count === 0) return;

            $('#existingCostsCount').text(data.count);
            var rows = '';
            data.costs.forEach(function(c) {
                var statusBadge = c.is_active
                    ? '<span class="badge bg-success" style="font-size:9px;">{{ __('purchases.js-current') }}</span>'
                    : '<span class="badge bg-danger"  style="font-size:9px;">{{ __('purchases.js-expired') }}</span>';
                rows += '<tr>'
                    + '<td>' + c.supplier + '</td>'
                    + '<td class="text-end">$' + c.cost + '</td>'
                    + '<td class="text-center text-muted">' + c.currency + '</td>'
                    + '<td class="text-center text-muted">' + c.iva_perc + '%</td>'
                    + '<td class="text-end fw-semibold text-success">$' + c.total_cost + '</td>'
                    + '<td class="text-center text-muted">' + (c.valid_to || '—') + '</td>'
                    + '<td class="text-center"><a href="' + c.edit_url + '" class="btn btn-outline-primary" style="font-size:9px;padding:1px 6px;"><i class="fas fa-edit"></i></a></td>'
                    + '</tr>';
            });
            $('#existingCostsRows').html(rows);
            $('#existingCostsPanel').show();

            // Verificar si el proveedor actualmente seleccionado ya tiene costo
            checkSupplierDuplicate(productId);
        }
    });
};

// ── Verifica si el proveedor seleccionado ya tiene costo para este producto ──
window.checkSupplierDuplicate = function(productId) {
    productId = productId || document.getElementById('productId').value;
    if (!productId) return;
    var supplierId = $('select[name="supplier_id"]').val() || '';

    $.ajax({
        url: AppUrl + '/purchases/costs/check-existing/' + productId + (supplierId ? '?supplier_id=' + supplierId : ''),
        type: 'GET',
        success: function(data) {
            if (data.exists) {
                $('#supplierDuplicateEditLink').attr('href', AppUrl + '/purchases/costs/' + data.cost_id + '/edit');
                $('#supplierDuplicateWarn').show();
            } else {
                $('#supplierDuplicateWarn').hide();
            }
        }
    });
};
</script>
@endsection