@extends('base')
@section('title')
BL
@endsection
@section('content')
<!-- Mensaje ocupado -->
@if(session('ocupado'))
<div class="alert alert-danger">
    <button type="button" class="close" data-dismiss="alert">×</button>
    {{ session('ocupado') }}
</div>
@endif

@if(session('advertencia'))
<div class="alert alert-danger">
    <button type="button" class="close" data-dismiss="alert">×</button>
    {{ session('advertencia') }}
</div>
@endif

@if(session('exito'))
<div class="alert alert-success">
   <button type="button" class="close" data-dismiss="alert">×</button>
   {{ session('exito') }}
</div>
@endif


@if ($errors->any())
    <div class="errors">
        <p class="alert alert-warning" role="alert">Por favor corrige los siguientes errores</p>
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif



<nav aria-label="breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{route('file.index')}}">Listado de files</a></li>
        <li class="breadcrumb-item active" aria-current="page">BL</li>
    </ol>
</nav>

<form action="{{route('bl.store')}}" method="post">
    @csrf
    <fieldset class="border p-2" >
        <legend class="w-auto">
            Client Shipper, Consignee and Notify.
        </legend>
        <div class="row">
            <div class="col-sm-12 pt-3 py-3 mt-4 my-4 font-weight-bold alert alert-warning">
                Debe agregar consigne shipper y notify, cambiando el tipo en la lista desplegable Type, los 3 deberan mostrarse en la tabla inferior.
            </div>
            <div class="form-group col-sm-6" >
                <label for="" class="control-label">Name: </label>
                <input  type="text" name="name" id=""
                    class="form-control{{ $errors->has('name') ? ' is-invalid' : '' }}" >
            </div>
            <div class="form-group col-sm-6" >
                <label for="" class="control-label">Adress line 1: </label>
                <input  type="text" name="address_line1" id=""
                    class="form-control{{ $errors->has('address_line1') ? ' is-invalid' : '' }}" >
            </div>
            <div class="form-group col-sm-6" >
                <label for="" class="control-label">Adress line 2: </label>
                <input  type="text" name="address_line2" id=""
                    class="form-control{{ $errors->has('address_line2') ? ' is-invalid' : '' }}" >
            </div>
            <div class="form-group col-sm-6" >
                <label for="" class="control-label">Adress line 3: </label>
                <input  type="text" name="address_line3" id=""
                    class="form-control{{ $errors->has('address_line3') ? ' is-invalid' : '' }}" >
            </div>
            <div class="form-group col-sm-6" >
                <label for="" class="control-label">Adress line 4: </label>
                <input  type="text" name="address_line4" id=""
                    class="form-control{{ $errors->has('address_line4') ? ' is-invalid' : '' }}" >
            </div>
            <div class="form-group col-sm-6" >
                <label for="" class="control-label">TAX Document: </label>
                <input  type="text" name="taxid" id=""
                    class="form-control{{ $errors->has('taxid') ? ' is-invalid' : '' }}" >
            </div>
            <div class="form-group col-sm-6" >
                <label for="" class="control-label">Type</label>
                <select name="type" id="" class=" text-left form-control">
                    <option >SHIPPER/EXPORTER</option>
                    <option >CONSIGNEE</option>
                    <option >NOTIFY</option>
                </select>
            </div>

            <div class="form-group col-sm-6" >
                <label for="" class="control-label">BL</label>
                <select name="bl_interfaz_id" id="" class=" text-left form-control">
                    @foreach ($subsBlInterfaces as $blInt)
                    <option value="{{$blInt->id}}">{{$blInt->sub_blcode}}</option>

                    @endforeach

                </select>
            </div>
        </div>

        <input type="hidden" name="transaction_info_id" value="{{$bl->id}}">
        <div class="justify-content-center align-items-center row">
            <button type="submit" class="btn btn-primary col-auto" name="csc" id="csc">
                <i class='ki-outline ki-check-circle fs-2'></i>
                Guardar
            </button>
        </div>
        <br>
        <table class="table table-bordered table-hover">
            <thead class="thead-dark">
                <tr>
                    <th>Name</th>
                    <th>Adress line1</th>
                    <th>Adress line2</th>
                    <th>Adress line3</th>
                    <th>Adress line4</th>
                    <th>TAX Document:</th>
                    <th>Type</th>
                    <th>BL</th>
                    <th>Eliminar</th>
                </tr>
            </thead>
            <tbody>
                 @foreach ($clients as $client)
                <tr>
                    <td>{{$client->name}}</td>
                    <td>{{$client->address_line1}}</td>
                    <td>{{$client->address_line2}}</td>
                    <td>{{$client->address_line3}}</td>
                    <td>{{$client->address_line4}}</td>
                    <td>{{$client->taxid}}</td>
                    <td>{{$client->type}}</td>
                    <td>{{$client->bl->sub_blcode}}</td>


                    <td>
                        <button type="button" title="Eliminar" data-toggle="modal" data-target="#deleteModal"
                        class="ki-outline ki-trash fs-2 text-danger" style="background-color:transparent; border: 0px solid;"
                        onclick="fun_delete('{{$client->id}}')"></button>

                        <button type="button" title="Editar" data-toggle="modal" data-target="#editClientModal"
                        class="ki-outline ki-pencil"
                        style="background-color:transparent; border: 0px solid;"
                        onclick="fun_client_edit('{{ $client->id }}')"></button>
                    </td>

                </tr>
               @endforeach

            </tbody>
        </table>
    </fieldset>
