@extends('client.layouts.app')

@section('content')
    <div class="row">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h4 class="card-title mb-0">Factura {{ $factura->folio }}</h4>
                    <div>
                        <a href="{{ route('client.invoices.pdf', $factura->id) }}" class="btn btn-danger btn-sm">Descargar PDF</a>
                        <a href="{{ route('client.invoices.xml', $factura->id) }}" class="btn btn-success btn-sm">Descargar XML</a>
                    </div>
                </div>
                <div class="card-body">
                    <div class="row mb-4">
                        <div class="col-md-6">
                            <h6>Datos de la Factura</h6>
                            <p class="mb-1"><strong>Folio:</strong> {{ $factura->folio }}</p>
                            <p class="mb-1"><strong>UUID:</strong> <small>{{ $factura->uuid }}</small></p>
                            <p class="mb-1"><strong>Metodo de Pago:</strong> {{ $factura->metodo_pago }}</p>
                            <p class="mb-1"><strong>Forma de Pago:</strong> {{ $factura->forma_pago }}</p>
                            <p class="mb-1"><strong>Fecha:</strong> {{ $factura->created_at->format('d/m/Y H:i') }}</p>
                        </div>
                        <div class="col-md-6">
                            <h6>Emisor</h6>
                            @if($factura->perfil)
                                <p class="mb-1"><strong>Razon Social:</strong> {{ $factura->perfil->razon_social ?? 'N/A' }}</p>
                                <p class="mb-1"><strong>RFC:</strong> {{ $factura->perfil->rfc ?? 'N/A' }}</p>
                            @endif
                        </div>
                    </div>

                    <hr>

                    <h6>Productos</h6>
                    <div class="table-responsive">
                        <table class="table table-sm">
                            <thead>
                                <tr>
                                    <th>Producto</th>
                                    <th>Cantidad</th>
                                    <th>Precio</th>
                                    <th>Importe</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($factura->productos as $producto)
                                    <tr>
                                        <td>{{ $producto->descripcion }}</td>
                                        <td>{{ $producto->cantidad }}</td>
                                        <td>${{ number_format($producto->precio, 2) }}</td>
                                        <td>${{ number_format($producto->cantidad * $producto->precio, 2) }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                            <tfoot>
                                <tr>
                                    <td colspan="3" class="text-end"><strong>Subtotal:</strong></td>
                                    <td>${{ number_format($factura->subtotal, 2) }}</td>
                                </tr>
                                <tr>
                                    <td colspan="3" class="text-end"><strong>IVA:</strong></td>
                                    <td>${{ number_format($factura->iva, 2) }}</td>
                                </tr>
                                <tr>
                                    <td colspan="3" class="text-end"><strong>Total:</strong></td>
                                    <td><strong>${{ number_format($factura->total, 2) }}</strong></td>
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title mb-0">Estado de Pago</h5>
                </div>
                <div class="card-body">
                    <div class="mb-3">
                        <label class="text-muted">Total</label>
                        <h4>${{ number_format($factura->total, 2) }}</h4>
                    </div>
                    <div class="mb-3">
                        <label class="text-muted">Pagado</label>
                        <h4 class="text-success">${{ number_format($factura->saldo_pagado, 2) }}</h4>
                    </div>
                    <div class="mb-3">
                        <label class="text-muted">Pendiente</label>
                        @if($factura->saldo_pendiente > 0)
                            <h4 class="text-danger">${{ number_format($factura->saldo_pendiente, 2) }}</h4>
                        @else
                            <h4><span class="badge bg-success">Pagado Completamente</span></h4>
                        @endif
                    </div>

                    @if($factura->cotizacion)
                        <hr>
                        <p class="mb-1">
                            <strong>Cotizacion relacionada:</strong>
                            <a href="{{ route('client.quotes.show', $factura->cotizacion->id) }}">
                                #{{ $factura->cotizacion->id }}
                            </a>
                        </p>
                    @endif
                </div>
            </div>

            <a href="{{ route('client.invoices.index') }}" class="btn btn-secondary w-100 mt-3">Volver al listado</a>
        </div>
    </div>
@endsection