@extends('layouts.app')

@section('title', 'Facturas de Compra')

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h3 class="card-title mb-0">
                        <i class="fas fa-file-invoice-dollar mr-2"></i>
                        Facturas de Compra
                    </h3>
                    <div class="card-tools">
                        <a href="{{ route('admin.purchases.invoices.create') }}" class="btn btn-primary btn-sm text-white">
                            <i class="fas fa-plus mr-1"></i>
                            Nueva Factura
                        </a>
                    </div>
                </div>
                <div class="card-body">
                    <!-- Filtros -->
                    <div class="row mb-3">
                        <div class="col-md-3">
                            <div class="form-group">
                                <label for="status_filter">Estado:</label>
                                <select id="status_filter" class="form-control form-control-sm">
                                    <option value="">Todos los estados</option>
                                    <option value="draft">Borrador</option>
                                    <option value="pending">Pendiente</option>
                                    <option value="received">Recibida</option>
                                    <option value="processed">Procesada</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="form-group">
                                <label for="supplier_filter">Proveedor:</label>
                                <select id="supplier_filter" class="form-control form-control-sm">
                                    <option value="">Todos los proveedores</option>
                                    @foreach($suppliers as $supplier)
                                        <option value="{{ $supplier->id }}">{{ $supplier->business_name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="form-group">
                                <label for="date_from">Desde:</label>
                                <input type="date" id="date_from" class="form-control form-control-sm">
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="form-group">
                                <label for="date_to">Hasta:</label>
                                <input type="date" id="date_to" class="form-control form-control-sm">
                            </div>
                        </div>
                    </div>

                    <!-- Tabla de facturas -->
                    <div class="table-responsive">
                        <table class="table table-striped table-hover" id="invoices-table">
                            <thead class="thead-dark">
                                <tr>
                                    <th>N° Factura</th>
                                    <th>Proveedor</th>
                                    <th>Fecha</th>
                                    <th>Vencimiento</th>
                                    <th>Moneda</th>
                                    <th>Total</th>
                                    <th>Gastos</th>
                                    <th>Pagado</th>
                                    <th>Pendiente</th>
                                    <th>Estado</th>
                                    <th>Acciones</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($invoices as $invoice)
                                    <tr>
                                        <td>
                                            <strong>{{ $invoice->invoice_number }}</strong>
                                            @if($invoice->purchase_order)
                                                <br><small class="text-muted">OC: {{ $invoice->purchase_order->order_number }}</small>
                                            @endif
                                        </td>
                                        <td>
                                            <div>
                                                <strong>{{ $invoice->supplier ? $invoice->supplier->business_name : 'N/A' }}</strong>
                                                <br><small class="text-muted">{{ $invoice->supplier ? $invoice->supplier->contact_person : 'N/A' }}</small>
                                            </div>
                                        </td>
                                        <td>{{ $invoice->invoice_date ? $invoice->invoice_date->format('d/m/Y') : 'N/A' }}</td>
                                        <td>{{ $invoice->due_date ? $invoice->due_date->format('d/m/Y') : 'N/A' }}</td>
                                        <td>
                                            <span class="badge badge-info text-white">{{ $invoice->currency }}</span>
                                            <br><small class="text-muted">Tasa: {{ number_format($invoice->exchange_rate, 4) }}</small>
                                        </td>
                                        <td>
                                            <strong>{{ number_format($invoice->total_amount, 2) }}</strong>
                                            <br><small class="text-muted">{{ $invoice->currency }}</small>
                                        </td>
                                        <td>
                                            @if($invoice->has_import_costs)
                                                <span class="badge badge-warning text-white">
                                                    <i class="fas fa-shipping-fast mr-1"></i>
                                                    {{ number_format($invoice->total_import_costs, 2) }}
                                                </span>
                                            @else
                                                <span class="text-muted">Sin gastos</span>
                                            @endif
                                        </td>
                                        <td>
                                            <span class="text-success">{{ number_format($invoice->amount_paid, 2) }}</span>
                                            <br><small class="text-muted">{{ $invoice->currency }}</small>
                                        </td>
                                        <td>
                                            <span class="text-danger">{{ number_format($invoice->amount_due, 2) }}</span>
                                            <br><small class="text-muted">{{ $invoice->currency }}</small>
                                        </td>
                                        <td>
                                            @php
                                                $statusClasses = [
                                                    'draft' => 'badge-secondary',
                                                    'pending' => 'badge-warning',
                                                    'received' => 'badge-info',
                                                    'processed' => 'badge-success',
                                                    'paid' => 'badge-success',
                                                    'partial' => 'badge-warning',
                                                    'overdue' => 'badge-danger'
                                                ];
                                                $statusLabels = [
                                                    'draft' => 'Borrador',
                                                    'pending' => 'Pendiente',
                                                    'received' => 'Recibida',
                                                    'processed' => 'Procesada',
                                                    'paid' => 'Pagada',
                                                    'partial' => 'Parcial',
                                                    'overdue' => 'Vencida'
                                                ];
                                                $statusIcons = [
                                                    'draft' => 'fa-file-alt',
                                                    'pending' => 'fa-clock',
                                                    'received' => 'fa-inbox',
                                                    'processed' => 'fa-check-circle',
                                                    'paid' => 'fa-check-double',
                                                    'partial' => 'fa-exclamation-circle',
                                                    'overdue' => 'fa-exclamation-triangle'
                                                ];
                                            @endphp
                                            <span class="badge {{ $statusClasses[$invoice->status] ?? 'badge-secondary' }} text-white px-2 py-1">
                                                <i class="fas {{ $statusIcons[$invoice->status] ?? 'fa-circle' }} mr-1"></i>
                                                {{ $statusLabels[$invoice->status] ?? ucfirst($invoice->status) }}
                                            </span>
                                        </td>
                                        <td>
                                            <div class="btn-group btn-group-sm" role="group">
                                                <a href="{{ route('admin.purchases.invoices.show', $invoice) }}" 
                                                   class="btn btn-info text-white" title="Ver detalles">
                                                    <i class="fas fa-eye"></i>
                                                </a>
                                                <a href="{{ route('admin.purchases.invoices.edit', $invoice) }}" 
                                                   class="btn btn-warning text-white" title="Editar">
                                                    <i class="fas fa-edit"></i>
                                                </a>
                                                @if($invoice->status === 'received')
                                                    <form action="{{ route('admin.purchases.invoices.process', $invoice) }}" 
                                                          method="POST" style="display: inline;">
                                                        @csrf
                                                        <button type="submit" class="btn btn-success text-white" 
                                                                title="Procesar factura" 
                                                                onclick="return confirm('¿Está seguro de procesar esta factura?')">
                                                            <i class="fas fa-check"></i>
                                                        </button>
                                                    </form>
                                                @endif
                                            </div>
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="10" class="text-center py-4">
                                            <div class="text-muted">
                                                <i class="fas fa-file-invoice-dollar fa-3x mb-3"></i>
                                                <p>No hay facturas de compra registradas</p>
                                                <a href="{{ route('admin.purchases.invoices.create') }}" class="btn btn-primary text-white">
                                                    <i class="fas fa-plus mr-1"></i>
                                                    Crear Primera Factura
                                                </a>
                                            </div>
                                        </td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>

                    <!-- Paginación -->
                    @if($invoices->hasPages())
                        <div class="d-flex justify-content-center">
                            {{ $invoices->links() }}
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>

@push('scripts')
<script>
$(document).ready(function() {
    // Filtros en tiempo real
    $('#status_filter, #supplier_filter, #date_from, #date_to').on('change', function() {
        filterTable();
    });

    function filterTable() {
        var status = $('#status_filter').val();
        var supplier = $('#supplier_filter').val();
        var dateFrom = $('#date_from').val();
        var dateTo = $('#date_to').val();

        $('#invoices-table tbody tr').each(function() {
            var row = $(this);
            var show = true;

            // Filtro por estado
            if (status && !row.find('.badge').text().toLowerCase().includes(status.toLowerCase())) {
                show = false;
            }

            // Filtro por proveedor
            if (supplier && !row.find('td:nth-child(2)').text().includes(supplier)) {
                show = false;
            }

            // Filtro por fecha
            if (dateFrom || dateTo) {
                var rowDate = row.find('td:nth-child(3)').text();
                // Implementar lógica de filtrado por fecha si es necesario
            }

            row.toggle(show);
        });
    }

    // Confirmación para procesar factura
    $('form[action*="process"]').on('submit', function(e) {
        if (!confirm('¿Está seguro de procesar esta factura? Esta acción actualizará los precios de los productos.')) {
            e.preventDefault();
        }
    });
});
</script>
@endpush
@endsection