@extends('layouts.app')
@section('title','Comercial — Exportaciones')
@section('page-title','Exportaciones')

@section('content')
@if(session('success'))<div class="alert alert-success alert-dismissible"><button type="button" class="close" data-dismiss="alert"><span>&times;</span></button>{{ session('success') }}</div>@endif

<div class="card">
    <div class="card-header d-flex justify-content-between align-items-center">
        <h3 class="card-title"><i class="fas fa-ship mr-1"></i>Exportaciones</h3>
        <a href="{{ route('comercial.exportaciones.create') }}" class="btn btn-info btn-sm"><i class="fas fa-plus mr-1"></i>Nueva Exportación</a>
    </div>
    <div class="card-body">
        <form method="GET" class="row mb-3">
            <div class="col-md-5"><input type="text" name="search" class="form-control form-control-sm" placeholder="N° exportación, B/L, cliente..." value="{{ request('search') }}"></div>
            <div class="col-md-3">
                <select name="estado" class="form-control form-control-sm">
                    <option value="">— Estado —</option>
                    @foreach(\App\Models\Exportacion::$ESTADOS as $k=>$v)
                    <option value="{{ $k }}" {{ request('estado')===$k?'selected':'' }}>{{ $v }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-2"><button type="submit" class="btn btn-sm btn-primary btn-block">Filtrar</button></div>
            <div class="col-md-2"><a href="{{ route('comercial.exportaciones.index') }}" class="btn btn-sm btn-secondary btn-block">Limpiar</a></div>
        </form>
        <div class="table-responsive">
            <table class="table table-sm table-hover">
                <thead class="thead-light">
                    <tr><th>N°</th><th>Cliente</th><th>Destino</th><th>Incoterm</th><th>B/L</th><th>Zarpe</th><th>ETA</th><th>Estado</th><th class="text-center">Ver</th></tr>
                </thead>
                <tbody>
                @forelse($exportaciones as $exp)
                <tr>
                    <td><a href="{{ route('comercial.exportaciones.show',$exp) }}"><strong>{{ $exp->numero }}</strong></a></td>
                    <td>{{ $exp->cliente?->nombre_display }}</td>
                    <td>{{ $exp->pais_destino ?? $exp->puerto_destino ?? '—' }}</td>
                    <td><span class="badge badge-secondary">{{ $exp->incoterm }}</span></td>
                    <td><code>{{ $exp->numero_bl ?? '—' }}</code></td>
                    <td>{{ $exp->fecha_zarpe?->format('d/m/Y') ?? '—' }}</td>
                    <td>{{ $exp->fecha_llegada_estimada?->format('d/m/Y') ?? '—' }}</td>
                    <td><span class="badge badge-{{ \App\Models\Exportacion::$BADGE[$exp->estado] ?? 'secondary' }}">{{ \App\Models\Exportacion::$ESTADOS[$exp->estado] }}</span></td>
                    <td class="text-center">
                        <a href="{{ route('comercial.exportaciones.show',$exp) }}" class="btn btn-xs btn-outline-primary"><i class="fas fa-eye"></i></a>
                        <a href="{{ route('comercial.exportaciones.packing-list',$exp) }}" target="_blank" class="btn btn-xs btn-danger" title="Ver PDF"><i class="fas fa-file-pdf"></i></a>
                    </td>
                </tr>
                @empty
                <tr><td colspan="9" class="text-center text-muted py-4">Sin exportaciones registradas.</td></tr>
                @endforelse
                </tbody>
            </table>
        </div>
        {{ $exportaciones->links() }}
    </div>
</div>
@endsection