@extends('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">Orden de Compra {{ $orden->folio }}</h4>
                    <div>
                        @if($orden->estatus === 'borrador')
                            @can('ordenes-editar')
                                <a href="{{ route('orden_compra.edit', $orden->id) }}" class="btn btn-sm btn-warning">Editar</a>
                                <form action="{{ route('ordenCompra.enviar', $orden->id) }}" method="POST" class="d-inline">
                                    @csrf
                                    @method('PUT')
                                    <button type="submit" class="btn btn-sm btn-primary">Enviar</button>
                                </form>
                            @endcan
                        @endif
                        @if(in_array($orden->estatus, ['enviada', 'recibida_parcial']))
                            @can('ordenes-editar')
                                <a href="{{ route('ordenCompra.recibir', $orden->id) }}" class="btn btn-sm btn-success">Recibir Mercancía</a>
                            @endcan
                        @endif
                        <a href="{{ route('ordenCompra.pdf', $orden->id) }}" class="btn btn-sm btn-secondary">PDF</a>
                    </div>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table table-sm table-striped">
                            <thead>
                                <tr>
                                    <th>Producto</th>
                                    <th class="text-end">Cantidad</th>
                                    <th class="text-end">Recibida</th>
                                    <th class="text-end">P. Unitario</th>
                                    <th class="text-end">Total</th>
                                    <th>Descripción</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($orden->detalles as $detalle)
                                    <tr>
                                        <td>{{ $detalle->producto->alias ?? '-' }}</td>
                                        <td class="text-end">{{ number_format($detalle->cantidad, 2) }}</td>
                                        <td class="text-end">
                                            <span class="{{ $detalle->cantidad_recibida >= $detalle->cantidad ? 'text-success' : 'text-warning' }}">
                                                {{ number_format($detalle->cantidad_recibida, 2) }}
                                            </span>
                                        </td>
                                        <td class="text-end">${{ number_format($detalle->precio_unitario, 2) }}</td>
                                        <td class="text-end">${{ number_format($detalle->precio_total, 2) }}</td>
                                        <td>{{ $detalle->descripcion ?? '-' }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                            <tfoot>
                                <tr>
                                    <td colspan="4" class="text-end"><strong>Subtotal:</strong></td>
                                    <td class="text-end">${{ number_format($orden->subtotal, 2) }}</td>
                                    <td></td>
                                </tr>
                                <tr>
                                    <td colspan="4" class="text-end"><strong>IVA (16%):</strong></td>
                                    <td class="text-end">${{ number_format($orden->iva, 2) }}</td>
                                    <td></td>
                                </tr>
                                <tr>
                                    <td colspan="4" class="text-end"><strong>Total:</strong></td>
                                    <td class="text-end"><strong>${{ number_format($orden->total, 2) }}</strong></td>
                                    <td></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">Información de la Orden</h5>
                </div>
                <div class="card-body">
                    <p class="mb-1"><strong>Folio:</strong> {{ $orden->folio }}</p>
                    <p class="mb-1"><strong>Estatus:</strong> {!! $orden->estatus_badge !!}</p>
                    <p class="mb-1"><strong>Proveedor:</strong> {{ $orden->proveedor->alias }}</p>
                    <p class="mb-1"><strong>Fecha Orden:</strong> {{ \Carbon\Carbon::parse($orden->fecha_orden)->format('d/m/Y') }}</p>
                    @if($orden->fecha_entrega_estimada)
                        <p class="mb-1"><strong>Entrega Estimada:</strong> {{ \Carbon\Carbon::parse($orden->fecha_entrega_estimada)->format('d/m/Y') }}</p>
                    @endif
                    <p class="mb-1"><strong>Creado por:</strong> {{ $orden->user->name ?? '-' }}</p>
                    <p class="mb-1"><strong>Creado:</strong> {{ $orden->created_at->format('d/m/Y H:i') }}</p>
                    @if($orden->comentario)
                        <hr>
                        <p class="mb-1"><strong>Notas:</strong></p>
                        <p>{{ $orden->comentario }}</p>
                    @endif
                </div>
            </div>

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