</form>

<form action="{{route('bl.storeInfo')}}" method="post">
    @csrf
    <fieldset class="border p-2">
        <legend class="w-autio">Transaction Information</legend>
        <div class="row">
            <div class="form-group col-sm-6" >
                <label for="" class="control-label">BOOKING NO: </label>
                <input  type="text" name="booking" id="booking"
                    class="form-control{{ $errors->has('booking') ? ' is-invalid' : '' }}" >
            </div>
            <div class="form-group col-sm-6" >
                <label for="" class="control-label">BILL OF LADING: </label>
                <input  type="text" name="bl_code" id="bl_code" readonly
                    class="form-control{{ $errors->has('bl_code') ? ' is-invalid' : '' }}" >
            </div>
            <div class="form-group col-sm-6" >
                <label for="" class="control-label">EXPORT REFERENCES: </label>
                <input  type="text" name="export_reference" id="export_reference"
                    class="form-control{{ $errors->has('export_reference') ? ' is-invalid' : '' }}" >
            </div>
            <div class="form-group col-sm-6" >
                <label for="" class="control-label">CUSTOMER REFERENCE: </label>
                <input  type="text" name="customer_reference" id="customer_reference"
                    class="form-control{{ $errors->has('customer_reference') ? ' is-invalid' : '' }}" >
            </div>
            <div class="form-group col-sm-6" >
                <label for="" class="control-label">FMC NO.: </label>
                <input  type="text" name="fmc" id="fmc"
                    class="form-control{{ $errors->has('fmc') ? ' is-invalid' : '' }}" >
            </div>
            <div class="form-group col-sm-6" >
                <label for="" class="control-label">ALSO NOTIFY - ROUTING & INSTRUCTIONS: </label>
                <input  type="text" name="notify_instruc" id="notify_instruc"
                    class="form-control{{ $errors->has('notify_instruc') ? ' is-invalid' : '' }}" >
            </div>
            {{-- ----------- --}}
            <div class="form-group col-sm-6" >
                <label for="" class="control-label">PRE-CARRIAGE BY: </label>
                <input  type="text" name="pre_carrier" id="pre_carrier"
                    class="form-control{{ $errors->has('pre_carrier') ? ' is-invalid' : '' }}" >
            </div>
            <div class="form-group col-sm-6" >
                <label for="" class="control-label">PLACE OF RECEIPT BY PRE-CARRIER: </label>
                <input  type="text" name="place_recep" id="place_recep"
                    class="form-control{{ $errors->has('place_recep') ? ' is-invalid' : '' }}" >
            </div>
            <div class="form-group col-sm-6" >
                <label for="" class="control-label">POINT (STATE) OF ORIGIN OR FTZ NUMBER: </label>
                <input  type="text" name="point_origin" id="point_origin"
                    class="form-control{{ $errors->has('point_origin') ? ' is-invalid' : '' }}" >
            </div>
            <div class="form-group col-sm-6" >
                <label for="" class="control-label">VESSEL/VOYAGE: </label>
                <input  type="text" name="voyague" id="voyague"
                    class="form-control{{ $errors->has('voyague') ? ' is-invalid' : '' }}" >
            </div>
            <div class="form-group col-sm-6" >
                <label for="" class="control-label">PORT OF LOADING: </label>
                <input  type="text" name="port_loading" id="port_loading"
                    class="form-control{{ $errors->has('port_loading') ? ' is-invalid' : '' }}" >
            </div>
            <div class="form-group col-sm-6" >
                <label for="" class="control-label">LOADING PIER / TERMINAL: </label>
                <input  type="text" name="loading_pier" id="loading_pier"
                    class="form-control{{ $errors->has('loading_pier') ? ' is-invalid' : '' }}" >
            </div>
            <div class="form-group col-sm-6" >
                <label for="" class="control-label">PORT OF DISCHARGE: </label>
                <input  type="text" name="port_discharge" id="port_discharge"
                    class="form-control{{ $errors->has('port_discharge') ? ' is-invalid' : '' }}" >
            </div>
            <div class="form-group col-sm-6" >
                <label for="" class="control-label">PLACE OF DELIVERY: </label>
                <input  type="text" name="place_delivery" id="place_delivery"
                    class="form-control{{ $errors->has('place_delivery') ? ' is-invalid' : '' }}" >
            </div>
            <div class="form-group col-sm-6" >
                <label for="" class="control-label">TYPE: </label>
                <input  type="text" name="type" id="typeC"
                    class="form-control{{ $errors->has('type') ? ' is-invalid' : '' }}" >
            </div>
            <div class="form-group col-sm-6" >
                <label for="" class="control-label">TARIFF NO.   /    SERVICE CONTRACT NO.: </label>
                <input  type="text" name="service_contract" id="service_contract"
                    class="form-control{{ $errors->has('service_contract') ? ' is-invalid' : '' }}" >
            </div>
            {{-- ----------- --}}
            <div class="form-group col-sm-6" >
                <label for="" class="control-label">PLACE OF ISSUE : </label>
                <input  type="text" name="place_issue" id="place_issue"
                    class="form-control{{ $errors->has('place_issue') ? ' is-invalid' : '' }}" >
            </div>
            <div class="form-group col-sm-6" >
                <label for="" class="control-label">DATE: </label>
                <input  type="date" name="footer_date" id="footer_date"
                    class="form-control{{ $errors->has('footer_date') ? ' is-invalid' : '' }}" >
            </div>
            <div class="form-group col-sm-6" >
                <label for="" class="control-label">NOTA: </label>
                <input  type="text" name="notas" id="notas"
                    class="form-control{{ $errors->has('notas') ? ' is-invalid' : '' }}" >
            </div>

        </div>
        <input type="hidden" name="bl" value="{{$bl->id}}">

        <div class="justify-content-center align-items-center row">
            <button type="submit" class="btn btn-primary col-auto" >
                <i class='ki-outline ki-check-circle fs-2'></i>
                Guardar
            </button>
        </div>
    </fieldset>
