@extends('layouts.app')

@section('content')
	<div class="container">
		<div class="row">
			<div class="col-4">
				<h3>Contenedor</h3>
				<div class="card">
					<div class="card-header"><span class="lead">{{ serialContenedor($contenedor->first()->numero) }}</span></div>
					<div class="card-body">
						<span class="lead">Tamaño: <b>{{ $contenedor->first()->tipo->tamano }}</b> Tipo: <b>{{ $contenedor->first()->tipo->tipo }}</b> ISO: <b>{{ $contenedor->first()->iso_id }}</b></span>
					</div>
				</div>
			</div>
			<div class="col">
				<h3>Tracks</h3>
				<div class="card">
					<div class="card-header">Movimientos</div>
					<div class="card-body">
						<table class="table table-sm table-bordered">
							<caption>Movimientos</caption>
							<thead>
								<tr>
									<th>#</th>
									<th>Linea</th>
									<th>Buque</th>
									<th>Viaje</th>
									<th>EIR</th>
									<th>Estatus</th>
									<th>Condición</th>
									<th>Patio</th>
									<th>Fecha</th>
								</tr>
							</thead>
							<tbody>
								@foreach ($tracks as $element)
									<tr>
										<td>{{ $element->id }}</td>
										<td>{{ $element->linea }}</td>
										<td>{{ $element->buque }}</td>
										<td>{{ $element->viaje }}</td>
										<td>{{ $element->eir_id }}</td>
										<td>{{ $element->estatus }}</td>
										<td>{{ $element->condicion }}</td>
										<td>{{ $element->patio }}</td>
										<td>{{ $element->fecha }}</td>
									</tr>
								@endforeach
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
	</div>
@endsection