@extends('../layouts/partials/header')

@section('content')

<style>
    table {
        width: 100%;
        border-collapse: collapse;
    }
    .img-custom-size {
        width: 444px;
        height: 300px;
        border: 3px solid black;
        border-radius: 15px;
        box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    }
    .table td { text-align: left; }
</style>
{{-- <form class="row mb-3"> --}}
    <div class="container mt-3">
        <br>
        <div class="card text-center shadow">
            <div class="col-md-2">
                <label>Naviera</label>
                <select name="naviera" class="form-control">
                    <option value="TODAS">TODAS</option>
                    <option value="HLC">HAPAG LLOYD</option>
                    <option value="SENATOR">SENATOR</option>
                </select>
            </div>
            <br>
            <div class="row">
                <div class="col-md-2">
                    <label>Fecha Salida</label>
                    <input type="date" name="fecha" class="form-control" value="{{ request('fecha') }}">
                </div>

                <div class="col-md-2 d-flex align-items-end">
                    <button class="btn btn-primary w-100">Buscar</button>
                </div>
            </div>
            <br>
        </div>
    </div>
{{-- </form> --}}
<table class="table table-bordered table-striped">
    <thead>
        <tr>
            <th>ID</th>
            <th>Contenedor</th>
            <th>Naviera</th>
            <th>Fecha Salida</th>
            <th>Archivo</th>
            <th>Descargar</th>
        </tr>
    </thead>
    <tbody>
        @foreach ($data as $item)
            <tr>
                <td>{{ $item->id }}</td>
                <td>{{ $item->e_contenedor }}</td>
                <td>{{ $item->e_naviera }}</td>
                <td>{{ $item->s_fecha }}</td>
                <td>{{ $item->s_edi }}</td>
                <td>
                    <a href="{{ route('edi.descargar', $item->id) }}" class="btn btn-sm btn-dark">
                        📄
                    </a>
                </td>
            </tr>
        @endforeach
    </tbody>
</table>

@endsection

@extends('../layouts/partials/footer')