</form>

<form action="{{route('bl.storePack')}}" method="post">
    @csrf
    <fieldset class="border p-2">
        <legend class="w-auto">PARTICULARS FURNISHED BY SHIPPER</legend>
        <div class="row">
            <div class="form-group col-sm-6" >
                <label for="" class="control-label">Type</label>
                <select name="type" id="type" class=" text-left form-control">
                    <option >20"GP</option>
                    <option>40"STD</option>
                    <option>40"HC</option>
                    <option >45"HQ</option>
                    <option >40"OT</option>
                    <option >40"FR</option>
                    <option >40"RFF</option>
                </select>
            </div>
            <div class="form-group col-sm-6" >
                <label for="" class="control-label">Container code: </label>
                <input  type="text" name="container_code" id="container_code" required
                    class="form-control{{ $errors->has('container_code') ? ' is-invalid' : '' }}" >
            </div>
            <div class="form-group col-sm-6" >
                <label for="" class="control-label" required>Seal: </label>
                <input  type="text" name="seal" id="seal"
                    class="form-control{{ $errors->has('seal') ? ' is-invalid' : '' }}" >
            </div>
            <div class="form-group col-sm-6" >
                <label for="" class="control-label" required>Seal 2: </label>
                <input  type="text" name="seal2" id="seal2"
                    class="form-control{{ $errors->has('seal2') ? ' is-invalid' : '' }}" >
            </div>
            <div class="form-group col-sm-6" >
                <label for="" class="control-label" required>Seal 3: </label>
                <input  type="text" name="seal3" id="seal3"
                    class="form-control{{ $errors->has('seal3') ? ' is-invalid' : '' }}" >
            </div>
            <div class="form-group col-sm-6" >
                <label for="" class="control-label">Cant of packages: </label>
                <input  type="text" name="cant_pack" id="cant_pack" required
                    class="form-control{{ $errors->has('cant_pack') ? ' is-invalid' : '' }}" >
            </div>
            <div class="form-group col-sm-6" >
                <label for="" class="control-label" >Kind of packages: </label>
                <input  type="text" name="type_pack" id="type_pack" required
                    class="form-control{{ $errors->has('type_pack') ? ' is-invalid' : '' }}" >
            </div>
            <div class="form-group col-sm-6" >
                <label for="" class="control-label" >Said to contain: </label>
                <input  type="text" name="description" id="description" required
                    class="form-control{{ $errors->has('description') ? ' is-invalid' : '' }}" >
            </div>
            <div class="form-group col-sm-6" >
                <label for="" class="control-label">Gross weight: </label>
                <input  type="text" name="gross_weight" id="gross_weight" required
                    class="form-control{{ $errors->has('gross_weight') ? ' is-invalid' : '' }}" >
            </div>
            <div class="form-group col-sm-6" >
                <label for="" class="control-label">Measurement: </label>
                <input  type="text" name="measurement" id="measurement"
                    class="form-control{{ $errors->has('measurement') ? ' is-invalid' : '' }}" >
            </div>

            <div class="form-group col-sm-6" >
                <label for="" class="control-label">BL</label>
                <select name="bl_interfaz_id" id="bl_interfaz_id" class=" text-left form-control">
                    @foreach ($subsBlInterfaces as $blInt)
                    <option value="{{$blInt->id}}">{{$blInt->sub_blcode}}</option>

                    @endforeach

                </select>
            </div>
        </div>


        <div class="justify-content-center align-items-center row">
            <button type="submit" class="btn btn-primary col-auto" >
                <i class='ki-outline ki-check-circle fs-2'></i>
                Guardar
            </button>
        </div>

        <table class="table table-bordered table-hover table-dark">
            <thead class="thead-dark">
                <tr>
                    <th>item</th>

                    <th>Type</th>
                    <th>Container code</th>
                    <th>Seal</th>
                    <th>Cant of packages</th>
                    <th>Kind of packages</th>
                    <th>Said to contain:</th>
                    <th>Gross weight</th>
                    <th>Measurement</th>
                    <th>BL</th>
                    <th>Eliminar</th>
                </tr>
            </thead>
            <tbody>
                 @foreach ($packages as $pack)
                <tr>
                    <th>{{$loop->iteration}}</th>
                    <td>{{$pack->type}}</td>
                    <td>{{$pack->container_code}}</td>
                    <td>{{$pack->seal}}</td>
                    <td>{{$pack->cant_pack}}</td>
                    <td>{{$pack->type_pack}}</td>
                    <td>{{$pack->description}}</td>
                    <td>{{$pack->gross_weight}}</td>
                    <td>{{$pack->measurement}}</td>
                    <td>{{$pack->bl->sub_blcode}}</td>


                    <td> <button type="button" title="Eliminar" data-toggle="modal" data-target="#deleteModalP"
                        class="ki-outline ki-trash fs-2 text-danger" style="background-color:transparent; border: 0px solid;"
                        onclick="fun_deleteP('{{$pack->id}}')"></button>

                        <button type="button" title="Editar" data-toggle="modal" data-target="#editModal"
                        class="ki-outline ki-pencil fs-2 text-dark"
                        style="background-color:transparent; border: 0px solid;"
                        onclick="fun_edit('{{ $pack->id }}')"></button>
                    </td>

                </tr>
                @endforeach

            </tbody>
        </table>

    </fieldset>
