@extends('base')
@section('titulo')
detalle file
@endsection

@section('content')
<nav aria-label="breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="/File">Listado de files</a></li>
        <li class="breadcrumb-item active" aria-current="page">Detalle file</li>
    </ol>
</nav>

<div class="row">
    <div class="text-right col-md-1">
        File
    </div>
    <div class="text-left col-md-3">
       {{$file->file_code}}
    </div>
    <div class="text-right col-md-2">
        Fecha de creación
    </div>
    <div class="text-left col-md-2">
        {{date('d/m/Y',strtotime($file->created_at))}}
    </div>
    <div class="text-right col-md-1">
       Vendedor
    </div>
    <div class="text-left col-md-3">
        <input readonly type="text" id="vendedor" name="vendedor" class="form-control" value="{{$file->completa->inicial->creada_por}}">
    </div>
</div>

<fieldset class="border p-2">
    <legend class="w-auto">
        Informacion del cliente
    </legend>

    <div class="form-group mx-auto row" >
        <label for="" class="control-label col-md-5 text-right">Nombre del cliente</label>
        <input readonly type="text" name="nombreCliente" id="nombreCliente" value="{{$file->completa->inicial->cliente->nombre_cliente}}"
         class="col-md-3 text-left form-control{{ $errors->has('nombreCliente') ? ' is-invalid' : '' }}">
    </div>
    <div class="form-group mx-auto row" >
        <label for="" class="control-label col-md-5 text-right">Dirección</label>
        <input readonly  type="text" name="direccion" id="direccion" value="{{$file->completa->inicial->cliente->direccion}}"
         class="col-md-3 text-left form-control{{ $errors->has('direccion') ? ' is-invalid' : '' }}">
    </div>
    <div class="form-group mx-auto row" >
        <label for="" class="control-label col-md-5 text-right">Correo</label>
        <input readonly  type="text" name="correo" id="correo" class="col-md-3 text-left form-control{{ $errors->has('correo') ? ' is-invalid' : '' }}"
        value="{{$file->completa->inicial->cliente->email_contacto}}">
    </div>
    <div class="form-group mx-auto row" >
        <label for="" class="control-label col-md-5 text-right">Registro</label>
        <input readonly type="text" name="registro" id="registro" class="col-md-3 text-left form-control{{ $errors->has('registro') ? ' is-invalid' : '' }}"
        value="{{$file->completa->inicial->cliente->nrc}}">
    </div>
    <div class="form-group mx-auto row" >
        <label for="" class="control-label col-md-5 text-right">Contacto operaciones</label>
        <input readonly type="text" name="contactoOperaciones" id="contactoOperaciones" class="col-md-3 text-left
        form-control{{ $errors->has('contactoOperaciones') ? ' is-invalid' : '' }}" value="{{$file->completa->inicial->cliente->contacto}}">
    </div>
    <div class="form-group mx-auto row" >
        <label for="" class="control-label col-md-5 text-right">NIT</label>
        <input  type="text" name="nit" id="nit" readonly value="{{$file->completa->inicial->cliente->nit}}"
        class="col-md-3 text-left form-control{{ $errors->has('nit') ? ' is-invalid' : '' }}">
    </div>
    <div class="form-group mx-auto row" >
        <label for="" class="control-label col-md-5 text-right">Telefono</label>
        <input readonly  type="text" name="telefono" id="telefono" class="col-md-3 text-left form-control{{ $errors->has('telefono') ? ' is-invalid' : '' }}"
        value="{{$file->completa->inicial->cliente->celular}}">
    </div>
