@extends('base')
@section('title', 'Carta Porte')

@section('extracss')
    <style>
        label.group-label {
            text-transform: uppercase;
        }

        .form-group {
            margin: 0 !important;
        }

        .form__container {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 10px;
        }

        .money::before {
            content: "$ ";
            float: left;
        }

        .money {
            text-align: right;
        }

    </style>
@endsection
@section('content')
    <h2 class="text-center">Formulario para carta porte
        @if (!$carta_porte->isClosed)
            <form class="float-right" method="POST" action="{{ route('bl.cartaPorteCerrar') }}">
                @csrf
                <input type="hidden" name="carta_porte_id" value="{{ $carta_porte->id }}">
                <button type="submit" class="btn btn-primary">Crear Carta Porte</button>
            </form>
        @else
            <a href="{{ route('bl.cartaPorte', ['id' => $carta_porte->id]) }}" class="btn btn-success float-right"
                target="_blank" rel="noopener noreferrer">Reporte de Carta Porte</a>
        @endif
    </h2>
    @include('sessions')
    <form action="{{ route('bl.generateCartaPortePost') }}" method="POST" class="form form__container">
        @csrf
        <input type="hidden" name="carta_porte_id" value="{{ $carta_porte->id }}">
        <div class="form-group" style="grid-row: span 3;">
            <label for="embarcador" class="group-label">Embarcador/remitente</label>
            <textarea class="form-control" rows="8" name="embarcador">{{ $carta_porte->embarcador }}</textarea>
        </div>

        <div class="form-group">
            <label for="nombre_trans" class="group-label">Nombre del transportista</label>
            <input class="form-control" name="nombre_trans" value="{{ $carta_porte->nombre_trans }}">
        </div>

        <div class="form-group">
            <label for="codigo_trans" class="group-label">codigo del transportista</label>
            <input class="form-control" name="codigo_trans" value="{{ $carta_porte->codigo_trans }}">
        </div>

        <div class="form-group">
            <label for="lugar_proc" class="group-label">lugar de procedencia</label>
            <input class="form-control" name="lugar_proc" value="{{ $carta_porte->lugar_proc }}">
        </div>

        <div class="form-group">
            <label for="pais_proc" class="group-label">pais de procedencia</label>
            <input class="form-control" name="pais_proc" value="{{ $carta_porte->pais_proc }}">
        </div>

        <div class="form-group">
            <label for="consignatario" class="group-label">consignatario/destinatario</label>
            <input class="form-control" name="consignatario" value="{{ $carta_porte->consignatario }}">
        </div>

        <div class="form-group" style="grid-row: span 3;">
            <label for="instrucciones_esp" class="group-label">INSTRUCCIONES ESPECIALES PARA MANEJO DEL EMBARQUE</label>
            <textarea class="form-control" name="instrucciones_esp"
                rows="10">{{ $carta_porte->instrucciones_esp }}</textarea>
        </div>

        <div class="form-group">
            <label for="notificacion_llegada_a" class="group-label">DIRIGIR NOTIFICACIÓN DE LLEGADA A</label>
            <input class="form-control" name="notificacion_llegada_a"
                value="{{ $carta_porte->notificacion_llegada_a }}">
        </div>
        <div class="form-group">
            <label for="lugar_carga" class="group-label">LUGAR DE CARGA</label>
            <input class="form-control" name="lugar_carga" value="{{ $carta_porte->lugar_carga }}">
        </div>

        <div class="form-group" style="grid-row: span 2;">
            <label for="lugar_descarga_merca" class="group-label">LUGAR DE DESCARGA DE LA MERCADERIA</label>
            <textarea class="form-control" name="lugar_descarga_merca" rows="7"></textarea>
        </div>

        <div class="form-group">
            <label for="aduana_salida" class="group-label">ADUANA DE SALIDA</label>
            <input class="form-control" name="aduana_salida" value="{{ $carta_porte->aduana_salida }}">
        </div>

        <div class="form-group">
            <label for="aduana_llegada" class="group-label">ADUANA DE LLEGADA</label>
            <input class="form-control" name="aduana_llegada" value="{{ $carta_porte->aduana_llegada }}">
        </div>

        <div class="form-group">
            <label for="docs_conductor" class="group-label">No.DE DOCUMENTOS DEL CONDUCTOR LICENCIA Y/O PASAPORTE</label>
            <input class="form-control" name="docs_conductor" value="{{ $carta_porte->docs_conductor }}">
        </div>

        <div class="form-group">
            <label for="nombre_conductor" class="group-label">NOMBRE DEL CONDUCTOR</label>
            <input class="form-control" name="nombre_conductor" value="{{ $carta_porte->nombre_conductor }}">
        </div>

        <div class="form-group">
            <label for="licencia_conductor" class="group-label">LICENCIA DEL CONDUCTOR</label>
            <input class="form-control" name="licencia_conductor" value="{{ $carta_porte->licencia_conductor }}">
        </div>

        <div class="form-group">
            <label for="placa_conductor" class="group-label">PLACA DE VEHICULO</label>
            <input class="form-control" name="placa_conductor" value="{{ $carta_porte->placa_conductor }}">
        </div>

        <div class="form-group">
            <label for="placa_remolque" class="group-label">PLACA DE REMOLQUE</label>
            <input class="form-control" name="placa_remolque" value="{{ $carta_porte->placa_remolque }}">
        </div>
        @if (!$carta_porte->isClosed)
            <div class="d-flex align-items-center" style="vertical-align: baseline;">
                <button type="submit" class="btn btn-success">Guardar</button>
            </div>
        @endif
    </form>
    <div class="card my-2">
        <div class="card-body">
            <form action="{{ route('bl.guardarCartaPorteContenido') }}" method="POST" class="form">
                @csrf
                <input type="hidden" name="carta_porte_id" value="{{ $carta_porte->id }}">
                <table class="table my-2">
                    <thead>
                        <th>Cantidad de Bultos</th>
                        <th>Descripcion Mercaderia</th>
                        <th>Peso Bruto</th>
                        <th>Valor de Flete</th>
                        <th>Valor Total</th>
                    </thead>
                    <tbody>
                        @if (!$carta_porte->isClosed)
                            <tr>
                                <td><input class="form-control" type="number" step="1" name="cantidad_bultos"></td>
                                <td><input class="form-control" type="text" name="descripcion_merca"></td>
                                <td><input class="form-control" type="number" step="0.01" name="peso_bruto"></td>
                                <td><input class="form-control" type="number" step="0.01" name="valor_flete"></td>
                                <td><input class="form-control" type="number" step="0.01" name="valor_total"></td>
                                <td><button type="submit" class="btn btn-primary">Agregar</button></td>
                            </tr>
                        @endif

                        @foreach ($carta_porte->contenido as $cont)
                            <tr>
                                <td>{{ $cont->cantidad_bultos }}</td>
                                <td>{{ $cont->descripcion_merca }}</td>
                                <td>{{ $cont->peso_bruto }}</td>
                                <td class="money">{{ $cont->valor_flete }}</td>
                                <td class="money">{{ $cont->valor_total }}</td>
                                <td></td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </form>

        </div>
    </div>
@endsection