</form>
<br>


<div class="modal fade bd-example-modal-lg" id="editModal" 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-pencil fs-2 text-dark"></i>
                    Editar Servicio
                </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('bl.updatePackes') }}" method="POST">
                    @csrf
                    <div class="row">
                        <div class="form-group col-sm-6" >
                            <label for="" class="control-label">Type</label>
                            <select name="type" id="type" class=" text-left form-control">
                                <option >20"GP</option>
                                <option>40"STD</option>
                                <option>40"HC</option>
                                <option >45"HQ</option>
                                <option >40"OT</option>
                                <option >40"FR</option>
                                <option >40"RFF</option>
                            </select>
                        </div>
                        <div class="form-group col-sm-6" >
                            <label for="" class="control-label">Container code: </label>
                            <input  type="text" name="container_code" id="container_codeE" required
                                class="form-control{{ $errors->has('container_code') ? ' is-invalid' : '' }}" >
                        </div>
                        <div class="form-group col-sm-6" >
                            <label for="" class="control-label" required>Seal: </label>
                            <input  type="text" name="seal" id="sealE"
                                class="form-control{{ $errors->has('sealE') ? ' is-invalid' : '' }}" >
                        </div>
                        <div class="form-group col-sm-6" >
                            <label for="" class="control-label" required>Seal 2: </label>
                            <input  type="text" name="seal2" id="seal2E"
                                class="form-control{{ $errors->has('seal2') ? ' is-invalid' : '' }}" >
                        </div>
                        <div class="form-group col-sm-6" >
                            <label for="" class="control-label" required>Seal 3: </label>
                            <input  type="text" name="seal3" id="seal3E"
                                class="form-control{{ $errors->has('seal3') ? ' is-invalid' : '' }}" >
                        </div>
                        <div class="form-group col-sm-6" >
                            <label for="" class="control-label">Cant of packages: </label>
                            <input  type="text" name="cant_pack" id="cant_packE" required
                                class="form-control{{ $errors->has('cant_pack') ? ' is-invalid' : '' }}" >
                        </div>
                        <div class="form-group col-sm-6" >
                            <label for="" class="control-label" >Kind of packages: </label>
                            <input  type="text" name="type_pack" id="type_packE" required
                                class="form-control{{ $errors->has('type_pack') ? ' is-invalid' : '' }}" >
                        </div>
                        <div class="form-group col-sm-6" >
                            <label for="" class="control-label" >Said to contain: </label>
                            <input  type="text" name="description" id="descriptionE" required
                                class="form-control{{ $errors->has('description') ? ' is-invalid' : '' }}" >
                        </div>
                        <div class="form-group col-sm-6" >
                            <label for="" class="control-label">Gross weight: </label>
                            <input  type="text" name="gross_weight" id="gross_weightE" required
                                class="form-control{{ $errors->has('gross_weight') ? ' is-invalid' : '' }}" >
                        </div>
                        <div class="form-group col-sm-6" >
                            <label for="" class="control-label">Measurement: </label>
                            <input  type="text" name="measurement" id="measurementE"
                                class="form-control{{ $errors->has('measurement') ? ' is-invalid' : '' }}" >
                        </div>

                        <div class="form-group col-sm-6" >
                            <label for="" class="control-label">BL</label>
                            <select name="bl_interfaz_id" id="bl_interfaz_id" class=" text-left form-control">
                                @foreach ($subsBlInterfaces as $blInt)
                                <option value="{{$blInt->id}}">{{$blInt->sub_blcode}}</option>

                                @endforeach

                            </select>
                        </div>
                    </div>


                    </div>
                    <input type="hidden" name="user" value="{{auth()->user()->name}}">
                    <div class="modal-footer d-flex justify-content-center">
                        <button type="submit" class="btn btn-primary">
                            <i class='ki-outline ki-double-check fs-2'></i>
                            Editar
                        </button>
                        <input type="hidden" id="edit_id" name="edit_id">
                        <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>


