@extends('layouts/app')
@section('tituloModulo', 'PUNTO DE VENTA PRODUCTOS')
@section('contenido')
<a href={{ route('punto.venta.ventas') }} class="btn btn-outline-primary mt-2"><i class="fa-solid fa-rotate-left"></i>Regresar</a>

<h5 class="card-title ">Lista de productos</h5>
<div class="card">
    <div class="card-body">
        <!-- Tabla de productos en el carrito -->
        <div class="mt-4">
            <table class="table table-bordered">
                <thead>
                    <tr>
                        <th>PRODUCTO</th>
                        <th>CATEGORÍA</th>
                        <th>SUBCATEGORÍA</th>
                        <th>PRECIO UNITARIO</th>
                        <th>CANTIDAD</th>
                        <th>TOTAL</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($productos as $item)
                        <tr>
                            <td>{{ $item->nombreProduct_pvpr }}</td>
                            <td>{{ $item->categoriaProduct_pvpr }}</td>
                            <td>{{ $item->subcategoriaProduct_pvpr }}</td>
                            <td>${{ number_format($item->costoProduct_pvpr, 2) }}</td>
                            <td>{{ $item->cantidad_pvpr }}</td>
                            <td>${{ number_format($item->total_pvpr, 2) }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
<h5 class="card-title ">Resumen del Carrito</h5>
<div class="row">
    <!-- Detalles del Cliente -->
    <div class="col-md-6 col-12">
        <div class="card mb-3">
            <div class="card-body">
                <h6 class="card-subtitle mb-2 text-muted  mt-2">Información del Cliente</h6>
                <p class="card-text">
                    <i class="fas fa-fingerprint me-2"></i></i><strong>ID Venta:</strong> {{ $venta->numero_pvve }}
                </p><p class="card-text">
                    <i class="fas fa-user me-2"></i><strong>Nombre:</strong> {{ $venta->nombre_pvve }}
                </p>
                <p class="card-text">
                    <i class="fas fa-envelope me-2"></i><strong>Correo:</strong> {{ $venta->email_pvve }}
                </p>
            </div>
        </div>
    </div>
    <!-- Detalles del Pago -->
    <div class="col-md-6 col-12">
        <div class="card mb-3">
            <div class="card-body">
                <h6 class="card-subtitle mb-2 text-muted mt-2">Detalles del Pago</h6>
                <ul class="list-group list-group-flush">
                    <li class="list-group-item d-flex justify-content-between align-items-center">
                        <span><i class="fas fa-receipt me-2"></i>Subtotal</span>
                        <span>${{ number_format($venta->subtotal_pvve, 2) }}</span>
                    </li>
                    <li class="list-group-item d-flex justify-content-between align-items-center">
                        <span><i class="fas fa-percent me-2"></i>IVA</span>
                        <span>${{ number_format($venta->iva_pvve, 2) }}</span>
                    </li>
                    <li class="list-group-item d-flex justify-content-between align-items-center">
                        <span><i class="fas fa-dollar-sign me-2"></i>Total</span>
                        <span class="fw-bold">${{ number_format($venta->total_pvve, 2) }}</span>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
@endsection