{{-- New-Unity ERP | finance/price-lists/edit.blade.php | v1.6 | 05/07/2026 --}}
{{-- v1.6 — Fix: previewProtectionPct se actualiza con valor real del formulario. --}}
{{-- v1.5 — Preview: desglose Cost × MinProt% = Protection × TargetMargin% = Commercial Price. --}}
{{-- v1.4 — Fix preview: Base Price = Protection x (1 + margin%). --}}
{{-- v1.4 — Fix preview: Base Price = Protection x (1 + margin%). --}}
{{-- v1.3 — Renombrado Base Discount a Target Margin %. Agrega Min Protection %. --}}
{{-- v1.2 — Removido page-info que rompía el layout. --}}
{{-- v1.1 — Page Info agregado (descartado). --}}
{{-- v1.0 — Formulario edición price list. --}}
@extends('layouts.vertical')

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

    <div class="d-flex justify-content-between align-items-start mb-3">
        <div>
            <h1 class="h4 mb-0">
                <i class="fad fa-tags me-2 text-primary"></i>
                {{ __('finance.edit-price-list') }} — <span class="badge bg-warning text-dark">{{ $priceList->code }}</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('finance.price-lists.index') }}">{{ __('finance.price-lists') }}</a></li>
                <li class="breadcrumb-item active">{{ __('finance.edit') }}</li>
            </ol></nav>
        </div>
        <a href="{{ route('finance.price-lists.index') }}" class="btn btn-secondary btn-sm">
            <i class="fas fa-arrow-left me-1"></i>{{ __('finance.back') }}
        </a>
    </div>

    @if(session('success'))
        <div class="alert alert-success alert-dismissible fade show py-2 small mb-3">
            {{ session('success') }}<button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    @endif
    @if(session('error'))
        <div class="alert alert-danger alert-dismissible fade show py-2 small mb-3">
            {{ session('error') }}<button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    @endif

    <div class="row justify-content-center">
        <div class="col-md-6">
            <div class="card">
                <div class="card-header py-2" style="background:#3d0f5e; color:#fff;">
                    <h6 class="mb-0"><i class="fas fa-edit me-2"></i>{{ __('finance.edit-price-list') }}</h6>
                </div>
                <form action="{{ route('finance.price-lists.update', $priceList) }}" method="POST">
                    @csrf @method('PUT')
                    <div class="card-body">

                        {{-- Code --}}
                        <div class="mb-3">
                            <label class="form-label fw-semibold small">{{ __('finance.code') }}</label>
                            <input type="text" class="form-control form-control-sm bg-light"
                                   value="{{ $priceList->code }}" disabled>
                            <small class="text-muted">{{ __('finance.code-cannot-change') }}</small>
                        </div>

                        {{-- Name --}}
                        <div class="mb-3">
                            <label class="form-label fw-semibold small">{{ __('finance.name-req') }}</label>
                            <input type="text" name="name" class="form-control form-control-sm"
                                   value="{{ old('name', $priceList->name) }}" required>
                        </div>

                        {{-- Description --}}
                        <div class="mb-3">
                            <label class="form-label fw-semibold small">{{ __('finance.description') }}</label>
                            <textarea name="description" class="form-control form-control-sm" rows="2">{{ old('description', $priceList->description) }}</textarea>
                        </div>

                        {{-- Currency --}}
                        <div class="mb-3">
                            <label class="form-label fw-semibold small">{{ __('finance.currency-req') }}</label>
                            <select name="currency" class="form-select form-select-sm">
                                <option value="MXN" @selected($priceList->currency === 'MXN')>MXN</option>
                                <option value="USD" @selected($priceList->currency === 'USD')>USD</option>
                                <option value="EUR" @selected($priceList->currency === 'EUR')>EUR</option>
                            </select>
                        </div>

                        {{-- Target Margin % + Min Protection % --}}
                        <div class="row g-3 mb-3">
                            <div class="col-md-6">
                                <label class="form-label fw-semibold small">
                                    {{ __('finance.target-margin-pct') }}
                                    <i class="fas fa-info-circle text-muted ms-1"
                                       data-bs-toggle="tooltip"
                                       title="{{ __('finance.target-margin-tip') }}"></i>
                                </label>
                                <div class="input-group input-group-sm">
                                    <input type="number" name="target_margin_percent"
                                           class="form-control" min="0" max="999" step="0.01"
                                           value="{{ old('target_margin_percent', $priceList->target_margin_percent ?? 0) }}">
                                    <span class="input-group-text bg-light">%</span>
                                </div>
                                <small class="text-muted">{{ __('finance.base-price-formula') }}</small>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label fw-semibold small">
                                    {{ __('finance.min-protection-pct') }}
                                    <i class="fas fa-info-circle text-danger ms-1"
                                       data-bs-toggle="tooltip"
                                       title="{{ __('finance.min-protection-tip') }}"></i>
                                </label>
                                <div class="input-group input-group-sm">
                                    <input type="number" name="min_protection_percent"
                                           class="form-control border-danger" min="0" max="100" step="0.01"
                                           value="{{ old('min_protection_percent', $priceList->min_protection_percent ?? 0) }}">
                                    <span class="input-group-text bg-danger text-white">%</span>
                                </div>
                                <small class="text-danger">{{ __('finance.sale-below-auth') }}</small>
                            </div>
                        </div>

                        {{-- Preview de precios --}}
                        <div class="alert alert-light border py-2 small mb-3" id="pricePreview">
                            <div class="fw-semibold mb-1 text-muted">
                                <i class="fas fa-calculator me-1"></i>{{ __('finance.price-preview-example') }}
                            </div>
                            <div class="d-flex gap-2 flex-wrap align-items-center" style="font-size:0.8rem;">
                                <span class="text-muted">{{ __('finance.cost-word') }} <strong>$100.00</strong></span>
                                <i class="fas fa-times text-muted"></i>
                                <span>{{ __('finance.min-prot') }} <strong class="text-danger" id="previewProtectionPct">0%</strong></span>
                                <i class="fas fa-equals text-muted"></i>
                                <span>= <strong class="text-danger" id="previewProtection">$0.00</strong></span>
                                <i class="fas fa-times text-muted ms-2"></i>
                                <span>{{ __('finance.target-margin') }} <strong class="text-primary" id="previewMargin">0%</strong></span>
                                <i class="fas fa-equals text-muted"></i>
                                <span class="fw-bold" style="color:#198754;">{{ __('finance.commercial-price') }} <strong id="previewBase">$0.00</strong></span>
                            </div>
                        </div>

                        {{-- Switches --}}
                        <div class="form-check form-switch mb-3">
                            <input class="form-check-input" type="checkbox" name="is_default"
                                   id="isDefault" value="1"
                                   @checked($priceList->is_default) @disabled($priceList->is_default)>
                            <label class="form-check-label small fw-semibold" for="isDefault">
                                {{ __('finance.default-price-list') }}
                            </label>
                        </div>

                        <div class="form-check form-switch mb-3">
                            <input class="form-check-input" type="checkbox" name="available_for_sale"
                                   id="availableForSale" value="1"
                                   @checked($priceList->available_for_sale)>
                            <label class="form-check-label small fw-semibold" for="availableForSale">
                                {{ __('finance.available-quotes-invoices') }}
                            </label>
                            <div class="form-text">{{ __('finance.available-help') }}</div>
                        </div>

                    </div>
                    <div class="card-footer py-2 d-flex gap-2 justify-content-end">
                        <a href="{{ route('finance.price-lists.index') }}" class="btn btn-secondary btn-sm">
                            <i class="fas fa-times me-1"></i>{{ __('finance.cancel') }}
                        </a>
                        <button type="submit" class="btn btn-primary btn-sm">
                            <i class="fas fa-save me-1"></i>{{ __('finance.save-changes') }}
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>

</div>

<script>
// Preview dinámico de precios con costo ejemplo $100
function updatePreview() {
    var cost       = 100;
    var margin     = parseFloat(document.querySelector('[name="target_margin_percent"]').value) || 0;
    var protection = parseFloat(document.querySelector('[name="min_protection_percent"]').value) || 0;

    var protectionPrice = cost * (1 + protection / 100);
    var basePrice       = protectionPrice * (1 + margin / 100);

    document.getElementById('previewBase').textContent          = '$' + basePrice.toFixed(2);
    document.getElementById('previewProtection').textContent    = '$' + protectionPrice.toFixed(2);
    document.getElementById('previewMargin').textContent        = margin.toFixed(2) + '%';
    document.getElementById('previewProtectionPct').textContent = protection.toFixed(2) + '%';
}

document.querySelector('[name="target_margin_percent"]').addEventListener('input', updatePreview);
document.querySelector('[name="min_protection_percent"]').addEventListener('input', updatePreview);

// Inicializar tooltips
document.addEventListener('DOMContentLoaded', function() {
    updatePreview();
    var tooltips = document.querySelectorAll('[data-bs-toggle="tooltip"]');
    tooltips.forEach(function(el) { new bootstrap.Tooltip(el); });
});
</script>

@endsection