<div class="modal fade bd-example-modal-lg" id="editClientModal" 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-pencil fs-2 text-dark"></i>
                    Editar Servicio
                </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('bl.updateClientBl') }}" method="POST">
                    @csrf
                    <div class="row">
                        <div class="form-group col-sm-6" >
                            <label for="" class="control-label">Name: </label>
                            <input  type="text" name="name" id="name"
                                class="form-control{{ $errors->has('name') ? ' is-invalid' : '' }}" >
                        </div>
                        <div class="form-group col-sm-6" >
                            <label for="" class="control-label">Adress line 1: </label>
                            <input  type="text" name="address_line1" id="address_line1"
                                class="form-control{{ $errors->has('address_line1') ? ' is-invalid' : '' }}" >
                        </div>
                        <div class="form-group col-sm-6" >
                            <label for="" class="control-label">Adress line 2: </label>
                            <input  type="text" name="address_line2" id="address_line2"
                                class="form-control{{ $errors->has('address_line2') ? ' is-invalid' : '' }}" >
                        </div>
                        <div class="form-group col-sm-6" >
                            <label for="" class="control-label">Adress line 3: </label>
                            <input  type="text" name="address_line3" id="address_line3"
                                class="form-control{{ $errors->has('address_line3') ? ' is-invalid' : '' }}" >
                        </div>
                        <div class="form-group col-sm-6" >
                            <label for="" class="control-label">Adress line 4: </label>
                            <input  type="text" name="address_line4" id="address_line4"
                                class="form-control{{ $errors->has('address_line4') ? ' is-invalid' : '' }}" >
                        </div>
                        <div class="form-group col-sm-6" >
                            <label for="" class="control-label">TAX Document: </label>
                            <input  type="text" name="taxid" id="taxid"
                                class="form-control{{ $errors->has('taxid') ? ' is-invalid' : '' }}" >
                        </div>
                        <div class="form-group col-sm-6" >
                            <label for="" class="control-label">Type</label>
                            <select name="type" id="typeClient" class=" text-left form-control">
                                <option value="SHIPPER/EXPORTER" >SHIPPER/EXPORTER</option>
                                <option value="CONSIGNEE">CONSIGNEE</option>
                                <option value="NOTIFY" >NOTIFY</option>
                            </select>
                        </div>

                        <div class="form-group col-sm-6" >
                            <label for="" class="control-label">BL</label>
                            <select name="bl_interfaz_id" id="bl_interfaz_id" class=" text-left form-control">
                                @foreach ($subsBlInterfaces as $blInt)
                                <option value="{{$blInt->id}}">{{$blInt->sub_blcode}}</option>

                                @endforeach

                            </select>
                        </div>
                    </div>


                    <input type="hidden" name="user" value="{{auth()->user()->name}}">
                    <div class="modal-footer d-flex justify-content-center">
                        <button type="submit" class="btn btn-primary">
                            <i class='ki-outline ki-double-check fs-2'></i>
                            Editar
                        </button>
                        <input type="hidden" id="edit_client_id" name="edit_client_id">
                        <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>
