@extends('layouts.app')

@section('title', 'Detalles de Orden 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-shopping-cart mr-2"></i>
                        Detalles de Orden de Compra
                    </h3>
                    <div class="card-tools">
                        <a href="{{ route('admin.purchases.orders.index') }}" class="btn btn-secondary btn-sm">
                            <i class="fas fa-arrow-left mr-1"></i>
                            Volver al Listado
                        </a>
                        @if($purchaseOrder->canBeEdited())
                            <a href="{{ route('admin.purchases.orders.edit', $purchaseOrder) }}" class="btn btn-warning btn-sm">
                                <i class="fas fa-edit mr-1"></i>
                                Editar
                            </a>
                        @endif
                    </div>
                </div>
                <div class="card-body">
                    <!-- Información General -->
                    <div class="row mb-4">
                        <div class="col-md-6">
                            <div class="card">
                                <div class="card-header">
                                    <h5 class="mb-0"><i class="fas fa-info-circle mr-2"></i>Información de la Orden</h5>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-6">
                                            <strong>N° Orden:</strong><br>
                                            <span class="text-primary">{{ $purchaseOrder->order_number }}</span>
                                        </div>
                                        <div class="col-6">
                                            <strong>Estado:</strong><br>
                                            @php
                                                $statusClasses = [
                                                    'draft' => 'badge-secondary',
                                                    'sent' => 'badge-warning',
                                                    'confirmed' => 'badge-info',
                                                    'received' => 'badge-success',
                                                    'cancelled' => 'badge-danger'
                                                ];
                                                $statusLabels = [
                                                    'draft' => 'Borrador',
                                                    'sent' => 'Enviada',
                                                    'confirmed' => 'Confirmada',
                                                    'received' => 'Recibida',
                                                    'cancelled' => 'Cancelada'
                                                ];
                                            @endphp
                                            <span class="badge {{ $statusClasses[$purchaseOrder->status] ?? 'badge-secondary' }} badge-lg">
                                                {{ $statusLabels[$purchaseOrder->status] ?? ucfirst($purchaseOrder->status) }}
                                            </span>
                                        </div>
                                    </div>
                                    <hr>
                                    <div class="row">
                                        <div class="col-6">
                                            <strong>Fecha de Orden:</strong><br>
                                            <span>{{ $purchaseOrder->order_date ? $purchaseOrder->order_date->format('d/m/Y') : 'N/A' }}</span>
                                        </div>
                                        <div class="col-6">
                                            <strong>Fecha Esperada:</strong><br>
                                            <span>{{ $purchaseOrder->expected_delivery_date ? $purchaseOrder->expected_delivery_date->format('d/m/Y') : 'N/A' }}</span>
                                        </div>
                                    </div>
                                    <hr>
                                    <div class="row">
                                        <div class="col-6">
                                            <strong>Moneda:</strong><br>
                                            <span class="badge badge-info">{{ $purchaseOrder->currency }}</span>
                                            <small class="text-muted">(Tasa: {{ number_format($purchaseOrder->exchange_rate, 4) }})</small>
                                        </div>
                                        <div class="col-6">
                                            <strong>Total:</strong><br>
                                            <span class="text-success"><strong>{{ number_format($purchaseOrder->total_amount, 2) }} {{ $purchaseOrder->currency }}</strong></span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="card">
                                <div class="card-header">
                                    <h5 class="mb-0"><i class="fas fa-building mr-2"></i>Información del Proveedor</h5>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-12">
                                            <strong>Empresa:</strong><br>
                                            <span class="text-primary">{{ $purchaseOrder->supplier ? $purchaseOrder->supplier->business_name : 'N/A' }}</span>
                                        </div>
                                    </div>
                                    <hr>
                                    <div class="row">
                                        <div class="col-6">
                                            <strong>Contacto:</strong><br>
                                            <span>{{ $purchaseOrder->supplier ? $purchaseOrder->supplier->contact_person : 'N/A' }}</span>
                                        </div>
                                        <div class="col-6">
                                            <strong>Email:</strong><br>
                                            <span>{{ $purchaseOrder->supplier ? $purchaseOrder->supplier->email : 'N/A' }}</span>
                                        </div>
                                    </div>
                                    <hr>
                                    <div class="row">
                                        <div class="col-6">
                                            <strong>Teléfono:</strong><br>
                                            <span>{{ $purchaseOrder->supplier ? $purchaseOrder->supplier->phone : 'N/A' }}</span>
                                        </div>
                                        <div class="col-6">
                                            <strong>Dirección:</strong><br>
                                            <span>{{ $purchaseOrder->supplier ? $purchaseOrder->supplier->address : 'N/A' }}</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Productos -->
                    <div class="row mb-4">
                        <div class="col-12">
                            <div class="card">
                                <div class="card-header">
                                    <h5 class="mb-0"><i class="fas fa-boxes mr-2"></i>Productos de la Orden</h5>
                                </div>
                                <div class="card-body">
                                    <div class="table-responsive">
                                        <table class="table table-striped">
                                            <thead class="thead-dark">
                                                <tr>
                                                    <th>#</th>
                                                    <th>Producto</th>
                                                    <th>Cantidad</th>
                                                    <th>Precio Unitario</th>
                                                    <th>Total</th>
                                                    <th>Notas</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach($purchaseOrder->details as $index => $detail)
                                                    <tr>
                                                        <td>{{ $index + 1 }}</td>
                                                        <td>
                                                            <strong>{{ $detail->product->name }}</strong><br>
                                                            <small class="text-muted">{{ $detail->product->code }}</small>
                                                        </td>
                                                        <td class="text-center">{{ $detail->quantity_ordered }}</td>
                                                        <td class="text-right">{{ number_format($detail->unit_price, 2) }} {{ $purchaseOrder->currency }}</td>
                                                        <td class="text-right">{{ number_format($detail->total_price, 2) }} {{ $purchaseOrder->currency }}</td>
                                                        <td>{{ $detail->notes ?? 'N/A' }}</td>
                                                    </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Totales -->
                    <div class="row mb-4">
                        <div class="col-md-8"></div>
                        <div class="col-md-4">
                            <div class="card">
                                <div class="card-header">
                                    <h5 class="mb-0"><i class="fas fa-calculator mr-2"></i>Resumen Financiero</h5>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-6"><strong>Subtotal:</strong></div>
                                        <div class="col-6 text-right">{{ number_format($purchaseOrder->subtotal, 2) }} {{ $purchaseOrder->currency }}</div>
                                    </div>
                                    <div class="row">
                                        <div class="col-6"><strong>Impuestos:</strong></div>
                                        <div class="col-6 text-right">{{ number_format($purchaseOrder->tax_amount, 2) }} {{ $purchaseOrder->currency }}</div>
                                    </div>
                                    <hr>
                                    <div class="row">
                                        <div class="col-6"><strong>Total:</strong></div>
                                        <div class="col-6 text-right"><strong>{{ number_format($purchaseOrder->total_amount, 2) }} {{ $purchaseOrder->currency }}</strong></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Estado y Acciones -->
                    <div class="row mb-4">
                        <div class="col-md-6">
                            <div class="card">
                                <div class="card-header">
                                    <h5 class="mb-0"><i class="fas fa-info-circle mr-2"></i>Estado de la Orden</h5>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-6">
                                            <strong>Estado Actual:</strong><br>
                                            <span class="badge {{ $statusClasses[$purchaseOrder->status] ?? 'badge-secondary' }} badge-lg">
                                                {{ $statusLabels[$purchaseOrder->status] ?? ucfirst($purchaseOrder->status) }}
                                            </span>
                                        </div>
                                        <div class="col-6">
                                            <strong>Términos:</strong><br>
                                            <span>{{ $purchaseOrder->terms_conditions ?? 'N/A' }}</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="card">
                                <div class="card-header">
                                    <h5 class="mb-0"><i class="fas fa-cogs mr-2"></i>Acciones Disponibles</h5>
                                </div>
                                <div class="card-body">
                                    @if($purchaseOrder->canBeEdited())
                                        <a href="{{ route('admin.purchases.orders.edit', $purchaseOrder) }}" class="btn btn-warning btn-sm">
                                            <i class="fas fa-edit mr-1"></i>
                                            Editar Orden
                                        </a>
                                    @endif
                                    
                                    @if($purchaseOrder->status === 'confirmed')
                                        <a href="{{ route('admin.purchases.invoices.create', ['order_id' => $purchaseOrder->id]) }}" class="btn btn-success btn-sm">
                                            <i class="fas fa-file-invoice-dollar mr-1"></i>
                                            Crear Factura
                                        </a>
                                    @endif
                                    
                                    @if($purchaseOrder->canBeCancelled())
                                        <form action="{{ route('admin.purchases.orders.change-status', $purchaseOrder) }}" method="POST" style="display: inline;">
                                            @csrf
                                            <input type="hidden" name="status" value="cancelled">
                                            <button type="submit" class="btn btn-danger btn-sm" 
                                                    onclick="return confirm('¿Está seguro de cancelar esta orden?')">
                                                <i class="fas fa-times mr-1"></i>
                                                Cancelar Orden
                                            </button>
                                        </form>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Notas -->
                    @if($purchaseOrder->notes)
                    <div class="row mb-4">
                        <div class="col-12">
                            <div class="card">
                                <div class="card-header">
                                    <h5 class="mb-0"><i class="fas fa-sticky-note mr-2"></i>Notas</h5>
                                </div>
                                <div class="card-body">
                                    <p>{{ $purchaseOrder->notes }}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    @endif

                    <!-- Información del Sistema -->
                    <div class="row">
                        <div class="col-md-6">
                            <div class="card">
                                <div class="card-header">
                                    <h5 class="mb-0"><i class="fas fa-user mr-2"></i>Información del Usuario</h5>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-6">
                                            <strong>Creado por:</strong><br>
                                            <span>{{ $purchaseOrder->createdBy->name ?? 'N/A' }}</span>
                                        </div>
                                        <div class="col-6">
                                            <strong>Fecha de Creación:</strong><br>
                                            <span>{{ $purchaseOrder->created_at ? $purchaseOrder->created_at->format('d/m/Y H:i') : 'N/A' }}</span>
                                        </div>
                                    </div>
                                    @if($purchaseOrder->updatedBy)
                                    <hr>
                                    <div class="row">
                                        <div class="col-6">
                                            <strong>Actualizado por:</strong><br>
                                            <span>{{ $purchaseOrder->updatedBy->name }}</span>
                                        </div>
                                        <div class="col-6">
                                            <strong>Fecha de Actualización:</strong><br>
                                            <span>{{ $purchaseOrder->updated_at ? $purchaseOrder->updated_at->format('d/m/Y H:i') : 'N/A' }}</span>
                                        </div>
                                    </div>
                                    @endif
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="card">
                                <div class="card-header">
                                    <h5 class="mb-0"><i class="fas fa-history mr-2"></i>Historial</h5>
                                </div>
                                <div class="card-body">
                                    <p class="text-muted">
                                        <i class="fas fa-info-circle mr-1"></i>
                                        Para ver el historial completo de cambios, consulte el módulo de Kardex en Configuración.
                                    </p>
                                    <a href="{{ route('kardex.index') }}" class="btn btn-outline-info btn-sm">
                                        <i class="fas fa-history mr-1"></i>
                                        Ver Historial Completo
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection