@extends('layouts.vertical')

@section('title', 'Unity ERP Software - Billing')

@section('headerStyle')
  <link id="appbundle" rel="stylesheet" media="screen, print" href="{{ URL::asset('css/app.form_mini.css?v=1.0.5')}}">
@endsection

@section('content')
    @php
        use App\classes\Form;
        $form = new Form($row ?? null);
    @endphp
  <main id="js-page-content" role="main" class="page-content header-title">
    <div class="subheader">
        <h1 class="subheader-title">
            <i class='subheader-icon fal fa-'></i>{{__('menu.consignment-notes')}}
        </h1>
        <div class="subheader-block">
            <!--Right content of header-->
        </div>
    </div>

    <div class="row">
        <div class="col-xl-12">
            {{--{!! aut_arr_assoc(show_old_input()) !!}--}}
            <div id="panel" class="panel">
                <div class="panel-hdr bg-primary-500 bg-primary-gradient">
                    <h2>
                      {{$form->edit ? __('consignment-notes.editconsignmentnote') : __('consignment-notes.newconsignmentnote')}}
                    </h2>
                    <div class="panel-toolbar">
                        <button class="btn btn-panel" data-action="panel-fullscreen" data-bs-toggle="tooltip" data-offset="0,10" data-original-title="{{ __('common.fullscreen') }}"></button>
                    </div>
                </div>
                <div class="panel-container show">
                    <div class="panel-content">
                        @php
                            $route = $form->edit ? route('consignment-notes.update',$row->id) : route('consignment-notes.store');
                        @endphp
                        {!! $form->open($form->edit ? 'PATCH' : '', $route, 'formConsignmentNote', $enctype='', "$('#paneConcept').collapse('hide')", true, 'needs-validation', 'off') !!}
                        <input type="hidden" name="cfdi_tipo" value="t">

                          <!-- list errors validation -->
                          <div style="display: none" id="content-errors-front">
                            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                              <h3 class="alert-heading">{{ __('common.verifydata') }}</h3>
                              <ul id="errors-front"></ul>
                            </div>
                          </div>
                          
                          @if ($errors->any())
                            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                              <h3 class="alert-heading">{{ __('common.verifydata') }}</h3>
                              <ul>

                                  @foreach ($errors->all() as $error)
                                         <li>{{ $error }}</li>
                                  @endforeach

                                <button type="button" class="close" data-bs-dismiss="alert" aria-label="Close">
                                      <span aria-hidden="true">&times;</span>
                                </button>
                              </ul>
                            </div>
                          @endif

                          <div class="panel-tag col-md-12" data-bs-toggle="collapse" data-bs-target="#demo">
                            <i class="fal fa-list width-2 fs-xl"></i>
                            {{ __('invoices.generalinfo') }}
                          </div>

                          <div class="form-row">
                            <div class="form-group col-md-3">
                                <label>{{ __('invoices.company') }}</label>
                                <select id="consignmentCustomerInvoice" class="custom-select" name="customer_id">
                                    @if(old('customer_id'))
                                        <option value="{{old('customer_id')}}" selected="selected">{{App\Models\Sales\Customer::find(old('customer_id'))->name}}</option>
                                    @elseif($row)
                                        <option value="{{$row->customer->id}}" selected="selected">{{$row->customer->name}}</option>
                                    @endif
                                </select>
                            </div>
                            <div class="form-group col-md-3">
                              <label>
                                {{__('invoices.consignment_number')}}
                              </label>
                              <input type="text" class="form-control" id="id" name="folio" value="{{$form->getVal('folio', $number)}}" readonly="true">
                            </div>
                            <div class="form-group col-md-3">
                              <label>{{ __('invoices.date') }}</label>
                              <input type="text" class="form-control" value="{{$created_at}}" disabled>
                            </div>
                            <div class="form-group col-md-3">
                              <label>* {{ __('invoices.fiscal_regime') }}</label>
                                <select id="customer_fiscal_regime" name="customer_fiscal_regime" class="form-control custom-select" required>
                                  <option value="">Seleccione...</option>
                                  @foreach($fiscalRegimes as $fiscalRegime)
                                    <option value="{{$fiscalRegime->code}}" {{$form->getVal('customer_fiscal_regime') == $fiscalRegime->code ? 'selected' : ''}}>{{$fiscalRegime->code.' - '.$fiscalRegime->description}}</option>
                                  @endforeach
                              </select>
                            </div>
                            <input type="hidden" id="customer_number" name="customer_number" class="form-control" value="{{$form->getVal('customer_number')}}" readonly>
                            <input type="hidden" id="customer_name" name="customer_name" class="form-control" value="{{$form->getVal('customer_name')}}" readonly>                          
                          </div>

                          <div class="form-row">
                             <div class="form-group col-md-6">
                              <label>{{ __('invoices.addresses') }}</label>
                              <select id="customer_address_id" name="customer_address_id" class="custom-select actions-with-clients" required>
                                {!! $form->creaSelectOpts($form->getVal('customer_address_id'), $customer_addresses) !!}
                              </select>
                            </div>
                            <div class="form-group col-md-3">
                              <label>{{ __('invoices.razonsocial') }}</label>
                              <input id="customer_commercial_name" name="customer_commercial_name" type="text" class="form-control" value="{{$form->getVal('customer_commercial_name')}}" readonly>
                            </div>
                            <div class="form-group col-md-3">
                              <label>{{ __('invoices.usecfdi') }}</label>
                              <select id="cfdi_uso" name="cfdi_uso" class="custom-select disabled-form-select" required>
                                  @foreach($selectElements->selectcCfdiUse as $i => $item)
                                    <option value="{{$i}}" {{$i == 'S01' ? 'selected' : ''}}>{{$item}}</option>
                                  @endforeach
                               </select>
                            </div>
                          </div>        

                          <div class="form-row">
                            <div class="form-group col-md-3">
                              <label>{{ __('invoices.rfc') }}</label>
                              <input id="customer_rfc" name="customer_rfc" type="text" class="form-control" value="{{$form->getVal('customer_rfc')}}" readonly>
                            </div>
                            <div class="form-group col-md-3">
                              <label>{{ __('invoices.payway') }}</label>
                              <select id="payment_way" name="payment_way" class="custom-select" required="">
                                {!! $form->creaSelectOpts($form->getVal('payment_way'), $selectElements->selectcPayWay) !!}
                              </select>
                            </div>
                            <div class="form-group col-md-3">
                              <label>{{ __('invoices.paymethod') }}</label>
                              <select id="payment_method" name="payment_method" class="custom-select" required="">
                                  {!! $form->creaSelectOpts($form->getVal('payment_method'), $selectElements->selectcPayMethod) !!}
                              </select>
                            </div>
                            <div class="form-group col-md-3">
                                <label>{{ __('management.serie_t') }}</label>
                                <input type="text" class="form-control" id="serie" name="serie"
                                value="{{$form->getVal('serie') != '' ? $form->getVal('serie') : $company->serie_t}}">
                            </div>
                          </div>

                          <div class="panel-tag col-md-12 mt-3 cursor-pointer" data-bs-toggle="collapse" data-bs-target="#originData">
                              <i class="fal fa-list width-2 fs-xl"></i>
                              {{ __('consignment-notes.origin') }}
                              <i class="fas fa-caret-down width-2 fs-xl"></i>
                          </div>

                          <div class="collapse" id="originData">
                            <div class="form-row">
                              <div class="form-group col-md-3">
                                <label>* {{ __('consignment-notes.id') }}</label>
                                <input id="origin_id" name="origin_id" type="text" class="form-control" value="{{$form->edit ? $form->getVal('origin_id') : 'OR'.sprintf('%06d', rand(0,999999))}}" readonly required>
                              </div>
                              <div class="form-group col-md-3">
                                <label>* {{ __('consignment-notes.rfc') }}</label>
                                <input id="origin_rfc" name="origin_rfc" type="text" class="form-control" value="{{$form->getVal('origin_rfc')}}" required>
                              </div>
                              <div class="form-group col-md-3">
                                <label>* {{__('consignment-notes.date')}}</label>
                                <div class="input-group">
                                  <input type="text" class="form-control" name='origin_date' id="originDate" value="{{$form->getVal('origin_date')}}" required>
                                </div>
                              </div>
                              <div class="form-group col-md-3">
                                <label>* {{ __('consignment-notes.time') }}</label>
                                <input type="time" class="form-control" name="origin_time" id="otiginTime" value="{{$form->getVal('origin_time')}}" maxlength="45" required>
                              </div>
                            </div>

                            <div class="form-row">
                              <div class="form-group col-md-3">
                                <label>* {{ __('consignment-notes.street') }}</label>
                                <input id="origin_street" name="origin_street" type="text" class="form-control" value="{{$form->getVal('origin_street')}}" required>
                              </div>
                              <div class="form-group col-md-3">
                                <label>* {{ __('consignment-notes.number') }}</label>
                                <input id="origin_number" name="origin_number" type="text" class="form-control" value="{{$form->getVal('origin_number')}}" required>
                              </div>
                              <div class="form-group col-md-3">
                                <label>* {{ __('consignment-notes.reference') }}</label>
                                <input id="origin_reference" name="origin_reference" type="text" class="form-control" value="{{$form->getVal('origin_reference')}}" required>
                              </div>
                              <div class="form-group col-md-3">
                                <label>* {{__('consignment-notes.country')}}</label>
                                <select id="originCountry" name="origin_country" class="custom-select select-2" required>
                                  <option value="" {{ $form->getVal('origin_country')==""?"selected":"" }}>{{ __('common.select') }}</option>
                                  @foreach($satCountries as $country)
                                      <option value="{{ $country->code }}" {{ $form->getVal('origin_country')==$country->code ? "selected" : "" }}>
                                        {{ $country->description }}
                                      </option>                                                                    
                                  @endforeach
                                </select>
                              </div>                                              
                            </div>

                            <div class="form-row">
                              <div class="form-group col-md-3">
                                <label>* {{__('consignment-notes.postalCode')}}</label>
                                <input id="origin_postal_code" name="origin_postal_code" data-type="origin" type="text" class="form-control postal-code" value="{{$form->getVal('origin_postal_code')}}" required>
                              </div>                                                            
                              <div class="form-group col-md-3">
                                <label>* {{ __('consignment-notes.state') }}</label>
                                <select id="originState" name="origin_state" class="form-control custom-select select-2" required>
                                  <option value="" {{ $form->getVal('origin_state')==""?"selected":"" }}>{{ __('common.select') }}</option>
                                  @foreach($selectElements->selectcOriginStates as $i => $item)
                                    <option value="{{$i}}" {{$i == $form->getVal('origin_state') ? 'selected' : ''}}>{{$item}}</option>
                                  @endforeach
                                </select>
                              </div>
                              <div class="form-group col-md-3">
                                <label>* {{ __('consignment-notes.town') }}</label>
                                <select id="originTown" name="origin_town" class="form-control custom-select select-2" required>
                                  <option value="" {{ $form->getVal('origin_town')==""?"selected":"" }}>{{ __('common.select') }}</option>
                                  @foreach($selectElements->selectcOriginTowns as $i => $item)
                                    <option value="{{$i}}" {{$i == $form->getVal('origin_town') ? 'selected' : ''}}>{{$item}}</option>
                                  @endforeach
                                </select>
                              </div>
                              <div class="form-group col-md-3">
                                <label>* {{__('consignment-notes.location')}}</label>
                                <select id="originLocation" name="origin_location" class="form-control custom-select select-2" required>
                                  <option value="" {{ $form->getVal('origin_location')==""?"selected":"" }}>{{ __('common.select') }}</option>
                                  @foreach($selectElements->selectcOriginLocations as $i => $item)
                                    <option value="{{$i}}" {{$i == $form->getVal('origin_location') ? 'selected' : ''}}>{{$item}}</option>
                                  @endforeach
                                </select>
                              </div>
                            </div>

                            <div class="form-row">
                              <div class="form-group col-md-3">
                                <label>* {{__('consignment-notes.colony')}}</label>
                                <select id="originColony" name="origin_colony" class="form-control custom-select select-2" required>
                                  <option value="" {{ $form->getVal('origin_colony')==""?"selected":"" }}>{{ __('common.select') }}</option>
                                  @foreach($selectElements->selectcOriginColony as $i => $item)
                                    <option value="{{$i}}" {{$i == $form->getVal('origin_colony') ? 'selected' : ''}}>{{$item}}</option>
                                  @endforeach
                                </select>
                              </div>
                            </div>
                          </div>

                          <div class="panel-tag col-md-12 mt-3 cursor-pointer" data-bs-toggle="collapse" data-bs-target="#destinationData">
                              <i class="fal fa-list width-2 fs-xl"></i>
                              {{ __('consignment-notes.destination') }}
                              <i class="fas fa-caret-down width-2 fs-xl"></i>
                          </div>

                          <div class="collapse" id="destinationData">
                            <div class="form-row">
                              <div class="form-group col-md-3">
                                <label>* {{ __('consignment-notes.id') }}</label>
                                <input id="destination_id" name="destination_id" type="text" class="form-control" value="{{$form->edit ? $form->getVal('destination_id') : 'DE'.sprintf('%06d', rand(0,999999))}}" readonly required>
                              </div>
                              <div class="form-group col-md-3">
                                <label>* {{ __('consignment-notes.rfc') }}</label>
                                <input id="destination_rfc" name="destination_rfc" type="text" class="form-control" value="{{$form->getVal('destination_rfc')}}" required>
                              </div>
                              <div class="form-group col-md-3">
                                <label>* {{__('consignment-notes.date')}}</label>
                                <div class="input-group">
                                  <input type="text" class="form-control" name='destination_date' id="destinationDate" value="{{$form->getVal('destination_date')}}" required>
                                </div>
                              </div>
                              <div class="form-group col-md-3">
                                <label>* {{ __('consignment-notes.time') }}</label>
                                <input type="time" class="form-control" name="destination_time" id="destinationTime" value="{{$form->getVal('destination_time')}}" maxlength="45" required>
                              </div>
                            </div>

                            <div class="form-row">
                              <div class="form-group col-md-3">
                                <label>* {{__('consignment-notes.distance')}}</label>
                                <div class="input-group">
                                  <input id="distance" name="distance" type="text" class="form-control" value="{{$form->getVal('distance')}}" required>
                                  <div class="input-group-append">
                                    <span class="input-group-text" style="padding: 3px;">Km</span>
                                  </div>
                                </div>
                              </div>
                              <div class="form-group col-md-3">
                                <label>* {{ __('consignment-notes.street') }}</label>
                                <input id="destination_street" name="destination_street" type="text" class="form-control" value="{{$form->getVal('destination_street')}}" required>
                              </div>
                              <div class="form-group col-md-3">
                                <label>* {{ __('consignment-notes.number') }}</label>
                                <input id="destination_number" name="destination_number" type="text" class="form-control" value="{{$form->getVal('destination_number')}}" required>
                              </div>
                              <div class="form-group col-md-3">
                                <label>* {{ __('consignment-notes.reference') }}</label>
                                <input id="destination_reference" name="destination_reference" type="text" class="form-control" value="{{$form->getVal('destination_reference')}}" required>
                              </div>                              
                            </div>

                            <div class="form-row">
                              <div class="form-group col-md-3">
                                <label>* {{__('consignment-notes.country')}}</label>
                                <select id="destinationCountry" name="destination_country" class="custom-select select-2" required>
                                  <option value="" {{ $form->getVal('destination_country')==""?"selected":"" }}>{{ __('common.select') }}</option>
                                  @foreach($satCountries as $country)
                                      <option value="{{ $country->code }}" {{ $form->getVal('destination_country')==$country->code ? "selected" : "" }}>
                                        {{ $country->description }}
                                      </option>                                                                    
                                  @endforeach
                                </select>
                              </div>
                              <div class="form-group col-md-3">
                                <label>* {{__('consignment-notes.postalCode')}}</label>
                                <input id="destination_postal_code" name="destination_postal_code" data-type="destination" type="text" class="form-control postal-code" value="{{$form->getVal('destination_postal_code')}}" required>
                              </div>
                              <div class="form-group col-md-3">
                                <label>* {{ __('consignment-notes.state') }}</label>
                                <select id="destinationState" name="destination_state" class="form-control custom-select select-2" required>
                                  <option value="" {{ $form->getVal('destination_state')==""?"selected":"" }}>{{ __('common.select') }}</option>
                                  @foreach($selectElements->selectcDestinationStates as $i => $item)
                                    <option value="{{$i}}" {{$i == $form->getVal('destination_state') ? 'selected' : ''}}>{{$item}}</option>
                                  @endforeach
                                </select>
                              </div>
                              <div class="form-group col-md-3">
                                <label>* {{ __('consignment-notes.town') }}</label>
                                <select id="destinationTown" name="destination_town" class="form-control custom-select select-2" required>
                                  <option value="" {{ $form->getVal('destination_town')==""?"selected":"" }}>{{ __('common.select') }}</option>
                                  @foreach($selectElements->selectcDestinationTowns as $i => $item)
                                    <option value="{{$i}}" {{$i == $form->getVal('destination_town') ? 'selected' : ''}}>{{$item}}</option>
                                  @endforeach
                                </select>
                              </div>
                            </div>

                            <div class="form-row">
                              <div class="form-group col-md-3">
                                <label>* {{__('consignment-notes.location')}}</label>
                                <select id="destinationLocation" name="destination_location" class="form-control custom-select select-2" required>
                                  <option value="" {{ $form->getVal('destination_location')==""?"selected":"" }}>{{ __('common.select') }}</option>
                                  @foreach($selectElements->selectcDestinationLocations as $i => $item)
                                    <option value="{{$i}}" {{$i == $form->getVal('destination_location') ? 'selected' : ''}}>{{$item}}</option>
                                  @endforeach
                                </select>
                              </div>
                              <div class="form-group col-md-3">
                                <label>* {{__('consignment-notes.colony')}}</label>
                                <select id="destinationColony" name="destination_colony" class="form-control custom-select select-2" required>
                                  <option value="" {{ $form->getVal('destination_colony')==""?"selected":"" }}>{{ __('common.select') }}</option>
                                  @foreach($selectElements->selectcDestinationColony as $i => $item)
                                    <option value="{{$i}}" {{$i == $form->getVal('destination_colony') ? 'selected' : ''}}>{{$item}}</option>
                                  @endforeach
                                </select>
                              </div>                               
                            </div>
                          </div>

                          <div class="panel-tag col-md-12 mt-3 cursor-pointer" data-bs-toggle="collapse" data-bs-target="#relatedMerchandise">
                            <i class="fal fa-list width-2 fs-xl"></i>
                            {{ __('consignment-notes.merchandise') }}
                            <i class="fas fa-caret-down width-2 fs-xl"></i>
                          </div>

                          <div class="collapse" id="relatedMerchandise">
                            <div id="merchandise_rel" class="merchandise-rel">
                              @if($empty == 0)
                                <div class="form-row mer-rel-row" id="merchandise_relacionado_{{$index}}">
                                  <input type="hidden" id="merchandise_related_{{$index}}">
                                  <div class="form-group col-md-2">
                                    <label>* {{ __('consignment-notes.transportedProperty') }}</label>
                                    <select id="transport_property" name="merchandise_relas[{{$index}}]" class="custom-select select-2" required>
                                      <option value="" {{ $form->getVal('transport_property')==""?"selected":"" }}>{{ __('common.select') }}</option>
                                      @foreach($satProdServ as $prodServ)
                                        <option value="{{ $prodServ->code }}" {{($empty ? '' : $form->getValNoDB('merchandise_relas.'.$index.'.transport_property', $merchandiseRela->transport_property ?? null)) == $prodServ->code ? 'selected' : ''}}>
                                          {{ $prodServ->code.' - '.$prodServ->description }}
                                        </option>                                                               
                                      @endforeach
                                    </select>
                                  </div>
                                  <div class="form-group col-md-2">
                                      <label>* {{ __('consignment-notes.description') }}</label>
                                      <input type="text" class="form-control" id="description" name="description[{{$index}}]" value="{{$empty ? '' : $form->getValNoDB('merchandise_relas.'.$index.'.description', $merchandiseRela->description ?? '')}}" required>
                                  </div>
                                  <div class="form-group col-md-1">
                                      <label>* {{ __('consignment-notes.amount') }}</label>
                                      <input type="text" class="form-control text-right decimal" id="merchandise_amount" name='merchandise_amount[{{$index}}]' value="{{$empty ? '' : $form->getValNoDB('merchandise_relas.'.$index.'.merchandise_amount', $merchandiseRela->merchandise_amount ?? '')}}" required>
                                  </div>
                                  <div class="form-group col-md-1">
                                      <label>* {{ __('consignment-notes.weightUnity') }}</label>
                                      <select id="weight_unity" name="weight_unity[{{$index}}]" class="custom-select select-2" required>
                                        <option value="" {{ $form->getVal('weight_unity')==""?"selected":"" }}>{{ __('common.select') }}</option>
                                        @foreach($satUnityKeys as $unityKey)
                                          <option value="{{ $unityKey->code }}" {{($empty ? '' : $form->getValNoDB('merchandise_relas.'.$index.'.weight_unity', $merchandiseRela->weight_unity ?? null)) == $prodServ->code ? 'selected' : ''}}>
                                            {{ $unityKey->code.' - '.$unityKey->name }}
                                          </option>                                                                    
                                        @endforeach
                                      </select>
                                  </div>
                                  <div class="form-group col-md-1">
                                      <label>* {{ __('consignment-notes.weight') }}</label>
                                      <div class="input-group">
                                        <input type="text" class="form-control text-right decimal" id="weight" name="weight[{{$index}}]" value="{{$empty ? '' : $form->getValNoDB('merchandise_relas.'.$index.'.weight', $merchandiseRela->weight ?? '')}}" required>
                                        <div class="input-group-append">
                                          <span class="input-group-text" style="padding: 3px;">Kg</span>
                                        </div>
                                      </div>
                                  </div>
                                  <div class="form-group col-md-1">
                                      <div class="custom-control custom-switch">
                                        <input type="checkbox" class="custom-control-input dangerous-material" id="dangerous_material" index="{{$index}}" name="dangerous_material[{{$index}}]" {{$empty ? '' : $form->getValNoDB('merchandise_relas.'.$index.'.dangerous_material', '' ?? '')}}>
                                        <label class="custom-control-label" for="dangerous_material">{{ __('consignment-notes.dangerousMaterial') }}</label>
                                      </div>
                                  </div>
                                  <div class="form-group col-md-2 dangerous-key-{{$index}} hidden">
                                      <label>* {{ __('consignment-notes.dangerousKey') }}</label>
                                      <select id="dangerous_material_key" name="dangerous_material_key[{{$index}}]" class="custom-select select-2">
                                        <option value="" {{ $form->getVal('dangerous_material_key')==""?"selected":"" }}>{{ __('common.select') }}</option>
                                        @foreach($dangerousKeys as $dangerousKey)
                                          <option value="{{ $dangerousKey->code }}" {{($empty ? '' : $form->getValNoDB('merchandise_relas.'.$index.'.dangerous_material_key', $merchandiseRela->dangerous_material_key ?? null)) == $prodServ->code ? 'selected' : ''}}>
                                            {{ $dangerousKey->code.' - '.$dangerousKey->description }}
                                          </option>                                                                    
                                        @endforeach
                                      </select>
                                  </div>
                                  <div class="form-group col-md-2 packing-type-{{$index}} hidden">
                                      <label>* {{ __('consignment-notes.packingType') }}</label>
                                      <select id="packing_type" name="packing_type[{{$index}}]" class="custom-select select-2">
                                        <option value="" {{ $form->getVal('packing_type')==""?"selected":"" }}>{{ __('common.select') }}</option>
                                        @foreach($packingTypes as $packing)
                                          <option value="{{ $packing->code }}" {{($empty ? '' : $form->getValNoDB('merchandise_relas.'.$index.'.packing_type', $merchandiseRela->packing_type ?? null)) == $prodServ->code ? 'selected' : ''}}>
                                            {{ $packing->code.' - '.$packing->description }}
                                          </option>                                                                    
                                        @endforeach
                                      </select>
                                  </div>
                                </div>
                              @endif
                              @foreach(has_old_input() ? old('merchandise_relas',[]) : $merchandiseRelas as $idx => $merchandiseRela)
                                @include('billing::Mexico.consignment-notes.partials.create.merchandise', ['empty' => 0, 'form' => $form])
                              @endforeach
                            </div>
                            <div class="form-row add-merchandise-relas">
                              <div class="form-group col-md-12 mb-4">
                                  <button id="add_mer" type="button" class="btn btn-success waves-effect waves-themed" onclick="AddMerchandiseRel()">{{__('consignment-notes.addrelatedmerchandise')}}</button>
                              </div>
                            </div>
                          </div>

                          <div class="panel-tag col-md-12">
                              <i class="fal fa-list width-2 fs-xl"></i>
                              {{ __('consignment-notes.transportation') }}
                          </div>

                          <div class="form-row">
                            <div class="form-group col-md-3">
                              <label>* {{ __('consignment-notes.permission') }}</label>
                              <select id="sct_permission" name="sct_permission" class="custom-select select-2" required>
                                <option value="" {{ $form->getVal('sct_permission')==""?"selected":"" }}>{{ __('common.select') }}</option>
                                @foreach($satPermissions as $permission)
                                  <option value="{{ $permission->code }}" {{ $form->getVal('sct_permission')==$permission->code ? "selected" : "" }}>
                                    {{ $permission->code.' - '.$permission->description }}
                                  </option>                                                                    
                                @endforeach
                              </select>
                            </div>
                            <div class="form-group col-md-3">
                              <label>* {{ __('consignment-notes.permissionNumber') }}</label>
                              <input class="form-control" id="permission_number" type='text' name='permission_number' value='{{$form->getVal('permission_number')}}' required>
                            </div>
                            <div class="form-group col-md-3">
                              <label>* {{ __('consignment-notes.vehicleConfiguration') }}</label>
                              <select id="vehicle_configuration" name="vehicle_configuration" class="custom-select select-2" required>
                                <option value="" {{ $form->getVal('vehicle_configuration')==""?"selected":"" }}>{{ __('common.select') }}</option>
                                @foreach($satVehicleConfigurations as $vehicleConfiguration)
                                  <option value="{{ $vehicleConfiguration->code }}" {{ $form->getVal('vehicle_configuration')==$vehicleConfiguration->code ? "selected" : "" }}>
                                    {{ $vehicleConfiguration->code.' - '.$vehicleConfiguration->description }}
                                  </option>                                                                    
                                @endforeach
                              </select>
                            </div>
                            <div class="form-group col-md-3">
                              <label>* {{ __('consignment-notes.plate') }}</label>
                              <input class="form-control" id="plate" type='text' name='plate' value='{{$form->getVal('plate')}}' required>
                            </div>
                          </div>

                          <div class="form-row">
                            <div class="form-group col-md-3">
                              <label>* {{ __('consignment-notes.year') }}</label>
                              <input class="form-control" id="vehicle_year" type='text' name='vehicle_year' value='{{$form->getVal('vehicle_year')}}' required>
                            </div>
                            <div class="form-group col-md-3">
                              <label>* {{ __('consignment-notes.insuranceName') }}</label>
                              <input class="form-control" id="insurance_name" type='text' name='insurance_name' value='{{$form->getVal('insurance_name')}}' required>
                            </div>
                            <div class="form-group col-md-3">
                              <label>* {{ __('consignment-notes.insurancePolicy') }}</label>
                              <input class="form-control" id="insurance_policy" type='text' name='insurance_policy' value='{{$form->getVal('insurance_policy')}}' required>
                            </div>
                            <div class="form-group col-md-3">
                              <label>* {{ __('consignment-notes.cargoInsuranceName') }}</label>
                              <input class="form-control" id="cargo_insurance_name" type='text' name='cargo_insurance_name' value='{{$form->getVal('cargo_insurance_name')}}' required>
                            </div>
                          </div>
                          <div class="form-row">
                            <div class="form-group col-md-3">
                              <label>* {{ __('consignment-notes.trailerType') }}</label>
                              <select id="trailer_type" name="trailer_type" class="custom-select select-2" required>
                                <option value="" {{ $form->getVal('trailer_type')==""?"selected":"" }}>{{ __('common.select') }}</option>
                                @foreach($satTrailerTypes as $trailerType)
                                  <option value="{{ $trailerType->code }}" {{ $form->getVal('trailer_type')==$trailerType->code ? "selected" : "" }}>
                                    {{ $trailerType->code.' - '.$trailerType->description }}
                                  </option>                                                                    
                                @endforeach
                              </select>
                            </div>
                            <div class="form-group col-md-3">
                              <label>* {{ __('consignment-notes.trailerPlate') }}</label>
                              <input class="form-control" id="trailerPlate" type='text' name='trailer_plate' value='{{$form->getVal('trailer_plate')}}' required>
                            </div>
                            <div class="form-group col-md-3 environment-insurance {{$empty && $merchandiseRelas->sum('dangerous_material') > 0 ? '' : 'hidden'}}">
                              <label>* {{ __('consignment-notes.environmentInsuranceName') }}</label>
                              <input class="form-control" id="environment_insurance_name" type='text' name='environment_insurance_name' value='{{$form->getVal('environment_insurance_name')}}'>
                            </div>
                            <div class="form-group col-md-3 environment-insurance {{$empty && $merchandiseRelas->sum('dangerous_material') > 0 ? '' : 'hidden'}}">
                              <label>* {{ __('consignment-notes.environmentInsurancePolicy') }}</label>
                              <input class="form-control" id="environment_insurance_policy" type='text' name='environment_insurance_policy' value='{{$form->getVal('environment_insurance_policy')}}'>
                            </div>
                          </div>

                          <div class="panel-tag col-md-12 mt-3 cursor-pointer" data-bs-toggle="collapse" data-bs-target="#relatedFigureTypes">
                            <i class="fal fa-list width-2 fs-xl"></i>
                            {{ __('consignment-notes.transportFigure') }}
                            <i class="fas fa-caret-down width-2 fs-xl"></i>
                          </div>

                          <div class="collapse" id="relatedFigureTypes">
                            <div id="documents_rel" class="documents-rel">
                              @if($empty == 0)
                                <div class="form-row doc-rel-row" id="figure_type_relacionado_{{$index}}">
                                  <input type="hidden" id="figure_related_{{$index}}">
                                  <div class="form-group col-md-2">
                                    <label>* {{ __('consignment-notes.figureType') }}</label>
                                    <select id="figure_type" index="{{$index}}" name="figure_type[{{$index}}]" class="custom-select figure-type" required>
                                      <option value="" {{ $form->getVal('figure_type')==""?"selected":"" }}>{{ __('common.select') }}</option>
                                      @foreach($satFigureTypes as $figureType)
                                        <option value="{{ $figureType->code }}"
                                          {{($empty ? '' : $form->getValNoDB('document_relas.'.$index.'.figure_type', $rela->figure_type ?? null)) == $figureType->code ? 'selected' : ''}}
                                          >
                                          {{ $figureType->code.' - '.$figureType->description }}
                                        </option>                                                                    
                                      @endforeach
                                    </select>
                                  </div>
                                  <div class="form-group col-md-3 col-11 rel-document">
                                    <label>* {{ __('consignment-notes.operators') }}</label>
                                    <select name="document_relas[{{$index}}]" id="document_relas{{$index}}" index="{{$index}}" class="custom-select initial-select relas" required>
                                      @php
                                        $val = $empty ? '' : $form->getValNoDB('document_relas.'.$index.'.operator_id', $rela->operator_id ?? null);
                                      @endphp
                                      @if(old('document_relas.'.$index))
                                        <option value="{{old('document_relas.'.$index)}}" selected="selected">{{old('relas.'.$index)}}</option>
                                      @else
                                        <option value="{{$val}}" selected="selected">{{$val}}</option>
                                      @endif
                                    </select>
                                  </div>
                                  <div class="form-group col-md-2">
                                      <label>{{ __('consignment-notes.rfc') }}</label>
                                      <input type="text" class="form-control" id="rfc" name="rfc[{{$index}}]" value="{{$empty ? '' : $form->getValNoDB('document_relas.'.$index.'.rfc', $rela->rfc ?? '')}}" maxlength="45" required readonly>
                                  </div>
                                  <div class="form-group col-md-2">
                                      <label>{{ __('consignment-notes.licensenumber') }}</label>
                                      <input type="text" class="form-control" id="license_number" name="license_number[{{$index}}]" value="{{$empty ? '' : $form->getValNoDB('document_relas.'.$index.'.license_number', $rela->license_number ?? '')}}" maxlength="100" required readonly>
                                  </div>
                                  <div class="form-group col-md-2 transport-part-{{$index}} hidden">
                                    <label>* {{ __('consignment-notes.transportPart') }}</label>
                                    <select id="transport_part" name="transport_part[{{$index}}]" class="custom-select">
                                      <option value="" {{ $form->getVal('transport_part')==""?"selected":"" }}>{{ __('common.select') }}</option>
                                      @foreach($transportParts as $transportPart)
                                        <option value="{{ $transportPart->code }}"
                                          {{($empty ? '' : $form->getValNoDB('document_relas.'.$index.'.transport_part', $rela->transport_part ?? null)) == $transportPart->code ? 'selected' : ''}}
                                          >
                                          {{ $transportPart->code.' - '.$transportPart->description }}
                                        </option>                                                                    
                                      @endforeach
                                    </select>
                                  </div>
                                </div>
                              @endif
                              @foreach(has_old_input() ? old('document_relas',[]) : $documentRelas as $idx => $rela)
                                @include('billing::Mexico.consignment-notes.partials.create.figure_types', ['empty' => 0, 'form' => $form])
                              @endforeach
                            </div>
                            <div class="form-row add-figure-relas">
                              <div class="form-group col-md-12 mb-4">
                                  <button id="add_rel" type="button" class="btn btn-success waves-effect waves-themed" onclick="AddFigureTypesRel()">{{__('consignment-notes.addrelatedfigure')}}</button>
                              </div>
                            </div>
                          </div>
                          <input type="hidden" name="currency" value="XXX">

                          <div class="panel-tag col-md-12">
                              <i class="fal fa-list width-2 fs-xl"></i>
                              {{ __('invoices.addproducts') }}
                          </div>

                          <div class="form-row mb-2">
                             <div class="col-md-5 col-4 form-group">
                                  <div class="custom-control custom-switch mt-3">
                                      <input type="checkbox" class="custom-control-input" id="multiproduct" name="multiple_products" {{$form->getVal('multiple_products') ? "checked" : "" }}>
                                      <label class="custom-control-label" for="multiproduct">{{ __('invoices.multiproduct') }}</label>
                                  </div>
                             </div>
                             <div class="col-md-3 col-4 form-group">
                                  <button id="btn-manual-product" type="button" class="btn btn-default" data-bs-toggle="collapse" data-bs-target="#paneConcept" aria-expanded="false" aria-controls="paneConcept">{{ __('invoices.manual_concept') }}</button>
                             </div>
                             <div class="col-md-4 col-4 form-group text-right">
                                  <button id="btnInvoiceSearchProducts" type="button" class="btn btn-success">{{ __('invoices.searchproducts') }}</button>
                             </div>
                          </div>

{{--Add Manual Form *******************************************************--}}
                          <div class="form-row collapse" id="paneConcept">
                            <div class="card card-body">
                              <p class="h5">{{ __('invoices.manual_concept') }}</p>
                              <div class="form-row">
                                <div class="col-md-2 form-group">
                                  <label>{{ __('invoices.partnumber') }}</label>
                                  <input type="text" class="form-control" id="manual_code" name="">
                                </div>
                                <div class="col-md-2 form-group">
                                  <label>{{ __('invoices.quantity') }}</label>
                                  <input id="manual_quantity" name="" type="number" class="form-control text-center"  value="1" min="0" max="9999">
                                </div>
                                <div class="col-md-4 form-group">
                                  <label>{{ __('invoices.sat') }}</label>
                                  <select id="manual_sat" class="custom-select">
                                      {!! $form->creaSelectOpts('', $selectElements->selectcClaveProducto) !!}
                                  </select>
                                </div>
                                <div class="col-md-4 form-group">
                                  <label>{{ __('invoices.unit') }}</label>
                                    <select id="manual_unit" class="custom-select">
                                        {!! $form->creaSelectOpts('', $selectElements->selectcClaveUnidad) !!}
                                    </select>
                                </div>
                                <div class="col-md-7 form-group">
                                  <label>{{ __('invoices.product_name') }}</label>
                                  <input type="text" class="form-control" id="manual_description" name="">
                                </div>
                                <div class="col-md-2 form-group">
                                  <label>{{ __('invoices.unitprice') }}</label>
                                  <input type="text" placeholder="" class="form-control" id="manual_price" name="">
                                </div>

                                <div class="col-md-2 form-group">
                                  <label>{{ __('invoices.discountpercent') }}</label>
                                  <input type="number" class="form-control text-center" min="0" max="50" id="manual_discount" name="">
                                </div>

                                <div class="col-md-1 mt-2 mt-md-4 form-group">
                                  <button id="btn-add-product" type="button" class="btn btn-outline-success btn-sm" onclick="addManualProductInvoice()">{{ __('invoices.btn_add') }}</button>
                                </div>
                              </div>

                            </div>
                          </div>
{{--Lista de Productos *******************************************************--}}
                          <div class="form-row">
                            <div class="table-responsive">
                                <table id="table-details-invoice" class="table">
                                  <thead>
                                    <tr>
                                      <th>{{ __('invoices.group-id') }}</th>
                                        <th class="text-right">{{ __('invoices.quantity') }}</th>
                                        <th>{{ __('invoices.sat') }}</th>
                                      <th>{{ __('invoices.unit') }}</th>
                                      <th>{{ __('invoices.code') }}</th>
                                      <th class="col_products">{{ __('invoices.product_name') }}</th>
                                      <th class="text-right">{{ __('invoices.tax_object') }}</th>
                                      <th class="text-right">{{ __('invoices.unitprice') }}</th>
                                      <th class="text-right">{{ __('invoices.discountpercent') }}</th>
                                      <th class="text-right">{{ __('invoices.totalprice') }}</th>
                                    </tr>
                                  </thead>
                                  <tbody id="content-rows">
                                    @foreach($products as $nKey => $product)
                                      <tr class='details'>
                                          <td>
                                              <input type="hidden" name="products[{{$nKey}}][group_code]" value="{{$product->group_code}}">
                                              {{ $product->group_code }}
                                          </td>
                                          <td id="col-qty" class="text-right">
                                              <input type="hidden" name="products[{{$nKey}}][quantity]" value="{{$product->quantity}}">
                                              {{ $product->quantity }}
                                          </td>
                                          <td>
                                              <input type="hidden" name="products[{{$nKey}}][tax_code]" value="{{$product->tax_code}}">
                                              {{ $product->tax_code }}
                                          </td>
                                          <td>
                                              <input type="hidden" name="products[{{$nKey}}][unity]" value="{{$product->unity}}">
                                              {{ $product->unity }}
                                          </td>
                                          <td>
                                              <input type="hidden" name="products[{{$nKey}}][product_id]" {!! $product->product_id ? 'id="Code_'.$product->product_id.'"' : '' !!} value="{{$product->product_id}}">
                                              {{ $product->product_id ?: 'N/A' }}
                                          </td>
                                          <td>
                                              <input type="hidden" name="products[{{$nKey}}][product_name]" value="{{$product->product_name}}">
                                              {{ $product->product_name }}
                                          </td>
                                          <td>
                                            <input type="hidden" name="products[{{$nKey}}][tax_object]" value="{{$product->tax_object}}">
                                            <select id="tax_object" class="custom-select" name="products[{{$nKey}}][tax_object]" required>
                                                {!! $form->creaSelectOpts($product->tax_object, $selectElements->selectcTaxObjects) !!}
                                            </select>
                                          </td>
                                          <td id='col-price' class='text-right'>
                                              <input type='text' class='form-control text-center input-invoice-price' min='0.1' name='products[{{$nKey}}][sales_price]' value='{{number_format($product->sales_price,2,".","")}}'>
                                          </td>
                                          <td id='col-discount' class='text-right'>
                                              <div style="" class="input-group float-right">
                                                  <input name="products[{{$nKey}}][disc_per]" type="number" class="form-control text-center"  value="{{$product->disc_per}}" min="0" max="50" onchange="SumInvoice()">
                                              </div>
                                          </td>
                                          <td id='col-subtotal' class='text-right'>
                                              <input type="hidden" class="subtotal" name="products[{{$nKey}}][amount]" value="{{$product->amount}}">
                                              <span class="legend-subtotal">
                                                {{ number_format($product->amount,2,".",",") }}
                                              </span>
                                          </td>
                                          <td>
                                              <a href="#" onclick="event.preventDefault();$(this).closest(&#39;tr&#39;).remove();SumInvoice()"
                                                 class="btn btn-primary waves-effect waves-themed btn-sm"
                                                 title="{{ __('quotes.deleteproduct') }}"
                                              >
                                                  <i class="fas fa-trash-alt"></i>
                                              </a>
                                          </td>
                                          <td style="display:none;"><input type='hidden' name='products[{{$nKey}}][manual]' value='{{$product->manual}}'></td>
                                      </tr>
                                  @endforeach
                                  </tbody>
{{--Totales *******************************************************--}}
                                  <tfoot>
                                      <tr>
                                          <td colspan="6" class="text-right pt-3">
                                              {{ __('invoices.subtotal') }}
                                          </td>
                                          <td colspan="4">
                                              <div class="input-group">
                                                  <div class="input-group-prepend">
                                                      <span class="currency_symbol input-group-text">{{$currency->symbol}}</span>
                                                  </div>
                                                  <input class="form-control text-right" id="subtotal" type='text' name='subtotal' value='0.00' readonly>
                                              </div>
                                          </td>
                                      </tr>
                                    <tr>
                                      <td colspan="6" class="text-right">
                                          {{ __('invoices.discount') }}
                                      </td>
                                      <td colspan="4">
                                          <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="currency_symbol input-group-text">{{$currency->symbol}}</span>
                                            </div>
                                            <input class="form-control text-right" id="discount_amount" type='text' name='discount' value='0.00' readonly>
                                          </div>
                                      </td>
                                    </tr>
                                    <tr>
                                      <td colspan="6" class="text-right">
                                          <div style="width:180px;" class="input-group float-right">
                                            <div class="input-group-prepend">
                                              <span class="input-group-text">{{ __('invoices.tax') }}</span>
                                            </div>
                                              <input id="tax" name="tax_perc" type="text" class="form-control numeric-mask" value="{{$form->getVal('tax_perc', $company->local_tax)}}" onchange="SumInvoice()"/>
                                            <div class="input-group-append">
                                              <span class="input-group-text">%</span>
                                            </div>
                                          </div>
                                      </td>
                                      <td colspan="4">
                                          <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="currency_symbol input-group-text">{{$currency->symbol}}</span>
                                            </div>
                                            <input class="form-control text-right" id="taxamount" type='text' name='tax' value='0.00' readonly>
                                          </div>
                                      </td>
                                    </tr>
                                    <tr>
                                      <td colspan="6" class="text-right pt-3">{{ __('invoices.total') }}</td>
                                      <td colspan="4">
                                          <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="currency_symbol input-group-text">{{$currency->symbol}}</span>
                                            </div>
                                            <input class="form-control text-right" id="total" type='text' name='total' value='0.00' readonly>
                                          </div>
                                      </td>
                                    </tr>
                                  </tfoot>
                                </table>
                            </div> <!--table-responsive-->
                          </div>
                          <div class="text-right mt-3">
                            <button type="submit" class="btn btn-primary waves-effect waves-themed">{{ __('buttons.save') }}</button>

                            <a href="{{ route('invoices.index') }}" class="btn btn-secondary waves-effect waves-themed">{{ __('buttons.cancel') }}</a>
                          </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        @include('billing::Mexico.consignment-notes.partials.create.modal_valid_products')
        <div id="figure_types_rel_empty" class="d-none">
            @include('billing::Mexico.consignment-notes.partials.create.figure_types', ['empty' => 1, 'idx' => '{idx}'])
        </div>
        <div id="merchandise_rel_empty" class="d-none">
            @include('billing::Mexico.consignment-notes.partials.create.merchandise', ['empty' => 1, 'idx' => '{idx}'])
        </div>
        <!-- Modal for Select Products -->
        <div id="content-products-modal"></div>

        @include('billing::Mexico.invoices.partials.create.modal_valid_products')
    </div>

    @section('footerScript')
      <script src="{{ URL::asset('js/formplugins/inputmask/inputmask.bundle.js') }}"></script>
      <script src="{{url('js/crm/app.billing.js?v=1.0.1')}}"></script>
      <script src="{{url('js/crm/app.invoice.js?v=5.3.44')}}"></script>
      <script src="{{url('js/crm/app.consignment-notes.js?v=7.1.8')}}"></script>
      <script>
        var MxnToUsd = {{ number_format(getExchangRate('USD'),4) }};
        var invoiceId = {{ request()->invoice->id ?? 0 }};
        var selectOption = '{{__('common.select')}}';
        var alert_poduct_already_add = '{{__('invoices.alert_poduct_already_add')}}';
        var alert_currency = '{{__('invoices.alert_currency')}}';
        var taxObjectsOptions = {!! json_encode($taxObjects, JSON_HEX_TAG) !!};

        $(function () {
            var idx;
            var i;
            var rel;
            @foreach(has_old_input() ? old('document_relas',[]) : $documentRelas as $idx => $rela)
                idx = '{{$idx}}';
                  searchOperators(idx, '');
            @endforeach

            @foreach(has_old_input() ? old('merchandise_relas',[]) : $merchandiseRelas as $i => $merchandiseRela)
              i = '{{$i}}';
                initializePlugins(i);
            @endforeach
        });
      </script>
    @stop
@endsection