@extends('layouts.app')
@section('title', 'OC ' . $ordenCompra->numero)
@section('page-title', 'Orden de Compra: ' . $ordenCompra->numero)
@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('logistica.dashboard') }}">Logística</a></li>
    <li class="breadcrumb-item"><a href="{{ route('logistica.ordenes-compra.index') }}">Órdenes de Compra</a></li>
    <li class="breadcrumb-item active">{{ $ordenCompra->numero }}</li>
@endsection
@section('content')

@php
    $badgeColor = match($ordenCompra->estado) {
        'borrador'      => 'secondary',
        'pend_jefe'     => 'warning',
        'pend_adm'      => 'warning',
        'pend_gerencia' => 'warning',
        'aprobado'      => 'success',
        'rechazado'     => 'danger',
        default         => 'secondary',
    };
    $estadoLabel = match($ordenCompra->estado) {
        'borrador'      => 'Borrador',
        'pend_jefe'     => 'Pendiente Jefe Logística',
        'pend_adm'      => 'Pendiente Administración',
        'pend_gerencia' => 'Pendiente Gerencia',
        'aprobado'      => 'Aprobado',
        'rechazado'     => 'Rechazado',
        default         => $ordenCompra->estado,
    };
@endphp

<div class="row">
    <div class="col-md-8">
        <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 mr-2"></i>{{ $ordenCompra->numero }}
                    <span class="badge badge-{{ $badgeColor }} ml-2">{{ $estadoLabel }}</span>
                </h3>
                <div>
                    @if($ordenCompra->estado === 'borrador')
                        @hasanyrole('super-admin|jefe-logistica')
                        <a href="{{ route('logistica.ordenes-compra.edit', $ordenCompra) }}" class="btn btn-warning btn-sm">
                            <i class="fas fa-edit mr-1"></i>Editar
                        </a>
                        <form method="POST" action="{{ route('logistica.ordenes-compra.enviar', $ordenCompra) }}"
                            style="display:inline"
                            onsubmit="return confirm('¿Enviar esta OC para aprobación?')">
                            @csrf
                            <button type="submit" class="btn btn-info btn-sm">
                                <i class="fas fa-paper-plane mr-1"></i>Enviar para Aprobación
                            </button>
                        </form>
                        @endhasanyrole
                    @endif
                    @if($ordenCompra->estado === 'aprobado')
                        @hasanyrole('super-admin|jefe-logistica')
                        <a href="{{ route('logistica.ingresos.create', ['oc_id' => $ordenCompra->id]) }}"
                           class="btn btn-success btn-sm">
                            <i class="fas fa-truck-loading mr-1"></i>Recepción Total
                        </a>
                        <a href="{{ route('logistica.ordenes-compra.recibir-parcial', $ordenCompra) }}"
                           class="btn btn-warning btn-sm">
                            <i class="fas fa-box-open mr-1"></i>Recepción Parcial
                        </a>
                        @endhasanyrole
                    @endif
                    <a href="{{ route('logistica.ordenes-compra.pdf', $ordenCompra) }}"
                       target="_blank" class="btn btn-danger btn-sm ml-1">
                        <i class="fas fa-file-pdf mr-1"></i>Ver PDF
                    </a>
                    <a href="{{ route('logistica.ordenes-compra.index') }}" class="btn btn-secondary btn-sm ml-1">
                        <i class="fas fa-arrow-left mr-1"></i>Volver
                    </a>
                </div>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-6">
                        <table class="table table-sm table-borderless">
                            <tr>
                                <th class="text-muted" style="width:40%">Proveedor:</th>
                                <td>
                                    <a href="{{ route('logistica.proveedores.show', $ordenCompra->proveedor) }}">
                                        {{ $ordenCompra->proveedor->razon_social }}
                                    </a>
                                </td>
                            </tr>
                            <tr>
                                <th class="text-muted">RUC Proveedor:</th>
                                <td><code>{{ $ordenCompra->proveedor->ruc }}</code></td>
                            </tr>
                            <tr>
                                <th class="text-muted">Solicitante:</th>
                                <td>{{ $ordenCompra->solicitante->name ?? '—' }}</td>
                            </tr>
                        </table>
                    </div>
                    <div class="col-md-6">
                        <table class="table table-sm table-borderless">
                            <tr>
                                <th class="text-muted" style="width:45%">Fecha Pedido:</th>
                                <td>{{ \Carbon\Carbon::parse($ordenCompra->fecha_pedido)->format('d/m/Y') }}</td>
                            </tr>
                            <tr>
                                <th class="text-muted">F. Entrega Esp.:</th>
                                <td>{{ $ordenCompra->fecha_entrega_esperada ? \Carbon\Carbon::parse($ordenCompra->fecha_entrega_esperada)->format('d/m/Y') : '—' }}</td>
                            </tr>
                            <tr>
                                <th class="text-muted">Estado:</th>
                                <td><span class="badge badge-{{ $badgeColor }}">{{ $estadoLabel }}</span></td>
                            </tr>
                        </table>
                    </div>
                    @if($ordenCompra->observaciones)
                    <div class="col-md-12">
                        <hr>
                        <p class="text-muted mb-1"><strong>Observaciones:</strong></p>
                        <p>{{ $ordenCompra->observaciones }}</p>
                    </div>
                    @endif
                    @if($ordenCompra->motivo_rechazo)
                    <div class="col-md-12">
                        <div class="alert alert-danger">
                            <strong><i class="fas fa-ban mr-2"></i>Motivo de rechazo:</strong> {{ $ordenCompra->motivo_rechazo }}
                        </div>
                    </div>
                    @endif
                </div>
            </div>
        </div>

        <div class="card">
            <div class="card-header">
                <h3 class="card-title"><i class="fas fa-list mr-2"></i>Ítems de la Orden</h3>
            </div>
            <div class="card-body p-0">
                <div class="table-responsive">
                    <table class="table table-sm mb-0">
                        <thead class="thead-light">
                            <tr>
                                <th>#</th>
                                <th>Producto</th>
                                <th>U.M.</th>
                                <th class="text-right">Cantidad</th>
                                <th class="text-right">Precio Unit.</th>
                                <th class="text-right">Subtotal</th>
                                <th>Observación</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($ordenCompra->items as $idx => $item)
                                <tr>
                                    <td>{{ $idx + 1 }}</td>
                                    <td>
                                        <strong>{{ $item->producto->nombre }}</strong><br>
                                        <small class="text-muted"><code>{{ $item->producto->codigo }}</code></small>
                                    </td>
                                    <td>{{ optional($item->producto->unidadMedida)->abreviatura }}</td>
                                    <td class="text-right">{{ number_format($item->cantidad, 3) }}</td>
                                    <td class="text-right">S/. {{ number_format($item->precio_unitario, 4) }}</td>
                                    <td class="text-right"><strong>S/. {{ number_format($item->subtotal, 2) }}</strong></td>
                                    <td>{{ $item->observacion ?? '—' }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                        <tfoot class="table-light">
                            <tr>
                                <td colspan="5" class="text-right">Subtotal:</td>
                                <td class="text-right">S/. {{ number_format($ordenCompra->subtotal, 2) }}</td>
                                <td></td>
                            </tr>
                            <tr>
                                <td colspan="5" class="text-right">IGV (18%):</td>
                                <td class="text-right">S/. {{ number_format($ordenCompra->igv, 2) }}</td>
                                <td></td>
                            </tr>
                            <tr class="table-success">
                                <td colspan="5" class="text-right font-weight-bold">TOTAL:</td>
                                <td class="text-right font-weight-bold text-success">S/. {{ number_format($ordenCompra->total, 2) }}</td>
                                <td></td>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <div class="col-md-4">
        {{-- Flujo de Aprobación --}}
        <div class="card">
            <div class="card-header">
                <h3 class="card-title"><i class="fas fa-stream mr-2"></i>Flujo de Aprobación</h3>
            </div>
            <div class="card-body p-0">
                <ul class="list-group list-group-flush">
                    @php
                        $pasos = [
                            ['key' => 'borrador',      'label' => 'Elaboración',          'icon' => 'fas fa-pencil-alt'],
                            ['key' => 'pend_jefe',     'label' => 'Jefe de Logística',    'icon' => 'fas fa-user-tie',
                             'firma_nombre' => $ordenCompra->firma_jefe_nombre ?? null,
                             'firma_fecha'  => $ordenCompra->firma_jefe_fecha  ?? null],
                            ['key' => 'pend_adm',      'label' => 'Administración',       'icon' => 'fas fa-building',
                             'firma_nombre' => $ordenCompra->firma_adm_nombre  ?? null,
                             'firma_fecha'  => $ordenCompra->firma_adm_fecha   ?? null],
                            ['key' => 'pend_gerencia', 'label' => 'Gerencia General',     'icon' => 'fas fa-user-circle',
                             'firma_nombre' => $ordenCompra->firma_gerencia_nombre ?? null,
                             'firma_fecha'  => $ordenCompra->firma_gerencia_fecha  ?? null],
                            ['key' => 'aprobado',      'label' => 'Aprobado',             'icon' => 'fas fa-check-circle'],
                        ];
                        $estadoOrden = ['borrador'=>0,'pend_jefe'=>1,'pend_adm'=>2,'pend_gerencia'=>3,'aprobado'=>4,'rechazado'=>-1];
                        $nivelActual = $estadoOrden[$ordenCompra->estado] ?? 0;
                    @endphp
                    @foreach($pasos as $paso)
                        @php
                            $nivelPaso = $estadoOrden[$paso['key']] ?? 0;
                            $aprobado  = $nivelActual > $nivelPaso || ($ordenCompra->estado === 'aprobado' && $nivelPaso === 4);
                            $activo    = $ordenCompra->estado === $paso['key'];
                        @endphp
                        <li class="list-group-item py-2 px-3">
                            <div class="d-flex align-items-center">
                                <span class="mr-3" style="font-size:1.2rem; color: {{ $aprobado ? '#2E7D32' : ($activo ? '#FFA000' : '#aaa') }}">
                                    <i class="{{ $paso['icon'] }}"></i>
                                </span>
                                <div>
                                    <strong class="{{ $aprobado ? 'text-success' : ($activo ? 'text-warning' : 'text-muted') }}">
                                        {{ $paso['label'] }}
                                    </strong>
                                    @if($aprobado && isset($paso['firma_nombre']) && $paso['firma_nombre'])
                                        <br><small class="text-muted">
                                            <i class="fas fa-signature mr-1"></i>{{ $paso['firma_nombre'] }}
                                            @if(isset($paso['firma_fecha']) && $paso['firma_fecha'])
                                                — {{ \Carbon\Carbon::parse($paso['firma_fecha'])->format('d/m/Y H:i') }}
                                            @endif
                                        </small>
                                    @endif
                                    @if($activo)
                                        <br><small class="text-warning"><i class="fas fa-clock mr-1"></i>En este paso</small>
                                    @endif
                                </div>
                                @if($aprobado)
                                    <span class="ml-auto text-success"><i class="fas fa-check"></i></span>
                                @elseif($activo)
                                    <span class="ml-auto text-warning"><i class="fas fa-hourglass-half"></i></span>
                                @endif
                            </div>
                        </li>
                    @endforeach
                    @if($ordenCompra->estado === 'rechazado')
                        <li class="list-group-item py-2 px-3 list-group-item-danger">
                            <i class="fas fa-ban mr-2"></i><strong>Rechazado</strong>
                        </li>
                    @endif
                </ul>
            </div>
        </div>

        {{-- Acciones de Aprobación --}}
        @php
            $puedeAprobar = match($ordenCompra->estado) {
                'pend_jefe'     => auth()->user()->hasAnyRole(['super-admin','jefe-logistica']),
                'pend_adm'      => auth()->user()->hasAnyRole(['super-admin','adm-finanzas']),
                'pend_gerencia' => auth()->user()->hasAnyRole(['super-admin','gerente']),
                default         => false,
            };
        @endphp

        @if($puedeAprobar)
        <div class="card">
            <div class="card-header bg-success text-white">
                <h3 class="card-title mb-0"><i class="fas fa-check-circle mr-2"></i>Aprobar OC</h3>
            </div>
            <div class="card-body">
                <p class="text-muted small">Ingrese su contraseña para firmar electrónicamente esta aprobación.</p>
                <form method="POST" action="{{ route('logistica.ordenes-compra.aprobar', $ordenCompra) }}">
                    @csrf
                    <div class="form-group">
                        <label>Contraseña <span class="text-danger">*</span></label>
                        <input type="password" name="password" class="form-control form-control-sm" required
                            placeholder="Su contraseña de acceso...">
                    </div>
                    <button type="submit" class="btn btn-success btn-sm w-100"
                        onclick="return confirm('¿Confirma la aprobación de la OC {{ $ordenCompra->numero }}?')">
                        <i class="fas fa-signature mr-1"></i>Firmar y Aprobar
                    </button>
                </form>
            </div>
        </div>

        <div class="card">
            <div class="card-header bg-danger text-white">
                <h3 class="card-title mb-0"><i class="fas fa-times-circle mr-2"></i>Rechazar OC</h3>
            </div>
            <div class="card-body">
                <form method="POST" action="{{ route('logistica.ordenes-compra.rechazar', $ordenCompra) }}">
                    @csrf
                    <div class="form-group">
                        <label>Motivo de Rechazo <span class="text-danger">*</span></label>
                        <textarea name="motivo_rechazo" class="form-control form-control-sm" rows="3"
                            minlength="10" required
                            placeholder="Explique el motivo del rechazo..."></textarea>
                        @error('motivo_rechazo')
                            <small class="text-danger">{{ $message }}</small>
                        @enderror
                    </div>
                    <button type="submit" class="btn btn-danger btn-sm w-100"
                        onclick="return confirm('¿Confirma el rechazo de la OC?')">
                        <i class="fas fa-ban mr-1"></i>Rechazar OC
                    </button>
                </form>
            </div>
        </div>
        @endif
    </div>
</div>

@endsection