@extends('layouts.app')
@section('title', 'Despachos a Producción')
@section('page-title', 'Despachos de Materiales a Producción')
@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('costos.dashboard') }}">Costos</a></li>
    <li class="breadcrumb-item active">Despachos</li>
@endsection
@section('content')

<div class="d-flex justify-content-between mb-3">
    <form method="GET" class="d-inline-flex align-items-center">
        <select name="estado" class="form-control form-control-sm mr-2" style="width:130px">
            <option value="">Todos estados</option>
            <option value="pendiente"  {{ request('estado')=='pendiente'?'selected':'' }}>Pendiente</option>
            <option value="parcial"    {{ request('estado')=='parcial'?'selected':'' }}>Parcial</option>
            <option value="entregado"  {{ request('estado')=='entregado'?'selected':'' }}>Entregado</option>
        </select>
        <button class="btn btn-sm btn-secondary"><i class="fas fa-search mr-1"></i>Filtrar</button>
    </form>
    <a href="{{ route('costos.despachos.create') }}" class="btn btn-success btn-sm">
        <i class="fas fa-dolly mr-1"></i>Nuevo Despacho
    </a>
</div>

<div class="card">
    <div class="card-body p-0">
        <table class="table table-sm table-hover mb-0">
            <thead class="thead-light">
                <tr>
                    <th>N° Despacho</th>
                    <th>OP Vinculada</th>
                    <th>Fecha</th>
                    <th>Ítems</th>
                    <th class="text-right">Costo Total</th>
                    <th>Estado</th>
                    <th>Solicitó</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
            @forelse($despachos as $d)
            <tr>
                <td><a href="{{ route('costos.despachos.show', $d) }}" class="font-weight-bold">{{ $d->numero }}</a></td>
                <td>
                    @if($d->ordenProduccion)
                    <a href="{{ route('produccion.ordenes.show', $d->ordenProduccion) }}">{{ $d->ordenProduccion->numero }}</a>
                    @else
                    <span class="text-muted">—</span>
                    @endif
                </td>
                <td>{{ $d->fecha->format('d/m/Y') }}</td>
                <td class="text-center">{{ $d->items_count ?? $d->items->count() }}</td>
                <td class="text-right font-weight-bold">S/ {{ number_format($d->costo_total, 2) }}</td>
                <td>
                    <span class="badge badge-{{ $d->estado === 'entregado' ? 'success' : ($d->estado === 'parcial' ? 'warning' : 'secondary') }}">
                        {{ ucfirst($d->estado) }}
                    </span>
                </td>
                <td class="text-muted small">{{ $d->solicitante?->name }}</td>
                <td>
                    <a href="{{ route('costos.despachos.show', $d) }}" class="btn btn-outline-primary btn-xs">
                        <i class="fas fa-eye"></i>
                    </a>
                    <a href="{{ route('costos.pdf.despacho', $d) }}" target="_blank" class="btn btn-danger btn-xs" title="PDF">
                        <i class="fas fa-file-pdf"></i>
                    </a>
                </td>
            </tr>
            @empty
            <tr><td colspan="8" class="text-center text-muted py-4">No hay despachos registrados.</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
    @if($despachos->hasPages())
    <div class="card-footer">{{ $despachos->links() }}</div>
    @endif
</div>
@endsection