<div class="modal fade" id="deleteModalP" tabindex="-1" role="dialog" aria-labelledby="exampleModalTitle"
    aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header bg-light">
                <h5 class="modal-title" id="exampleModalLongTitle">
                    <i class="ki-outline ki-trash fs-2"></i>
                    Eliminar
                </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('bl.deletePackage') }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    {{ method_field('DELETE') }}
                    <div class="modal-footer d-flex justify-content-center">
                        <button type="submit" class="btn btn-primary">
                            <i class='ki-outline ki-trash fs-2'></i>
                            Eliminar
                        </button>
                        <input type="hidden" id="deleteP_id" name="deleteP_id">
                        <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>

<div class="modal fade" id="deleteModalService" tabindex="-1" role="dialog" aria-labelledby="exampleModalTitle"
    aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header bg-light" >
                <h5 class="modal-title" id="exampleModalLongTitle">
                    <i class="ki-outline ki-trash fs-2"></i>
                    Eliminar
                </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('bl.deleteServiceBL') }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    {{ method_field('DELETE') }}
                    <div class="modal-footer d-flex justify-content-center">
                        <button type="submit" class="btn btn-primary">
                            <i class='ki-outline ki-trash fs-2'></i>
                            Eliminar
                        </button>
                        <input type="hidden" id="delete_service_id" name="delete_service_id">
                        <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>




