@extends('layouts.app')
@section('title', 'Órdenes de Compra')
@section('page-title', 'Órdenes de Compra — Logística')
@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('logistica.dashboard') }}">Logística</a></li>
    <li class="breadcrumb-item active">Órdenes de Compra</li>
@endsection
@section('content')

<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>Órdenes de Compra</h3>
        @hasanyrole('super-admin|jefe-logistica')
        <a href="{{ route('logistica.ordenes-compra.create') }}" class="btn btn-light btn-sm">
            <i class="fas fa-plus mr-1"></i>Nueva OC
        </a>
        @endhasanyrole
    </div>
    <div class="card-body">
        <form method="GET" class="row mb-3">
            <div class="col-md-5">
                <input type="text" name="search" value="{{ request('search') }}"
                    class="form-control form-control-sm"
                    placeholder="Buscar por N° OC o proveedor...">
            </div>
            <div class="col-md-3">
                <select name="estado" class="form-control form-control-sm">
                    <option value="">Todos los estados</option>
                    <option value="borrador"      {{ request('estado') === 'borrador'      ? 'selected' : '' }}>Borrador</option>
                    <option value="pend_jefe"     {{ request('estado') === 'pend_jefe'     ? 'selected' : '' }}>Pend. Jefe</option>
                    <option value="pend_adm"      {{ request('estado') === 'pend_adm'      ? 'selected' : '' }}>Pend. Administración</option>
                    <option value="pend_gerencia" {{ request('estado') === 'pend_gerencia' ? 'selected' : '' }}>Pend. Gerencia</option>
                    <option value="aprobado"      {{ request('estado') === 'aprobado'      ? 'selected' : '' }}>Aprobado</option>
                    <option value="rechazado"     {{ request('estado') === 'rechazado'     ? 'selected' : '' }}>Rechazado</option>
                </select>
            </div>
            <div class="col-md-2">
                <button type="submit" class="btn btn-primary btn-sm w-100">
                    <i class="fas fa-search mr-1"></i>Filtrar
                </button>
            </div>
            <div class="col-md-2">
                <a href="{{ route('logistica.ordenes-compra.index') }}" class="btn btn-secondary btn-sm w-100">
                    <i class="fas fa-undo mr-1"></i>Limpiar
                </a>
            </div>
        </form>

        <div class="table-responsive">
            <table class="table table-sm table-hover">
                <thead class="thead-light">
                    <tr>
                        <th>N° OC</th>
                        <th>Proveedor</th>
                        <th>Solicitante</th>
                        <th>Fecha Pedido</th>
                        <th>F. Entrega Esp.</th>
                        <th class="text-right">Total (S/.)</th>
                        <th>Estado</th>
                        <th>Acciones</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($ordenes as $oc)
                        @php
                            $badgeColor = match($oc->estado) {
                                'borrador'                  => 'secondary',
                                'pend_jefe', 'pend_adm',
                                'pend_gerencia'             => 'warning',
                                'aprobado'                  => 'success',
                                'rechazado'                 => 'danger',
                                default                     => 'secondary',
                            };
                            $estadoLabel = match($oc->estado) {
                                'borrador'      => 'Borrador',
                                'pend_jefe'     => 'Pend. Jefe',
                                'pend_adm'      => 'Pend. Adm.',
                                'pend_gerencia' => 'Pend. Gerencia',
                                'aprobado'      => 'Aprobado',
                                'rechazado'     => 'Rechazado',
                                default         => $oc->estado,
                            };
                        @endphp
                        <tr>
                            <td><strong>{{ $oc->numero }}</strong></td>
                            <td>{{ $oc->proveedor->razon_social }}</td>
                            <td>{{ $oc->solicitante->name ?? '—' }}</td>
                            <td>{{ \Carbon\Carbon::parse($oc->fecha_pedido)->format('d/m/Y') }}</td>
                            <td>
                                {{ $oc->fecha_entrega_esperada
                                    ? \Carbon\Carbon::parse($oc->fecha_entrega_esperada)->format('d/m/Y')
                                    : '—' }}
                            </td>
                            <td class="text-right"><strong>{{ number_format($oc->total, 2) }}</strong></td>
                            <td>
                                <span class="badge badge-{{ $badgeColor }}">{{ $estadoLabel }}</span>
                            </td>
                            <td>
                                <a href="{{ route('logistica.ordenes-compra.show', $oc) }}" class="btn btn-xs btn-info" title="Ver detalle">
                                    <i class="fas fa-eye"></i>
                                </a>
                                <a href="{{ route('logistica.ordenes-compra.pdf', $oc) }}" target="_blank" class="btn btn-xs btn-danger" title="Ver PDF">
                                    <i class="fas fa-file-pdf"></i>
                                </a>
                                @if($oc->estado === 'borrador')
                                    @hasanyrole('super-admin|jefe-logistica')
                                    <a href="{{ route('logistica.ordenes-compra.edit', $oc) }}" class="btn btn-xs btn-warning" title="Editar">
                                        <i class="fas fa-edit"></i>
                                    </a>
                                    <form method="POST" action="{{ route('logistica.ordenes-compra.destroy', $oc) }}"
                                        style="display:inline"
                                        onsubmit="return confirm('¿Eliminar la OC {{ $oc->numero }}?')">
                                        @csrf @method('DELETE')
                                        <button type="submit" class="btn btn-xs btn-danger" title="Eliminar">
                                            <i class="fas fa-trash"></i>
                                        </button>
                                    </form>
                                    @endhasanyrole
                                @endif
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="8" class="text-center text-muted py-4">
                                <i class="fas fa-inbox fa-2x mb-2 d-block"></i>No se encontraron órdenes de compra.
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        <div class="mt-2">{{ $ordenes->links() }}</div>
    </div>
</div>

@endsection