{{-- New-Unity ERP | Modules/Sales/Resources/Views/quotes/index.blade.php | v1.9 | 26/06/2026 --}}
{{-- v1.9 — Deshabilita "Convert to SO" si está Aprobada o Cancelada. --}}
{{-- v1.9b — Modal de advertencia al intentar borrar cotización con OV relacionada. --}}
{{-- v1.8 — Agrega "Convert to Sales Order" en dropdown de acciones. --}}
{{-- v1.7 — Fix estructura JS: openSendEmailModal global, btnSendEmail dentro de DOMContentLoaded. --}}
{{-- v1.6 — Fix openSendEmailModal: usa data-attributes; función fuera de ready(). --}}
{{-- v1.5 — Usa showNotification() de notifications.js en modal email. --}}
{{-- v1.4 — Modal Enviar por Correo con Para/CC/CC2/CCO y envío AJAX. --}}
{{-- v1.3 — Columna Product muestra primer producto + contador de adicionales. --}}
{{-- v1.2 — Resalta fila recién creada/editada via ?highlight={id}. --}}
{{-- v1.1 — Fix part_number display. --}}
{{-- v1.0 — Index de Cotizaciones: filtros, tabla paginada, dropdown de acciones. --}}

@extends('layouts.vertical')

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

    {{-- Page Header --}}
    <div class="d-flex justify-content-between align-items-start mb-2">
        <div>
            <h1 class="h3 mb-0"><i class="fad fa-file-alt me-2"></i>{{ __('quotes.quotes') }}</h1>
            <p class="text-muted mb-0">{{ __('quotes.sales_quotes') }}</p>
        </div>
        <a href="{{ route('sales.quotes.create') }}" class="btn btn-primary btn-sm">
            <i class="fas fa-plus me-1"></i>{{ __('quotes.newquote') }}
        </a>
    </div>

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

    {{-- Flash messages --}}
    @if(session('success'))
    <div class="alert alert-success alert-dismissible fade show" role="alert">
        {{ 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" role="alert">
        {{ session('error') }}
        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
    </div>
    @endif

    {{-- Filters --}}
    <div class="card mb-3">
        <div class="card-header bg-primary text-white py-2">
            <h6 class="mb-0"><i class="fad fa-filter me-2"></i>{{ __('quotes.filters') }}</h6>
        </div>
        <div class="card-body">
            <form action="{{ route('sales.quotes.index') }}" method="GET" autocomplete="off">
                <div class="row g-2 mb-2">
                    <div class="col-md-3">
                        <div class="input-group input-group-sm">
                            <span class="input-group-text">{{ __('quotes.rfc') }}</span>
                            <input type="text" class="form-control" name="customer_rfc" value="{{ Request::get('customer_rfc') }}">
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="input-group input-group-sm">
                            <span class="input-group-text">{{ __('quotes.company') }}</span>
                            <input type="text" class="form-control" name="customer_name" value="{{ Request::get('customer_name') }}">
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="input-group input-group-sm">
                            <span class="input-group-text">{{ __('quotes.quote_number') }}</span>
                            <input type="text" class="form-control" name="fol" value="{{ Request::get('fol') }}">
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="input-group input-group-sm">
                            <span class="input-group-text">{{ __('quotes.currency') }}</span>
                            <select class="form-select" name="currency">
                                <option value="">{{ __('quotes.all') }}</option>
                                @foreach($currencies as $cur)
                                    <option value="{{ $cur->code }}" @selected($cur->code == Request::get('currency'))>{{ $cur->code }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="input-group input-group-sm">
                            <span class="input-group-text">{{ __('quotes.status') }}</span>
                            <select class="form-select" name="status">
                                <option value="">{{ __('quotes.all') }}</option>
                                @foreach($statuses as $key => $label)
                                    <option value="{{ $key }}" @selected($key == Request::get('status'))>{{ $label }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>
                <div class="row g-2 align-items-center">
                    <div class="col-md-3">
                        <div class="input-group input-group-sm">
                            <span class="input-group-text">{{ __('quotes.period') }}</span>
                            <select class="form-select" name="period" id="period">
                                @foreach($periods as $key => $label)
                                    <option value="{{ $key }}" @selected($key == Request::get('period', 'this month'))>{{ $label }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-2 custom-interval {{ Request::get('period') == 'custom interval' ? '' : 'd-none' }}">
                        <div class="input-group input-group-sm">
                            <span class="input-group-text">{{ __('quotes.from') }}</span>
                            <input type="date" class="form-control" name="from" value="{{ Request::get('from') }}">
                        </div>
                    </div>
                    <div class="col-md-2 custom-interval {{ Request::get('period') == 'custom interval' ? '' : 'd-none' }}">
                        <div class="input-group input-group-sm">
                            <span class="input-group-text">{{ __('quotes.to') }}</span>
                            <input type="date" class="form-control" name="to" value="{{ Request::get('to') }}">
                        </div>
                    </div>
                    <div class="col-md-auto ms-auto">
                        <button type="submit" class="btn btn-success btn-sm">
                            <i class="fas fa-filter me-1"></i>{{ __('quotes.filter') }}
                        </button>
                        <a href="{{ route('sales.quotes.index') }}" class="btn btn-outline-secondary btn-sm ms-1">
                            <i class="fas fa-times me-1"></i>{{ __('quotes.clear') }}
                        </a>
                    </div>
                </div>
            </form>
        </div>
    </div>

    {{-- Table --}}
    <div class="card" style="overflow:visible;">
        <div class="card-body p-0" style="overflow:visible;">
            <div class="table-responsive" style="overflow:visible;">
                <table class="table table-hover align-middle mb-0">
                    <thead class="table-light">
                        <tr>
                            <th>{{ __('quotes.date') }}</th>
                            <th>{{ __('quotes.quote_number') }}</th>
                            <th>{{ __('quotes.part_hash') }}</th>
                            <th>{{ __('quotes.customer') }}</th>
                            <th>{{ __('quotes.col_product') }}</th>
                            <th>{{ __('quotes.expiration') }}</th>
                            <th>{{ __('quotes.currency') }}</th>
                            <th class="text-end">{{ __('quotes.total') }}</th>
                            <th class="text-center">{{ __('quotes.status') }}</th>
                            <th class="text-center">{{ __('quotes.actions') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($quotes as $quote)
                        <tr id="quote-row-{{ $quote->id }}" class="{{ request('highlight') == $quote->id ? 'table-warning' : '' }}">
                            <td class="small">{{ $quote->created_at->format('d-m-Y') }}</td>
                            <td class="fw-bold">{{ $quote->fol }}</td>
                            <td>{{ $quote->part_number ?: '—' }}</td>
                            <td>
                                <div class="fw-bold small">{{ $quote->customer_name }}</div>
                                @if($quote->customer_rfc)
                                <div class="text-muted" style="font-size:11px;">{{ $quote->customer_rfc }}</div>
                                @endif
                            </td>
                            <td class="small" style="max-width:250px;">
                                @php $firstProduct = $quote->products->first(); $productCount = $quote->products->count(); @endphp
                                @if($firstProduct)
                                    {{ Str::limit($firstProduct->product_name, 50) }}
                                    @if($productCount > 1)
                                        <span class="badge bg-secondary ms-1">+{{ $productCount - 1 }} {{ __('quotes.more') }}</span>
                                    @endif
                                @else
                                    <span class="text-muted">—</span>
                                @endif
                            </td>
                            <td class="small">
                                @if($quote->expiration_date)
                                    <span class="{{ $quote->expiration_date->isPast() ? 'text-danger fw-bold' : '' }}">
                                        {{ $quote->expiration_date->format('d-m-Y') }}
                                    </span>
                                @else —
                                @endif
                            </td>
                            <td>{{ $quote->currency }}</td>
                            <td class="text-end fw-bold">${{ number_format($quote->total, 2) }}</td>
                            <td class="text-center">
                                <span class="badge {{ $quote->statusBadge() }}">{{ $quote->statusLabel() }}</span>
                            </td>
                            <td class="text-center">
                                <div class="dropdown">
                                    <button type="button" class="btn btn-sm btn-outline-primary rounded-circle"
                                            data-bs-toggle="dropdown" data-bs-strategy="fixed">
                                        <i class="fa fa-ellipsis-v"></i>
                                    </button>
                                    <div class="dropdown-menu dropdown-menu-end">
                                        <a class="dropdown-item" href="{{ route('sales.quotes.show', $quote) }}">
                                            <i class="fas fa-eye me-1"></i>{{ __('quotes.view_quote') }}
                                        </a>
                                        <a class="dropdown-item" href="{{ route('sales.quotes.edit', $quote) }}">
                                            <i class="fas fa-edit me-1"></i>{{ __('quotes.edit_quote') }}
                                        </a>
                                        <a class="dropdown-item" href="#" onclick="window.open('{{ route('sales.quotes.show', $quote) }}?pdf=1', '_blank')">
                                            <i class="fas fa-file-pdf me-1"></i>{{ __('quotes.export_pdf') }}
                                        </a>
                                        @if(!in_array($quote->status, ['cancelled', 'approved']))
                                        <form id="conv-{{ $quote->id }}" action="{{ route('sales.orders.convertFromQuote', $quote) }}" method="POST" class="d-none">
                                            @csrf
                                        </form>
                                        <a class="dropdown-item" href="#"
                                           data-bs-toggle="modal"
                                           data-bs-target="#modalConvertSO"
                                           data-quote-id="{{ $quote->id }}"
                                           data-quote-fol="{{ $quote->fol }}">
                                            <i class="fas fa-clipboard-check me-1"></i>{{ __('quotes.convert_to_so') }}
                                        </a>
                                        @else
                                        <a class="dropdown-item disabled text-muted" href="#"
                                           title="{{ $quote->status === 'approved' ? __('quotes.already_has_so') : __('quotes.quote_cancelled') }}"
                                           data-bs-toggle="tooltip" data-bs-placement="left">
                                            <i class="fas fa-clipboard-check me-1"></i>{{ __('quotes.convert_to_so') }}
                                        </a>
                                        @endif
                                        <a class="dropdown-item" href="#"
                                           data-quote-id="{{ $quote->id }}"
                                           data-quote-fol="{{ $quote->fol }}"
                                           data-customer-name="{{ $quote->customer_name }}"
                                           data-contacts='@json($quote->customer->contacts->map(fn($c) => ["id" => $c->id, "name" => $c->name, "email" => $c->email]))'
                                           onclick="openSendEmailModal(this)">
                                            <i class="fas fa-envelope me-1"></i>{{ __('quotes.send_by_email') }}
                                        </a>
                                        <div class="dropdown-divider"></div>
                                        @if(in_array($quote->status, ['approved']))
                                        <a class="dropdown-item text-danger" href="#"
                                           data-bs-toggle="modal"
                                           data-bs-target="#modalCannotDelete"
                                           data-quote-fol="{{ $quote->fol }}"
                                           data-so-number="{{ $quote->salesOrder?->folDisplay() ?? __('quotes.related_so') }}">
                                            <i class="fas fa-trash-alt me-1"></i>{{ __('quotes.delete_quote') }}
                                        </a>
                                        @else
                                        <a class="dropdown-item text-danger" href="#"
                                           onclick="if(confirm('{{ __('quotes.delete_quote_confirm', ['fol' => $quote->fol]) }}')) document.getElementById('del-{{ $quote->id }}').submit()"
                                           style="cursor:pointer">
                                            <i class="fas fa-trash-alt me-1"></i>{{ __('quotes.delete_quote') }}
                                        </a>
                                        <form id="del-{{ $quote->id }}" action="{{ route('sales.quotes.destroy', $quote) }}" method="POST" class="d-none">
                                            @csrf @method('DELETE')
                                        </form>
                                        @endif
                                    </div>
                                </div>
                            </td>
                        </tr>
                        @empty
                        <tr>
                            <td colspan="10" class="text-center text-muted py-4">
                                <i class="fad fa-file-alt fa-2x mb-2 d-block"></i>
                                {{ __('quotes.no_quotes') }}
                            </td>
                        </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
            @if($quotes->hasPages())
            <div class="p-3">
                {{ $quotes->withQueryString()->links() }}
            </div>
            @endif
        </div>
    </div>

</div>

{{-- Modal No se puede eliminar --}}
<div class="modal fade" id="modalCannotDelete" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header bg-warning text-dark">
                <h5 class="modal-title"><i class="fas fa-exclamation-triangle me-2"></i>{{ __('quotes.cannot_delete') }}</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <p>{{ __('quotes.cannot_delete_intro') }} <strong id="modal-cannot-fol"></strong> {{ __('quotes.cannot_delete_reason') }} (<strong id="modal-cannot-so"></strong>).</p>
                <p class="text-muted small mb-0">{{ __('quotes.cannot_delete_hint') }}</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
                    <i class="fas fa-times me-1"></i>{{ __('quotes.close') }}
                </button>
                <a href="{{ route('sales.orders.index') }}" class="btn btn-primary">
                    <i class="fas fa-clipboard-list me-1"></i>{{ __('quotes.view_sales_orders') }}
                </a>
            </div>
        </div>
    </div>
</div>

{{-- Modal Convertir a Orden de Venta --}}
<div class="modal fade" id="modalConvertSO" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header bg-primary text-white">
                <h5 class="modal-title"><i class="fas fa-clipboard-check me-2"></i>{{ __('quotes.convert_to_so') }}</h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <p>{{ __('quotes.convert_confirm_1') }} <strong id="modal-conv-fol"></strong> {{ __('quotes.convert_confirm_2') }}</p>
                <p class="text-muted small mb-0">{{ __('quotes.convert_note_1') }} <strong>{{ __('quotes.approved') }}</strong> {{ __('quotes.convert_note_2') }}</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
                    <i class="fas fa-times me-1"></i>{{ __('quotes.cancel') }}
                </button>
                <button type="button" class="btn btn-primary" id="btnConfirmConvert">
                    <i class="fas fa-clipboard-check me-1"></i>{{ __('quotes.confirm') }}
                </button>
            </div>
        </div>
    </div>
</div>

{{-- Modal Enviar por Correo --}}
<div class="modal fade" id="sendEmailModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header bg-primary text-white">
                <h5 class="modal-title"><i class="fas fa-envelope me-2"></i>{{ __('quotes.send_by_email') }}</h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <form id="formSendEmail">
                    @csrf
                    <div class="mb-3">
                        <label class="form-label fw-bold small">*{{ __('quotes.to_field') }}</label>
                        <select id="email_to" name="to" class="form-select form-select-sm" required>
                            <option value="">{{ __('quotes.select_option') }}</option>
                        </select>
                    </div>
                    <div class="mb-3">
                        <label class="form-label fw-bold small">*CC</label>
                        <select id="email_cc" name="cc" class="form-select form-select-sm">
                            <option value="">{{ __('quotes.select_option') }}</option>
                        </select>
                    </div>
                    <div class="mb-3">
                        <label class="form-label fw-bold small">CC2</label>
                        <select id="email_cc2" name="cc2" class="form-select form-select-sm">
                            <option value="">{{ __('quotes.select_option') }}</option>
                        </select>
                    </div>
                    <div class="mb-3">
                        <label class="form-label fw-bold small">CCO</label>
                        <input type="email" name="cco" class="form-control form-control-sm"
                               id="email_cco" placeholder="{{ __('quotes.bcc_placeholder') }}">
                    </div>
                    <input type="hidden" name="contact_name" id="email_contact_name">
                </form>
                <div id="email-sending" class="d-none text-center py-3">
                    <div class="spinner-border text-primary me-2"></div>{{ __('quotes.sending') }}
                </div>
                <div id="email-success" class="d-none alert alert-success py-2">
                    <i class="fas fa-check-circle me-1"></i>{{ __('quotes.quote_sent_success') }}
                </div>
                <div id="email-error" class="d-none alert alert-danger py-2"></div>
            </div>
            <div class="modal-footer py-2">
                <button type="button" class="btn btn-secondary btn-sm" data-bs-dismiss="modal">{{ __('quotes.close') }}</button>
                <button type="button" class="btn btn-primary btn-sm" id="btnSendEmail">
                    <i class="fas fa-paper-plane me-1"></i>{{ __('quotes.send') }}
                </button>
            </div>
        </div>
    </div>
</div>

@endsection

@section('scripts')
<script>
var currentQuoteId = null;

window.openSendEmailModal = function(el) {
    var quoteId  = el.dataset.quoteId;
    var contacts = JSON.parse(el.dataset.contacts || '[]');
    currentQuoteId = quoteId;

    document.getElementById('email-success').classList.add('d-none');
    document.getElementById('email-error').classList.add('d-none');
    document.getElementById('email-sending').classList.add('d-none');
    document.getElementById('formSendEmail').classList.remove('d-none');
    document.getElementById('btnSendEmail').disabled = false;
    document.getElementById('btnSendEmail').classList.remove('d-none');

    var opts = '<option value="">{{ __('quotes.select_option') }}</option>';
    contacts.forEach(function(c) {
        if (c.email) opts += '<option value="' + c.email + '" data-name="' + c.name + '">' + c.email + ' (' + c.name + ')</option>';
    });
    ['email_to','email_cc','email_cc2'].forEach(function(id) {
        document.getElementById(id).innerHTML = opts;
    });

    new bootstrap.Modal(document.getElementById('sendEmailModal')).show();
};

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

    document.getElementById('period').addEventListener('change', function () {
        document.querySelectorAll('.custom-interval').forEach(el => {
            el.classList.toggle('d-none', this.value !== 'custom interval');
        });
    });

    // Scroll y resaltar la fila recién creada/editada
    var highlightId = {{ request('highlight', 0) }};
    if (highlightId) {
        var row = document.getElementById('quote-row-' + highlightId);
        if (row) {
            row.scrollIntoView({ behavior: 'smooth', block: 'center' });
            setTimeout(function() {
                row.style.transition = 'background-color 1s';
                row.style.backgroundColor = '#fff3cd';
                setTimeout(function() {
                    row.style.backgroundColor = '';
                }, 2000);
            }, 300);
        }
    }

    // Modal No se puede eliminar
    var modalCannotDelete = document.getElementById('modalCannotDelete');
    if (modalCannotDelete) {
        modalCannotDelete.addEventListener('show.bs.modal', function(event) {
            var btn = event.relatedTarget;
            document.getElementById('modal-cannot-fol').textContent = 'COT-' + btn.getAttribute('data-quote-fol');
            document.getElementById('modal-cannot-so').textContent  = btn.getAttribute('data-so-number');
        });
    }

    // Modal Convert to Sales Order
    var modalConvEl = document.getElementById('modalConvertSO');
    if (modalConvEl) {
        modalConvEl.addEventListener('show.bs.modal', function(event) {
            var btn   = event.relatedTarget;
            var qid   = btn.getAttribute('data-quote-id');
            var qfol  = btn.getAttribute('data-quote-fol');
            document.getElementById('modal-conv-fol').textContent = 'COT-' + qfol;
            document.getElementById('btnConfirmConvert').onclick = function() {
                document.getElementById('conv-' + qid).submit();
            };
        });
    }

    document.getElementById('btnSendEmail').addEventListener('click', function() {
        var to = document.getElementById('email_to').value;
        if (!to) { alert('{{ __('quotes.select_recipient') }}'); return; }

        var toSel = document.getElementById('email_to');
        var contactName = toSel.options[toSel.selectedIndex]?.dataset.name || '';
        document.getElementById('email_contact_name').value = contactName;

        document.getElementById('formSendEmail').classList.add('d-none');
        document.getElementById('email-sending').classList.remove('d-none');
        document.getElementById('btnSendEmail').disabled = true;

        var formData = new FormData(document.getElementById('formSendEmail'));

        fetch('/sales/quotes/' + currentQuoteId + '/send-email', {
            method: 'POST',
            body: formData,
            headers: { 'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content }
        })
        .then(r => r.json())
        .then(data => {
            document.getElementById('email-sending').classList.add('d-none');
            document.getElementById('formSendEmail').classList.remove('d-none');
            document.getElementById('btnSendEmail').disabled = false;
            if (data.success) {
                bootstrap.Modal.getInstance(document.getElementById('sendEmailModal')).hide();
                showNotification(data.message || '{{ __('quotes.quote_sent_success') }}', 'success');
            } else {
                showNotification(data.message || '{{ __('quotes.email_send_error') }}', 'error');
            }
        })
        .catch(e => {
            document.getElementById('email-sending').classList.add('d-none');
            document.getElementById('formSendEmail').classList.remove('d-none');
            document.getElementById('btnSendEmail').disabled = false;
            showNotification('{{ __('quotes.connection_error') }}', 'error');
        });
    });

});
</script>
@endsection