</fieldset>
<br>
<fieldset class="border p-2">
    <legend class="w-auto">
        Información del servicio
    </legend>

    <form action="{{route('fileDetail.store')}}" method="POST">
        @csrf
        <div class="form-group mx-auto row" >
            <label for="" class="control-label col-md-5 text-right">BL</label>
            <input  type="text" name="bl" id="bl" class="col-md-3 text-left form-control{{ $errors->has('bl') ? ' is-invalid' : '' }}">
        </div>
        <div class="form-group mx-auto row" >
            @if($servicio->medio == 1)
            <label for="" class="control-label col-md-5 text-right">BL MASTER</label>
            @elseif($servicio->medio == 2)
            <label for="" class="control-label col-md-5 text-right">GUIA MASTER</label>
            @elseif($servicio->medio == 3)
            <label for="" class="control-label col-md-5 text-right">CARTA DE PORTE</label>
            @endif


            <input  type="text" name="blMaster" id="blMaster" class="col-md-3 text-left form-control{{ $errors->has('blMaster') ? ' is-invalid' : '' }}">
        </div>

        <div class="form-group mx-auto row" >
            <label for="" class="control-label col-md-5 text-right">CONSIGNEE</label>
        @if(!($servicio->tipo == "FTL" || $servicio->tipo == "LTL"))
            <select name="consignee" id="consignee" class="col-md-3 text-left form-control">
                @if ($servicio->tipo == "FCL")
                <option value="MSC">MSC</option>
                <option value="COSCO – NAVIOMAR">COSCO – NAVIOMAR</option>
                <option value="ONE">ONE</option>
                <option value="SEALAND">SEALAND</option>
                <option value="MSK">MSK</option>
                <option value="HSUD">HSUD</option>
                <option value="CMA">CMA</option>
                <option value="OCL">OCL</option>
                <option value="EVERGREEN">EVERGREEN</option>
                <option value="HAPAG LLOYD">HAPAG LLOYD</option>

                @elseif ($servicio->tipo == "LCL")
                <option value="ECULINE">ECU LINE</option>
                <option value="PIER 17">PIER 17</option>
                <option value="TLA">TLA</option>
                <option value="SERCOGUA">SERCOGUA</option>
                <option value="CARGO INTERNACIONAL">CARGO INTERNACIONAL</option>
                <option value="OCEANICA">OCEANICA</option>
                <option value="PCS">PCS</option>

                @elseif ($servicio->tipo == "AER")
                <option value="AVIANCA">AVIANCA</option>
                <option value="COPA">COPA</option>
                <option value="DHL">DHL</option>
                <option value="AEROMEXICO">AEROMEXICO</option>
                <option value="DELTA">DELTA</option>
                <option value="AMERIJET">AMERIJET</option>
                <option value="IBERIA">IBERIA</option>
                @endif

            </select>
        @else
        <input type="text" name="consignee" id="consignee" class="form-control">
        @endif
        </div>

        <div class="form-group mx-auto row" >
            <label for="" class="control-label col-md-5 text-right">TIPO</label>
            <input type="text" name="tipo" id="tipo" class="col-md-3 text-left form-control"
            readonly value="{{$file->completa->inicial->servicio->tipo}}">
        </div>
        <div class="form-group mx-auto row" >
            <label for="" class="control-label col-md-5 text-right">INCOTERM</label>
            <select name="incoterm" id="incoterm" class="col-md-3 text-left form-control">
                <option value="1">Ex-Works (EXW)</option>
                <option value="2">Free Carrier (FCA)</option>
                <option value="3">Carriage Paid To (CPT))</option>
                <option value="4">Carriage and Insurance Paid To (CIP)</option>
                <option value="5">Delivered At Place (DAP</option>
                <option value="6">Delivered at Place Unloaded (DPU)</option>
                <option value="7">Delivered Duty Paid (DDP)</option>
                <option value="8">Free Alongside Ship (FAS)</option>
                <option value="9">Free On Board (FOB)</option>
                <option value="10">Cost and Freight (CFR)</option>
                <option value="11">Cost, Insurance, and Freight (CIF)</option>
                <option value="12">  Delivered duty Unpaid (DDU)</option>
            </select>
        </div>
        <input type="hidden" name="id" value="{{$detalle->id}}">
        <div class="form-group mx-auto row" >
            <button type="submit" class="btn btn-primary">
                <i class='ki-outline ki-check-circle fs-2'></i>
                Guardar
            </button>
        </div>

    </form>
    <div class="form-group mx-auto row" >
        <label for="" class="control-label col-md-5 text-right">CONTENEDORES</label>
        <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#addcontenedor">
            Agregar contenedor
        </button>
    </div>
    <div class="row d-flex justify-content-center">
        <table class="table table-bordered table-hover col-md-6">
            <thead class="thead-dark">
                <tr>
                    <th scope="col">Código</th>
                    <th scope="col">Tipo</th>
                    <th scope="col">Eliminar</th>
                </tr>

                @foreach ($containers as $container)
                    <tr>
                        <td>{{$container->cont_code}}</td>
                        <td>{{$container->cont_type}}</td>
                        <td>Proximamente</td>
                    </tr>

                @endforeach

            </thead>
        </table>
    </div>

</fieldset>
<br>
<fieldset class="border p-2">
    <legend class="w-auto">
        Otra información
    </legend>

    <form action="{{route('fileDetail.storeInfo')}}" method="POST">
        @csrf
        <div class="form-group mx-auto row" >
            <label for="" class="control-label col-md-5 text-right">Comentario</label>
            <textarea name="comentario" id="comentario" cols="28" rows="3"></textarea>
        </div>
        <div class="form-group mx-auto row" >
            <label for="" class="control-label col-md-5 text-right">Notify party</label>
            <input  type="text" name="notifyParty" id="notifyParty" class="col-md-3 text-left form-control{{ $errors->has('notifyParty') ? ' is-invalid' : '' }}">
        </div>
        <div class="form-group mx-auto row" >
            <label for="" class="control-label col-md-5 text-right">Forwarder Agent</label>
            <input  type="text" name="forwarderAgent" id="forwarderAgent" class="col-md-3 text-left form-control{{ $errors->has('forwarderAgent') ? ' is-invalid' : '' }}">
        </div>
        <div class="form-group mx-auto row" >
            <label for="" class="control-label col-md-5 text-right">Export reference</label>
            <input  type="text" name="exportReference" id="exportReference" class="col-md-3 text-left form-control{{ $errors->has('exportReference') ? ' is-invalid' : '' }}">
        </div>
        <div class="form-group mx-auto row" >
            <label for="" class="control-label col-md-5 text-right">Commodity</label>
            <input  type="text" name="commodity" id="commodity" class="col-md-3 text-left form-control{{ $errors->has('commodity') ? ' is-invalid' : '' }}">
        </div>
        <div class="form-group mx-auto row" >
            <label for="" class="control-label col-md-5 text-right">Say to contain (STC)</label>
            <input  type="text" name="stc" id="stc" class="col-md-3 text-left form-control{{ $errors->has('stc') ? ' is-invalid' : '' }}">
        </div>
        <div class="form-group mx-auto row" >
            <label for="" class="control-label col-md-5 text-right">Frontera de ingreso</label>
            <input  type="text" name="fronteraIngreso" id="fronteraIngreso" class="col-md-3 text-left form-control{{ $errors->has('fronteraIngreso') ? ' is-invalid' : '' }}">
        </div>
        <div class="form-group mx-auto row" >
            <label for="" class="control-label col-md-5 text-right">Agencia</label>
            <input  type="text" name="agencia" id="agencia" class="col-md-3 text-left form-control{{ $errors->has('agencia') ? ' is-invalid' : '' }}">
        </div>
        <div class="form-group mx-auto row" >
            <label for="" class="control-label col-md-5 text-right">Please of Receipt</label>
            <input  type="text" name="pof" id="pof" class="col-md-3 text-left form-control{{ $errors->has('pof') ? ' is-invalid' : '' }}">
        </div>
        <div class="form-group mx-auto row" >
            <label for="" class="control-label col-md-5 text-right">Port of Loading</label>
            <input  type="text" name="pol" id="pol" class="col-md-3 text-left form-control{{ $errors->has('pol') ? ' is-invalid' : '' }}">
        </div>
        <div class="form-group mx-auto row" >
            <label for="" class="control-label col-md-5 text-right">Port of Discharge</label>
            <input  type="text" name="poDischange" id="poDischange" class="col-md-3 text-left form-control{{ $errors->has('poDischange') ? ' is-invalid' : '' }}">
        </div>
        <div class="form-group mx-auto row" >
            <label for="" class="control-label col-md-5 text-right">Place of Delivery</label>
            <input  type="text" name="poDelivery" id="poDelivery" class="col-md-3 text-left form-control{{ $errors->has('poDelivery') ? ' is-invalid' : '' }}">
        </div>
        <div class="form-group mx-auto row" >
            <label for="" class="control-label col-md-5 text-right">Shipper</label>
            <input  type="text" name="shipper" id="shipper" class="col-md-3 text-left form-control{{ $errors->has('shipper') ? ' is-invalid' : '' }}">
        </div>
        <div class="form-group mx-auto row" >
            <label for="" class="control-label col-md-5 text-right">Voyage</label>
            <input  type="text" name="voyage" id="voyage" class="col-md-3 text-left form-control{{ $errors->has('voyage') ? ' is-invalid' : '' }}">
        </div>
        <div class="form-group mx-auto row" >
            <label for="" class="control-label col-md-5 text-right">Seguro</label>
            <div id="group1">
                <label for="">Si </label>
                <input type="radio" value="1" name="group1">
                <label for="">No </label>
                <input type="radio" value="0" name="group1">
            </div>
        </div>
        <div class="form-group mx-auto row" >
            <label for="" class="control-label col-md-5 text-right">OPERATIVO</label>
            <select name="operativo" id="operativo" class="col-md-3 text-left form-control">
                <option value="1">Operativo 1</option>
            </select>
        </div>
        <input type="hidden" name="id" value="{{$detalle->id}}">
        <div class="form-group mx-auto row" >
            <button type="submit" class="btn btn-primary">
                <i class='ki-outline ki-check-circle fs-2'></i>
                Guardar
            </button>
        </div>
    </form>
</fieldset>

<div class="modal fade bd-example-modal-lg" id="addcontenedor" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header bg-light">
                <h5 class="modal-title" id="exampleModalLongTitle">
                    <i class="ki-outline ki-plus fs-2"></i>
                    Agregar Contenedor
                </h5>
                <button type="button" class="btn btn-icon btn-sm btn-active-light-danger ms-2" data-bs-dismiss="modal" aria-label="Close">
                    <i class="ki-outline ki-cross fs-1"></i>
                </button>
            </div>
            <div class="modal-body">
                <form action="{{route('fileDetail.container')}}" method="POST" name="miForm">
                    @csrf
                        <div class="row">
                            <div class="form-group col-sm-6" >
                                <label for="" class="control-label">Codigo: </label>
                                <input type="text" class="form-control" name="container_code" id="tipoContenedor">
                            </div>
                            <div class="form-group col-sm-6" >
                                <label for="" class="control-label">Contenedor: </label>
                                <select  class="form-control" type="text" name="type" id="servicioExtra" required>
                                    <option value="1">20"GP</option>
                                    <option value="2">40"STD</option>
                                    <option value="3">40"HC</option>
                                    <option value="4">45"HQ</option>
                                    <option value="5">40"OT</option>
                                    <option value="6">40"FR</option>
                                    <option value="7">40"RFF</option>
                                    <option value="8">40"NOR</option>
                                    <option value="9">1.5 TON</option>
                                    <option value="10">3 TON</option>
                                    <option value="11">5 TON</option>
                                    <option value="12">8 TON</option>
                                    <option value="13">12 TON</option>
                                    <option value="14">48"  FRG</option>
                                    <option value="15">53" FRG</option>

                                </select>
                            </div>

                        </div>



                    <div class="modal-footer d-flex justify-content-center">
                        <input type="hidden" name="user" value="{{auth()->user()->name}}">
                        <input type="hidden" name="id_file" value="{{$file->id}}">

                        <button type="submit" class="btn btn-primary">
                            <i class='ki-outline ki-check-circle fs-2'></i>
                            Guardar
                        </button>
                        <a href="" class="btn btn-primary" data-dismiss="modal">
                            <i class='ki-outline ki-cross-circle fs-2'></i>
                            Cancelar
                        </a>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

@endsection


@section('extrajs')

<script>
    $( window ).on( "load", function() {


        var pathname = window.location.pathname;
                //alert(pathname);

    var lastChar=pathname.charAt(pathname.length-1);

    get(lastChar);




});

function get (id){
    var view_url = '{{ route("fileDetail.onLoad", ":id") }}';
        view_url = view_url.replace(':id', id);
        console.log(view_url);
        $.ajax({
            url: view_url,
            type:"GET",
            data: {"id":id},
            success: function(result){
                console.log(result);
                    $("#bl").val(result.bl);
                    $("#blMaster").val(result.bl_master);
                    $("#consignee").val(result.consignee);
                    $("#incoterm").val(result.intercom_id);
                    $("#comentario").val(result.comentario);
                    $("#notifyParty").val(result.notify_party);
                    $("#forwarderAgent").val(result.forw_agent);
                    $("#exportReference").val(result.export_refe);
                    $("#commodity").val(result.commodity);
                    $("#stc").val(result.stc);
                    $("#fronteraIngreso").val(result.ingreso);
                    $("#agencia").val(result.agencia);
                    $("#pof").val(result.receipt);
                    $("#pol").val(result.loading);
                    $("#poDischange").val(result.discharge);
                    $("#poDelivery").val(result.delivery);
                    $("#shipper").val(result.shipper);
                    $("#voyage").val(result.voyage);


            }
        });

}

function getInfo(id){

}
</script>



@endsection