{{-- New-Unity ERP | Modules/Sales/Resources/Views/settings/index.blade.php | v1.1 | 21/06/2026 --}}
{{-- v1.1 — Agrega campo Quote Prefix para identificar cotizaciones por empresa. --}}
{{-- v1.0 — Sales Settings: Quote Defaults, Colors, Commercial Conditions, Delivery Terms. --}}

@extends('layouts.vertical', ['pageTitle' => __('sales_settings.sales_settings')])

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

    <div class="d-flex justify-content-between align-items-start mb-2">
        <div>
            <h1 class="h3 mb-0"><i class="fad fa-cog me-2"></i>{{ __('sales_settings.sales_settings') }}</h1>
            <p class="text-muted mb-0">{{ __('sales_settings.sales_configuration') }}</p>
        </div>
    </div>

    <nav aria-label="breadcrumb">
        <ol class="breadcrumb mb-3">
            <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Unity ERP</a></li>
            <li class="breadcrumb-item active">{{ __('sales_settings.sales_settings') }}</li>
        </ol>
    </nav>

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

    <form method="POST" action="{{ route('sales.settings.update') }}">
        @csrf
        @method('PUT')

        {{-- ── Quote Defaults ── --}}
        <div class="card mb-3">
            <div class="card-header bg-primary text-white py-2">
                <h6 class="mb-0"><i class="fad fa-file-alt me-2"></i>{{ __('sales_settings.quote_defaults') }}</h6>
            </div>
            <div class="card-body">
                <div class="row g-3">
                    <div class="col-md-2">
                        <label class="form-label fw-bold small">{{ __('sales_settings.quote_prefix') }}</label>
                        <input type="text" name="quote_prefix"
                               class="form-control form-control-sm text-uppercase"
                               value="{{ $quote->firstWhere('key', 'quote_prefix')?->value ?? 'COT' }}"
                               maxlength="10" placeholder="COT"
                               oninput="this.value=this.value.toUpperCase()"
                               style="font-weight:bold;letter-spacing:1px;">
                        <small class="text-muted">{{ __('sales_settings.quote_prefix_hint') }}</small>
                    </div>
                    <div class="col-md-2">
                        <label class="form-label fw-bold small">{{ __('sales_settings.expiration_days') }}</label>
                        <input type="number" name="quote_expiration_days" min="1" max="90"
                               class="form-control form-control-sm"
                               value="{{ $quote->firstWhere('key', 'quote_expiration_days')?->value ?? 10 }}">
                        <small class="text-muted">{{ __('sales_settings.expiration_days_hint') }}</small>
                    </div>
                    <div class="col-md-2">
                        <label class="form-label fw-bold small">{{ __('sales_settings.default_currency') }}</label>
                        <select name="quote_default_currency" class="form-select form-select-sm">
                            @foreach(['MXN','USD','EUR'] as $cur)
                                <option value="{{ $cur }}" @selected(($quote->firstWhere('key','quote_default_currency')?->value ?? 'MXN') == $cur)>{{ $cur }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-2">
                        <label class="form-label fw-bold small">{{ __('sales_settings.default_pdf_format') }}</label>
                        <select name="quote_default_format" class="form-select form-select-sm">
                            @foreach([1,2,3] as $f)
                                <option value="{{ $f }}" @selected(($quote->firstWhere('key','quote_default_format')?->value ?? 1) == $f)>{{ __('sales_settings.format') }} {{ $f }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
            </div>
        </div>

        {{-- ── Colors ── --}}
        <div class="card mb-3">
            <div class="card-header bg-primary text-white py-2">
                <h6 class="mb-0"><i class="fad fa-palette me-2"></i>{{ __('sales_settings.pdf_colors') }}</h6>
            </div>
            <div class="card-body">
                <div class="row g-3">
                    <div class="col-md-2">
                        <label class="form-label fw-bold small">{{ __('sales_settings.primary_color') }}</label>
                        <div class="input-group input-group-sm">
                            <input type="color" name="quote_color_primary"
                                   class="form-control form-control-sm form-control-color"
                                   value="{{ $colors->firstWhere('key','quote_color_primary')?->value ?? '#7B2032' }}"
                                   style="width:50px;">
                            <input type="text" id="color_primary_hex"
                                   class="form-control form-control-sm"
                                   value="{{ $colors->firstWhere('key','quote_color_primary')?->value ?? '#7B2032' }}"
                                   readonly>
                        </div>
                        <small class="text-muted">{{ __('sales_settings.primary_color_hint') }}</small>
                    </div>
                </div>
            </div>
        </div>

        {{-- ── Commercial Conditions ── --}}
        <div class="card mb-3">
            <div class="card-header bg-primary text-white py-2">
                <h6 class="mb-0"><i class="fad fa-list-ol me-2"></i>{{ __('sales_settings.commercial_conditions') }}</h6>
            </div>
            <div class="card-body">
                <small class="text-muted d-block mb-3">
                    {{ __('sales_settings.conditions_hint') }}
                </small>
                <div class="row g-2">
                    @foreach($conditions as $cond)
                    <div class="col-md-12">
                        <label class="form-label fw-bold small">{{ $cond->label }}</label>
                        <textarea name="{{ $cond->key }}" class="form-control form-control-sm" rows="2">{{ $cond->value }}</textarea>
                    </div>
                    @endforeach
                </div>
            </div>
        </div>

        {{-- ── Delivery Terms ── --}}
        <div class="card mb-3">
            <div class="card-header bg-primary text-white py-2">
                <h6 class="mb-0"><i class="fad fa-truck me-2"></i>{{ __('sales_settings.delivery_terms') }}</h6>
            </div>
            <div class="card-body">
                <div class="row g-2">
                    @foreach($delivery as $del)
                    <div class="col-md-6">
                        <label class="form-label fw-bold small">{{ $del->label }}</label>
                        <input type="text" name="{{ $del->key }}" class="form-control form-control-sm"
                               value="{{ $del->value }}" maxlength="100">
                    </div>
                    @endforeach
                </div>
            </div>
        </div>

        <div class="text-end mb-4">
            <button type="submit" class="btn btn-primary">
                <i class="fad fa-save me-1"></i>{{ __('sales_settings.save_settings') }}
            </button>
        </div>

    </form>
</div>
@endsection

@section('scripts')
<script>
    // Sincronizar color picker con el hex input
    document.querySelector('input[name="quote_color_primary"]').addEventListener('input', function() {
        document.getElementById('color_primary_hex').value = this.value;
    });
</script>
@endsection