<script>
    function fun_deleteP(id)
    {
        $("#deleteP_id").val(id);
    }
</script>

<fieldset class="border p2">
    <legend class="w-auto">DISTRIBUCION SERVICIOS BL</legend>
    <table class="table table-bordered table-hover table-light">
        <thead class="thead-light">
            <tr>
                <th>Servicio</th>
                <th>Total</th>
                <th>Asignado</th>
                <th>Disponible</th>

            </tr>
        </thead>
        <tbody>


                @for ($i=0; $i < count($services); $i++)

                <tr>
                    <td>{{$services[$i]->serv_name}}</td>
                    <td>{{$services[$i]->monto}}</td>
                    @if(count($servicesBlTotal) > $i)
                    <td>{{$servicesBlTotal[$i]->asignado }}</td>
                    <td>{{$services[$i]->monto - $servicesBlTotal[$i]->asignado }} </td>

                    @else
                    <td>0.00</td>
                    <td>{{$services[$i]->monto}}</td>
                    @endif

                </tr>


                @endfor






        </tbody>

    </table>
    <br>
    <form action="{{route('bl.storeBL')}}" method="post">
        @csrf
        <div class="row">
            <div class="form-group col-md-4">
                <label for="servicio_id">Seleccione el servicio</label>
                <select name="servicio_id" class="form-control" required>
                    @foreach ($services as $service)
                    <option value="{{$service->id}}">{{$service->serv_name}}</option>

                    @endforeach

                </select>
            </div>

            <div class="form-group col-md-3">
                <label for="cant_asignado">Cantidad</label>
                <input type="number" step="0.01" min="0.01" id="cant_asignado" placeholder="0.00" class="form-control" type="text" name="cant_asignado">
            </div>
            <div class="form-group col-md-3">
                <label for="prepaid">Prepaid</label>
                <input id="prepaid" class="form-control" type="checkbox" name="prepaid">
            </div>

            <div class="form-group col-sm-6" >
                <label for="" class="control-label">BL</label>
                <select name="bl_interfaz_id" id="bl_interfaz_id" class=" text-left form-control">
                    @foreach ($subsBlInterfaces as $blInt)
                    <option value="{{$blInt->id}}">{{$blInt->sub_blcode}}</option>
                    @endforeach
                </select>
            </div>
            <input type="hidden" name="bl" value="{{$bl->id}}">
            <input type="hidden" name="file" value="{{$bl->id}}">
            <div class="justify-content-center align-items-center row">
                <button type="submit" class="btn btn-primary col-auto mt-3" >
                    <i class='ki-outline ki-check-circle fs-2'></i>
                    Guardar
                </button>
            </div>
        </div>
    </form>

    <br>

    <table class="table table-bordered table-hover table-dark">
        <thead class="thead-light">
            <tr>
                <th>Servicio</th>
                <th>Cantidad asignada</th>
                <th>BL</th>
                <th>Eliminar</th>

            </tr>
        </thead>
        <tbody>
            @foreach ($blServices as $item)
                <tr>
                    <td>{{$item->servicio->serv_name}}</td>
                    <td>{{$item->cant_asignado}}</td>
                    <td>{{$item->bl->sub_blcode}}</td>
                    <td>
                        <button type="button" title="Eliminar" data-toggle="modal" data-target="#deleteModalService"
                        class="ki-outline ki-trash fs-2 text-danger" style="background-color:transparent; border: 0px solid;"
                        onclick="fun_delete_service('{{$item->id}}')"></button>
                    </td>
                </tr>

            @endforeach

        </tbody>

    </table>



