@extends('admin.layouts.index-template', [
    'pageTitle' => 'Cotizaciones',
    'items' => $quotes,
    'icon' => 'chat-quote',
    'module' => 'Cotizaciones',
    'createRoute' => route('admin.quotes.create'),
    'indexRoute' => route('quotes.index'),
    'searchPlaceholder' => 'Buscar por cliente, email o ID...',
    'emptyIcon' => 'quote-left',
    'emptyTitle' => 'No hay cotizaciones',
    'emptyMessage' => 'Las cotizaciones aparecerán cuando los clientes las soliciten desde la tienda',
    'stats' => [
        'all' => [
            'label' => 'Total',
            'count' => $quotes->total(),
            'color' => 'primary',
            'icon' => 'chat-quote'
        ],
        'pending' => [
            'label' => 'Pendientes',
            'count' => \App\Models\Quote::where('status', 'pending')->count(),
            'color' => 'warning',
            'icon' => 'time'
        ],
        'quoted' => [
            'label' => 'Cotizadas',
            'count' => \App\Models\Quote::where('status', 'quoted')->count(),
            'color' => 'success',
            'icon' => 'checkbox-circle'
        ],
        'accepted' => [
            'label' => 'Aceptadas',
            'count' => \App\Models\Quote::where('status', 'accepted')->count(),
            'color' => 'success',
            'icon' => 'thumb-up'
        ],
        'rejected' => [
            'label' => 'Rechazadas',
            'count' => \App\Models\Quote::where('status', 'rejected')->count(),
            'color' => 'danger',
            'icon' => 'close-circle'
        ],
        'today' => [
            'label' => 'Hoy',
            'count' => \App\Models\Quote::whereDate('created_at', today())->count(),
            'color' => 'secondary',
            'icon' => 'calendar-event'
        ]
    ]
])

@push('css')
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
@endpush

@section('header-buttons')
    <!-- No hay creación manual de cotizaciones -->
@endsection

@section('action-buttons')
    <button type="button" class="btn btn-success btn-sm me-2" title="Exportar cotizaciones">
        <i class="ri-file-excel-line"></i> Exportar
    </button>
@endsection

@section('filters')
    <!-- Filtro por Estado -->
    <div class="col-md-3">
        <label class="form-label small">Estado</label>
        <select name="status" class="form-select form-select-sm">
            <option value="">Todos</option>
            <option value="pending" {{ request('status') === 'pending' ? 'selected' : '' }}>Pendiente</option>
            <option value="quoted" {{ request('status') === 'quoted' ? 'selected' : '' }}>Cotizada</option>
            <option value="accepted" {{ request('status') === 'accepted' ? 'selected' : '' }}>Aceptada</option>
            <option value="rejected" {{ request('status') === 'rejected' ? 'selected' : '' }}>Rechazada</option>
        </select>
    </div>
    
    <!-- Filtro por Fecha -->
    <div class="col-md-2">
        <label class="form-label small">Período</label>
        <select name="period" class="form-select form-select-sm">
            <option value="">Todas</option>
            <option value="today" {{ request('period') === 'today' ? 'selected' : '' }}>Hoy</option>
            <option value="week" {{ request('period') === 'week' ? 'selected' : '' }}>Esta Semana</option>
            <option value="month" {{ request('period') === 'month' ? 'selected' : '' }}>Este Mes</option>
        </select>
    </div>
@endsection

@section('table-headers')
    <tr>
        <th width="60">ID</th>
        <th>Cliente</th>
        <th>Productos</th>
        <th width="120">Total Estimado</th>
        <th width="120">Precio Cotizado</th>
        <th width="100">Estado</th>
        <th width="100">Fecha</th>
        <th width="150">Acciones</th>
    </tr>
@endsection

