@extends('layouts.pwa')

@section('title', 'Inventario')

@section('content')

<form method="GET" class="mb-3">
    <input type="text"
           name="buscar"
           value="{{ request('buscar') }}"
           class="form-control form-control-lg text-uppercase"
           placeholder="Buscar contenedor...">
</form>

@forelse($contenedores as $c)
    <a href="{{ route('pwa.contenedores.show', $c) }}" class="text-decoration-none text-dark">
        <div class="card border-0 shadow-sm rounded-4 mb-2">
            <div class="card-body">
                <div class="d-flex justify-content-between">
                    <strong>{{ $c->contenedor }}</strong>
                    <span class="badge bg-success">{{ $c->estado }}</span>
                </div>

                <small class="text-muted d-block">
                    {{ $c->naviera ?? 'Sin naviera' }}
                </small>

                <small class="text-muted">
                    Entrada: {{ $c->fecha_entrada }}
                </small>
            </div>
        </div>
    </a>
@empty
    <div class="alert alert-light text-center">
        No hay contenedores en inventario.
    </div>
@endforelse

<div class="mt-3">
    {{ $contenedores->links() }}
</div>

<a href="{{ route('pwa.dashboard') }}" class="btn btn-light btn-lg w-100 mt-3">
    Volver
</a>

@endsection