</fieldset>

@include('bl.modals.deleteClientModal')

<script>

    function fun_delete(id)
    {
        $("#delete_id").val(id);
    }

    function fun_delete_service(id)
    {
        $("#delete_service_id").val(id);
    }


</script>

@endsection

@section('extrajs')

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


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

    var lastChar=pathname.charAt(pathname.length-1);
    var test='{{$bl->id}}';
   getInfo(test);


});

        function fun_client_edit(id) {
            var view_url = '{{ route('bl.editClientBl', ':id') }}';
            view_url = view_url.replace(':id', id);
            $.ajax({
                url: view_url,
                type: "GET",
                data: {
                    "id": id
                },
                success: function(result) {
                    console.log(result);
                    $("#edit_client_id").val(result.id);
                    $('#name').val(result.name);
                    $('#address_line1').val(result.address_line1);
                    $('#address_line2').val(result.address_line2);
                    $('#address_line3').val(result.address_line3);
                    $('#address_line4').val(result.address_line4);
                    $('#taxid').val(result.taxid);
                    $('#typeClient').val(result.type);
                    $('#bl_interfaz_id').val(result.bl_interfaz_id);
                    $('#measurementE').val(result.measurement);
                }
            });
        }




function fun_edit(id) {
            var view_url = '{{ route('bl.getpack', ':id') }}';
            view_url = view_url.replace(':id', id);
            $.ajax({
                url: view_url,
                type: "GET",
                data: {
                    "id": id
                },
                success: function(result) {
                    console.log(result.nombre_cliente);
                    $("#edit_id").val(result.id);
                    $('#container_codeE').val(result.container_code);
                    $('#sealE').val(result.seal);
                    $('#seal2E').val(result.seal2);
                    $('#seal3E').val(result.seal3);
                    $('#cant_packE').val(result.cant_pack);
                    $('#type_packE').val(result.type_pack);
                    $('#descriptionE').val(result.description);
                    $('#gross_weightE').val(result.gross_weight);
                    $('#measurementE').val(result.measurement);
                }
            });
        }

function getInfo(id){
    var view_url = '{{ route("bl.onLoadInfo", ":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);
                $("#booking").val(result.booking);

                $("#bl_code").val(result.bl_code);
                $("#export_reference").val(result.export_reference);
                $("#customer_reference").val(result.customer_reference);
                $("#fmc").val(result.fmc);
                $("#notify_instruc").val(result.notify_instruc);
                $("#pre_carrier").val(result.pre_carrier);
                $("#place_recep").val(result.place_recep);
                $("#point_origin").val(result.point_origin);
                $("#voyague").val(result.voyague);
                $("#port_loading").val(result.port_loading);
                $("#loading_pier").val(result.loading_pier);
                $("#port_discharge").val(result.port_discharge);
                $("#place_delivery").val(result.place_delivery);
                $("#typeC").val(result.type);
                $("#service_contract").val(result.service_contract);
                $("#place_issue").val(result.place_issue);
                $("#footer_date").val(result.footer_date);
                $("#notas").val(result.notas);

            }
        });




}
</script>



@endsection