@section('table-body')
    @foreach($quotes as $quote)
    <tr>
        <td><strong>#{{ $quote->id }}</strong></td>
        <td>
            <div>
                @if($quote->user_name)
                    <strong>{{ $quote->user_name }}</strong>
                    <br><small class="text-muted">{{ $quote->user_email }}</small>
                @else
                    <strong>{{ $quote->first_name }} {{ $quote->last_name }}</strong>
                    <br><small class="text-muted">{{ $quote->email }}</small>
                @endif
            </div>
        </td>
        <td>
            <span class="badge badge-light">{{ $quote->quoteItems->count() }} productos</span>
            @if($quote->special_requirements)
                <br><small class="text-muted" title="{{ $quote->special_requirements }}">
                    <i class="ri-chat-1-line"></i> Req. especiales
                </small>
            @endif
        </td>
        <td>
            <strong>${{ number_format($quote->grand_total, 2) }}</strong>
        </td>
        <td>
            @if($quote->quoted_price)
                <strong class="text-success">${{ number_format($quote->quoted_price, 2) }}</strong>
                @if($quote->valid_until)
                    <br><small class="text-muted">Válida hasta: {{ \Carbon\Carbon::parse($quote->valid_until)->format('d/m/Y') }}</small>
                @endif
            @else
                <span class="text-muted">Sin cotizar</span>
            @endif
        </td>
        <td>
            @php
                $statusColors = [
                    'pending' => 'warning',
                    'quoted' => 'info',
                    'accepted' => 'success',
                    'rejected' => 'danger'
                ];
                $statusLabels = [
                    'pending' => 'Pendiente',
                    'quoted' => 'Cotizada',
                    'accepted' => 'Aceptada', 
                    'rejected' => 'Rechazada'
                ];
            @endphp
            <span class="badge badge-{{ $statusColors[$quote->status] ?? 'secondary' }}">
                {{ $statusLabels[$quote->status] ?? $quote->status }}
            </span>
        </td>
        <td>
            <small>{{ \Carbon\Carbon::parse($quote->created_at)->format('d/m/Y H:i') }}</small>
        </td>
        <td>
            <div class="d-flex gap-1">
                <a href="{{ route('quotes.detail', $quote->id) }}"
                   class="btn btn-sm btn-info" title="Ver Detalle">
                    <i class="ri-eye-line"></i>
                </a>

                <a href="{{ route('admin.quotes.edit', $quote->id) }}"
                   class="btn btn-sm btn-warning" title="Editar">
                    <i class="ri-pencil-line"></i>
                </a>

                @if($quote->status != 'accepted')
                <button onclick="quickStatusUpdate({{ $quote->id }}, '{{ $quote->status }}')"
                        class="btn btn-sm btn-info" title="Cambiar Estado">
                    <i class="ri-pencil-line"></i>
                </button>
                @endif

                <button onclick="printQuote({{ $quote->id }})"
                        class="btn btn-sm btn-secondary" title="Imprimir Cotización">
                    <i class="ri-printer-line"></i>
                </button>

                <button onclick="deleteQuote({{ $quote->id }})"
                        class="btn btn-sm btn-danger" title="Eliminar">
                    <i class="ri-delete-bin-line"></i>
                </button>
            </div>
        </td>
    </tr>
    @endforeach
@endsection

@push('js')
<script>
function quickStatusUpdate(id, currentStatus) {
    const statusOptions = {
        'pending': 'Pendiente',
        'quoted': 'Cotizada',
        'accepted': 'Aceptada',
        'rejected': 'Rechazada'
    };

    let selectOptions = '';
    for (const [value, label] of Object.entries(statusOptions)) {
        const selected = value === currentStatus ? 'selected' : '';
        selectOptions += `<option value="${value}" ${selected}>${label}</option>`;
    }

    Swal.fire({
        title: 'Cambiar Estado',
        html: `
            <select id="newStatus" class="form-select mb-3">
                ${selectOptions}
            </select>
            <textarea id="adminNotes" class="form-control" placeholder="Notas del administrador (opcional)" rows="3"></textarea>
        `,
        showCancelButton: true,
        confirmButtonText: 'Actualizar',
        cancelButtonText: 'Cancelar',
        preConfirm: () => {
            const newStatus = document.getElementById('newStatus').value;
            const adminNotes = document.getElementById('adminNotes').value;
            return { status: newStatus, admin_notes: adminNotes };
        }
    }).then((result) => {
        if (result.isConfirmed) {
            $.ajax({
                url: `/admin/quotes/update-status/${id}`,
                type: 'POST',
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                data: result.value,
                success: function(response) {
                    if (response.status) {
                        Swal.fire('¡Actualizado!', response.message, 'success').then(() => {
                            location.reload();
                        });
                    }
                },
                error: function() {
                    Swal.fire('Error', 'No se pudo actualizar el estado', 'error');
                }
            });
        }
    });
}

function printQuote(quoteId) {
    window.open(`{{ url('/admin/quotes') }}/${quoteId}/print`, '_blank');
}

function deleteQuote(id) {
    Swal.fire({
        title: '¿Estás seguro?',
        text: "Esta acción no se puede deshacer",
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#d33',
        cancelButtonColor: '#3085d6',
        confirmButtonText: 'Sí, eliminar',
        cancelButtonText: 'Cancelar'
    }).then((result) => {
        if (result.isConfirmed) {
            $.ajax({
                url: `/admin/quotes/${id}`,
                type: 'DELETE',
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                success: function(response) {
                    if (response.status) {
                        Swal.fire(
                            '¡Eliminado!',
                            response.message,
                            'success'
                        ).then(() => {
                            location.reload();
                        });
                    }
                }
            });
        }
    });
}
</script>
@endpush