@extends('layouts.template')

@section('content')

<section class="order-booking">
  <div class="container">
    <div class="row">   

      {!! Form::model($order, [
          'method' => 'PATCH',
          'url' => ['/logistic/order', $order->id],
          'class' => 'form-horizontal',
          'id' =>'updateform',
          'files' => true
      ]) !!}
      <h1 class="heading">
        @if($order->logistic_type == 1)
        Order Booking: Import<span class="orderid">#IE{{$order->id}}</span>
        @endif
        @if($order->logistic_type == 2)
        Order Booking: Export<span class="orderid">#XI{{$order->id}}</span>
        @endif
        <a href="{{ url('logistic/dashboard') }}" title="back"><i class="fa fa-undo" aria-hidden="true"></i></a> 
      </h1>
      @if(Session::has('flash_message'))
      <div class="row">
          <div class="col-md-12">
              <p class="alert {{ Session::get('alert-class', 'alert-info') }}">{{ Session::get('flash_message') }}</p>
          </div> 
      </div>   
      @endif
      <div class="col-md-12 order-table-heading">
        <input type="hidden" name="logistic_type" value="{{ Auth::user()->logistic_type }}">
        <h4 class="col-md-3 col-sm-2 col-xs-12">Services <span class="error"> * </span></h4>
        <div class=" col-md-9 col-sm-10 col-xs-12 demo-list">

           <div class="checkbox checkbox-primary checkbox-inline">
                
                @if(in_array("clearance",$servicesinfo))
                  <input type="checkbox" name="services[]" value="clearance" checked="checked" class="styled" id="inlineCheckbox1">
                @else
                  <input type="checkbox" name="services[]" value="clearance" class="styled" id="inlineCheckbox1" >
                @endif
                
                <label for="inlineCheckbox1"> Clearance</label>
            </div>
            <div class="checkbox checkbox-primary checkbox-inline">
                @if(in_array("packing",$servicesinfo))
                  <input type="checkbox" name="services[]" value="packing" checked="checked" class="styled" id="inlineCheckbox2">
                @else
                  <input type="checkbox" name="services[]" value="packing" class="styled" id="inlineCheckbox2">  
                  @endif
                <label for="inlineCheckbox2"> Packing</label>
            </div>
            <div class="checkbox checkbox-primary checkbox-inline">
                @if(in_array("unpacking",$servicesinfo))
                  <input type="checkbox" name="services[]" value="unpacking" checked="checked" class="styled" id="inlineCheckbox3">
                @else
                  <input type="checkbox" name="services[]" value="unpacking" class="styled" id="inlineCheckbox3"  >
                @endif
                <label for="inlineCheckbox3"> UnPacking </label>
            </div>

            <div class="checkbox checkbox-primary checkbox-inline">
                @if(in_array("transportation",$servicesinfo))
                  <input type="checkbox" name="services[]" value="transportation" checked="checked" class="styled" id="inlineCheckbox4">
                @else
                  <input type="checkbox" name="services[]" value="transportation" class="styled" id="inlineCheckbox4" >
                @endif 
               <label for="inlineCheckbox4"> Transportation </label>
            </div>

            <div class="checkbox checkbox-primary checkbox-inline">
                 @if(in_array("warehouse",$servicesinfo))
                  <input type="checkbox" name="services[]" value="warehouse" checked="checked" class="styled" id="inlineCheckbox5">
                @else
                  <input type="checkbox" name="services[]" value="warehouse" class="styled" id="inlineCheckbox5">
                @endif 
               
                <label for="inlineCheckbox5"> Warehouse </label>
            </div>
            <span class="service-error"></span>
            <div class="clearfix"></div>
            {!! $errors->first('services', '<span class="help-block service-checkbox-error">:message</span>') !!} 
        </div>

    </div>
      <div class="customer-area">
          <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 customer-details">
              <h1>customer details</h1>
              <div class="customer-form">
                  <div class="form-group col-md-4 col-sm-4 {{ $errors->has('shipper') ?  'has-error' : ''}}">
                      <label for="Shipper"><i class="fa fa-plus-circle" data-toggle="modal" data-target="#myModal" aria-hidden="true"></i>
                       Shipper</label>
                      <span class="error"> * </span>
                      <div class="select">
                          {!! Form::select('shipper_id',['' => 'Select Shipper'] + $page_data['shippers']->toArray() , null, ['id'=>'shipper','class' => 'form-control arr']) !!}
                          {!! $errors->first('shipper', '<p class="help-block">:message</p>') !!}
                      </div>
                  </div>
                  <div class="form-group col-md-4 col-sm-4 {{ $errors->has('shipping_ref') ?  'has-error' : ''}}">
                      <label for="Shipping Ref">Shipping Ref</label>
                      <span class="error"> * </span>
                      {!! Form::text('shipping_ref', null, array('placeholder' => 'Shipping Ref','class' => 'form-control')) !!}
                      {!! $errors->first('shipping_ref', '<p class="help-block">:message</p>') !!}
                  </div>

                  <div class="form-group col-md-4 col-sm-4 {{ $errors->has('port_agent') ? 'has-error' : ''}}">
                      <label for="Port Agent">Port Agent</label>
                      <span class="error"> * </span>
                      {!! Form::text('port_agent', null, array('placeholder' => 'Port Agent','class' => 'form-control')) !!}
                      {!! $errors->first('port_agent', '<p class="help-block">:message</p>') !!}
                  </div>

                  <div class="form-group col-md-4 col-sm-4 {{ $errors->has('consignee') ?  'has-error' : ''}}">
                      <div class="select">
                          <label for="Consignee"><i class="fa fa-plus-circle" data-toggle="modal" data-target="#myModal" aria-hidden="true"></i>
                           Consignee</label>
                          <span class="error"> * </span>
                          {!! Form::select('consignee_id',['' => 'Select Consignee'] + $page_data['consignees']->toArray() , null, ['class' => 'form-control arr']) !!}
                          {!! $errors->first('shipper', '<p class="help-block">:message</p>') !!}
                      </div>
                  </div>

                  <div class="form-group col-md-4 col-sm-4 {{ $errors->has('consignee_ref') ?  'has-error' : ''}}">
                      <label for="Consignee Ref">Consignee Ref</label>
                      <span class="error"> * </span>
                      {!! Form::text('consignee_ref', null, array('placeholder' => 'Consignee Ref','class' => 'form-control')) !!}
                      {!! $errors->first('consignee_ref', '<p class="help-block">:message</p>') !!}
                  </div>
                  <div class="form-group col-md-4 col-sm-4 {{ $errors->has('border_agent') ?  'has-error' : ''}}">
                      <label for="Border Agent">Border Agent</label>
                      {!! Form::text('border_agent', null, array('placeholder' => 'Border Agent','class' => 'form-control')) !!}
                      {!! $errors->first('border_agent', '<p class="help-block">:message</p>') !!}
                  </div>

                  <div class="form-group col-md-4 col-sm-4 {{ $errors->has('notify') ?  'has-error' : ''}}">
                  <div class="select">
                      <label for="Notify"><i class="fa fa-plus-circle" data-toggle="modal" data-target="#myModal" aria-hidden="true"></i>
                       Notify</label>
                      {!! Form::select('notify',['' => 'Select Notify'] + $page_data['notify']->toArray() , null, ['id'=>'notify','class' => 'form-control arr']) !!}
                      {!! $errors->first('notify', '<p class="help-block">:message</p>') !!}
                      </div>
                  </div>

                  <div class="form-group col-md-4 col-sm-4 {{ $errors->has('customer_ref') ?  'has-error' : ''}}">
                      <label for="Customer Ref">Customer Ref</label>
                      <span class="error"> * </span>
                      {!! Form::text('customer_ref', null, array('placeholder' => 'Customer Ref','class' => 'form-control')) !!}
                      {!! $errors->first('customer_ref', '<p class="help-block">:message</p>') !!}
                  </div>
                  <div class="form-group col-md-4 col-sm-4 {{ $errors->has('customer') ?  'has-error' : ''}}">
                      <label for="Customer">Customer</label>
                      <span class="error"> * </span>
                      <div class="select">
                          {!! Form::select('customer_id', ['' => 'Select Customer'] + $page_data['customers']->toArray() , null, ['id'=>'customer','class' => 'form-control arr']) !!}
                          {!! $errors->first('customer', '<p class="help-block">:message</p>') !!}
                      </div>
                  </div>
                  <div class="form-group col-md-12 col-sm-12 {{ $errors->has('delivery_address') ?  'has-error' : ''}}">
                      <label for="Delivery Address">Delivery Address</label>
                      {!! Form::textarea('delivery_address', null, ['size' => '30x5','class'=>'form-control inp_textarea','placeholder'=>'Delivery Address']) !!}
                      {!! $errors->first('delivery_address', '<p class="help-block">:message</p>') !!}
                  </div>
                  <div class="clearfix"></div>

              </div>
          </div>

          <div class="document-list col-lg-6 col-md-6 col-sm-6 col-xs-12">
              <h1>Document check list</h1>
              <div class="customer-document {{ $errors->has('document_files') ?  'has-error' : ''}}">
                  <span class="col-sm-12 col-md-12">
                      @foreach($document_type as $dt)
                          @if($dt->type == Auth::user()->logistic_type)
                          <div class="col-sm-4 col-md-4">
                              <div class="file-upload">
                                                                    @foreach($document as $doc)
                                  @if($doc->document_type == $dt->name)
                                        
                                    @endif
                                  @endforeach
                                                                    {!! Form::checkbox('document_files[]', $dt->id, null, ['id'=>'area'.$dt->id,'class' => 'magic-checkbox area trigger_chk',$checked]) !!}                                
                                  <label for="area{{$dt->id}}">{{ $dt->name }}</label>
                                  {!! Form::file($dt->id.'_file[]', ['id'=>'file'.$dt->id,'multiple'=>'true','class'=>'file_u','style'=>'display:none;']) !!}
                                  {!! Form::hidden($dt->id.'_hidden', $dt->name) !!}
                                  {!! Form::hidden($dt->id.'_oldfile', $files_1) !!}
                                  <br>
                                  <span class="show_file">   
                                      @if($upload_file)
                                      <a href ='/order_documents/{{$upload_file}}' target="_blank">{{$upload_file}}</a>
                                       @endif
                                   <!--{{ ($upload_file)?link_to_asset('order_documents/'.$upload_file,$upload_file,'_blank'):'' }}-->
                                  </span>
                                  
                              </div>
                          </div>
                          @endif
                      @endforeach
                  </span>
                  {!! $errors->first('document_files', '<span class="help-block document-error">:message</span>') !!}
                  <div class="clearfix"></div>
              </div>
          </div>
      </div>

      <div class="shipping-area">
          <div class="col-md-6 col-sm-12 col-xs-12 shiping-details">
              <h1>Shipping Details</h1>
              <div>
              {{ Form::hidden('dest_id',$order['destination_id'] ) }}
              </div>
              <div class="shipping-form">
                  <div class="form-group col-lg-4 col-md-6 col-sm-6 col-xs-12 {{ $errors->has('shipping_line') ?  'has-error' : ''}}">
                      <label for="Shipping Line">Shipping Line</label>
                      <span class="error"> * </span>
                      <div class="select">
                          {!! Form::select('shipping_line_id', ['' => 'Select Shipping Line'] + $page_data['shipping_lines']->toArray(), null, ['id'=>'shipping_line','class' => 'form-control arr']) !!}
                          {!! $errors->first('shipping_line', '<p class="help-block">:message</p>') !!}
                      </div>
                  </div>
                  <div class="form-group col-lg-4 col-md-6 col-sm-6 col-xs-12 {{ $errors->has('booking_no') ?  'has-error' : ''}}">
                      <label for="Booking Ref">Booking No</label>
                      <span class="error"> * </span>
                      {!! Form::text('booking_no', null, array('placeholder' => 'Booking No.','class' => 'form-control')) !!}
                      {!! $errors->first('booking_no', '<p class="help-block">:message</p>') !!} 
                  </div>
                  <div class="form-group col-lg-4 col-md-6 col-sm-6 col-xs-12 {{ $errors->has('booking_ref') ?  'has-error' : ''}}">
                      <label for="Booking Ref">Booking Ref</label>
                      <span class="error"> * </span>
                      {!! Form::text('booking_ref', null, array('placeholder' => 'Booking Ref','class' => 'form-control')) !!}
                      {!! $errors->first('booking_ref', '<p class="help-block">:message</p>') !!} 
                  </div>
                  <div class="form-group col-lg-4 col-md-6 col-sm-6 col-xs-12 {{ $errors->has('bill_of_lading') ?  'has-error' : ''}}">
                      <label for="Bill of Lading">Bill of Lading</label>
                      <span class="error"> * </span>
                      {!! Form::text('lading_bill', null, array('placeholder' => 'Bill Of Lading','class' => 'form-control')) !!}
                      {!! $errors->first('bill_of_lading', '<p class="help-block">:message</p>') !!} 
                  </div>

                  <div class="form-group col-lg-4 col-md-6 col-sm-6 col-xs-12 {{ $errors->has('loading_port') ?  'has-error' : ''}}">
                      <label for="Port of Loading">Port of Loading</label>
                      <span class="error"> * </span>
                      <div class="select">
                          {!! Form::select('loadingport_id', ['' => 'Select Loading Port'] + $page_data['loading_port']->toArray() , null, ['class' => 'form-control arr']) !!}
                          {!! $errors->first('loading_port', '<p class="help-block">:message</p>') !!}
                      </div>
                  </div>

                  <div class="form-group col-lg-4 col-md-6 col-sm-6 col-xs-12 {{ $errors->has('discharge_port') ?  'has-error' : ''}}">
                      <label for="Port of Discharge">Port of Discharge</label>
                      <span class="error"> * </span>
                      <div class="select">
                          {!! Form::select('dischargeport_id', ['' => 'Select Discharge Port'] + $page_data['discharge_port']->toArray(), null, ['class' => 'form-control arr']) !!}
                          {!! $errors->first('discharge_port', '<p class="help-block">:message</p>') !!}
                      </div>
                  </div>
                   <div class="form-group col-lg-4 col-md-6 col-sm-6 col-xs-12 {{ $errors->has('origin') ?  'has-error' : ''}}">
                      <label for="Origin">Origin</label>
                      <span class="error"> * </span>
                      <div class="select">
                          {!! Form::select('origin_id', ['' => 'Select Origin'] + $page_data['origin']->toArray() , null, ['class' => 'form-control arr','id'=>'originChange']) !!}
                          {!! $errors->first('origin', '<p class="help-block">:message</p>') !!}
                      </div>
                  </div>
                    <div class="form-group col-lg-4 col-md-6 col-sm-6 col-xs-12 {{ $errors->has('destination') ?  'has-error' : ''}} ">
                      <label for="Destination">Destination</label>
                      <span class="error"> * </span>
                      <div class="select">
                          {!! Form::select('destination_id', ['' => 'Select Destination'] , null, ['class' => 'form-control arr','id'=>'destination']) !!}
                          {!! $errors->first('destination', '<p class="help-block">:message</p>') !!}
                      </div>

                  </div>

                 <div class="form-group col-lg-4 col-md-6 col-sm-4 col-xs-12 {{ $errors->has('remarks') ?  'has-error' : ''}}">
                      <label for="Origin">Remarks</label>
                      {!! Form::textarea('remarks', null, ['size' => '30x5','class'=>'form-control inp_textarea','placeholder'=>'Enter your Remark Here..']) !!}
                      {!! $errors->first('remarks', '<div class="help-block remark-error with-errors">:message</div>') !!}                            
                  </div>
                  <div class="clearfix"></div>
              </div>
          </div>

          <div class="col-md-6 col-sm-12 col-xs-12 cargo-details">
              <h1>cargo details</h1>
              <div class="cargo-form">
                  <div class="form-group col-lg-4 col-md-6 col-sm-6 {{ $errors->has('vessel') ?  'has-error' : ''}}">
                      <label for="Vessel">Vessel</label>
                      <div class="select">
                          {!! Form::select('vessel_id', ['' => 'Select Vessel'] + $page_data['vessels']->toArray() , null, ['id'=>'vessels','class' => 'form-control arr']) !!}
                          <!-- {!! Form::select('vessel', ['' => 'Select Vessel'], null, ['id'=>'vessels','class' => 'form-control arr']) !!} -->
                          {!! $errors->first('vessel', '<p class="help-block">:message</p>') !!}
                      </div>
                  </div>

                  <div class="form-group col-lg-4 col-md-6 col-sm-6 {{ $errors->has('voyage') ?  'has-error' : ''}}">
                      <label for="Voyage">Voyage</label>
                      <div class="select">
                          {!! Form::select('voyage_id', ['' => 'Select Voyage'], null, ['class' => 'form-control arr','id'=>'voyage']) !!}
                          {!! $errors->first('voyage', '<p class="help-block">:message</p>') !!}
                      </div>
                      
                  </div>
                  <div class="form-group col-lg-4 col-md-6 col-sm-6 {{ $errors->has('product') ?  'has-error' : ''}}">
                      <label for="Product">Product</label>
                      <span class="error"> * </span>
                      <div class="select">
                          {!! Form::select('product_id', ['' => 'Select Product'] + $page_data['products']->toArray() , null, ['id'=>'product','class' => 'form-control arr']) !!}
                          {!! $errors->first('product', '<p class="help-block">:message</p>') !!}
                      </div>
                  </div>
                  <div class="form-group col-lg-4 col-md-6 col-sm-6 {{ $errors->has('product_detail') ?  'has-error' : ''}}">
                      <label for="Product Details">Product Details</label>
                      <span class="error"> * </span>
                      {!! Form::text('product_detail', null, array('id'=>'product_details','placeholder' => 'Product Details','class' => 'form-control')) !!}
                      {!! $errors->first('product_detail', '<p class="help-block">:message</p>') !!} 
                  </div>
                  <div class="form-group col-lg-4 col-md-6 col-sm-6 {{ $errors->has('unit_price') ?  'has-error' : ''}}">
                      <label for="Unit Price">Unit Price</label>
                      {!! Form::text('unit_price', null, ['id'=>'unit_price','placeholder' => 'Unit Price','class' => 'form-control']) !!}
                      {!! $errors->first('unit_price', '<p class="help-block">:message</p>') !!} 
                  </div>
                  <div class="form-group col-lg-4 col-md-6 col-sm-6 {{ $errors->has('product_value') ?  'has-error' : ''}}">
                      <label for="Product Value">Product Value</label>
                      <span class="error"> * </span>
                      {!! Form::text('total_value', null, array('placeholder' => 'Product Value','class' => 'form-control','id'=>'product_value')) !!}
                      {!! $errors->first('total_value', '<p class="help-block">:message</p>') !!} 
                  </div>

                  <div class="form-group col-lg-4 col-md-6 col-sm-6 {{ $errors->has('hazardous') ?  'has-error' : ''}}">
                      <label for="Hazardous">Hazardous</label>
                      <div class="select">
                          {!! Form::select('hazard_id',['' => 'Select Hazard'] + $page_data['hazardous_list']->toArray(), null, ['class' => 'form-control arr','id'=>'hazardChange']) !!}
                          {!! $errors->first('hazardous', '<p class="help-block">:message</p>') !!}
                      </div>
                  </div>

                  <div class="form-group col-lg-4 col-md-6 col-sm-6 {{ $errors->has('unno_imo') ?  'has-error' : ''}} ">
                      <label for="UNNO/IMO">UNNO/IMO</label>
                      <div class="select">
                          {!! Form::select('unno_id', ['' => 'Select Unno/IMO'] , null, ['class' => 'form-control arr','id'=>'unno']) !!}
                          {!! $errors->first('unno_imo', '<p class="help-block">:message</p>') !!}
                      </div>  
                  </div>

                  <div class="form-group col-lg-4 col-md-6 col-sm-6 {{ $errors->has('msds') ?  'has-error' : ''}}">
                      <label for="MSDS">MSDS</label>
                      {!! Form::text('msds', null, array('placeholder' => 'MSDS','class' => 'form-control')) !!}
                      {!! $errors->first('msds', '<p class="help-block">:message</p>') !!} 
                  </div>
                  <div class="clearfix"></div>
              </div>
          </div>
      </div>
      
      <section class="conatinrised-form">
        <div class="container">
            <div class="row">
                <div class="col-md-12 last-heading">
                    <ul class="nav nav-pills">
                      <li class="active">
                        <a href="#1a" data-toggle="tab" aria-expanded="false" class="cargo_type">Containarized</a>
                      </li>
                      <li class=""><a href="#2a" data-toggle="tab" aria-expanded="false" class="cargo_type">Break Bulk</a>
                      </li>
                      <li class=""><a href="#3a" data-toggle="tab" aria-expanded="false" class="cargo_type">LCL/Airfreight</a>
                      </li>
                      <li><a href="#4a" data-toggle="tab" aria-expanded="true" class="cargo_type">OOG</a>
                      </li>
                    </ul>
                </div>
                <div class="tab-content clearfix">
                    <div class="input_fields_wrap tab-pane active" id="1a">
                    <div class="containersixed-table containarized">
                        <!-- <h4>Containarized</h4> -->
                        <input type=hidden name='con_id' id='containarized_id' value="{{$order->id}}">
                        <div class="form-group col-md-4 col-sm-4 {{ $errors->has('container') ?  'has-error' : ''}}">
                            <label for="container">Container</label>
                            {!! Form::text('con_container', null, array('placeholder' => 'Container','class' => 'form-control test_validate','id'=>'container','maxlength'=>'11')) !!}
                            {!! $errors->first('con_container', '<p class="help-block">:message</p>') !!} 
                        </div>

                        <div class="form-group col-md-4 col-sm-4 {{ $errors->has('size') ?  'has-error' : ''}}">
                            <label for="size">Size</label>
                            <div class="select">
                            {!! Form::select('size', [''=>'Select Size','20'=>'20`','40'=>'40`'] , null, ['class' => 'form-control arr','id'=>'size']) !!}
                            {!! $errors->first('size', '<p class="help-block">:message</p>') !!} 
                            </div>
                        </div>

                        <div class="form-group col-md-4 col-sm-4 {{ $errors->has('size_type') ?  'has-error' : ''}}">
                            <label for="size_type">Size Type</label>
                            <div class="select">
                            {!! Form::select('size_type', [''=>'Select Size Type'] + $page_data['size']->toArray() ,null, ['class' => 'form-control arr','id'=>'size_type']) !!}
                            {!! $errors->first('size_type', '<p class="help-block">:message</p>') !!} 
                            </div>
                        </div>

                        <div class="form-group col-md-4 col-sm-4 {{ $errors->has('seal') ?  'has-error' : ''}}">
                            <label for="seal">Seal Nr</label>
                            {!! Form::text('seal', null, array('placeholder' => 'Seal','class' => 'form-control test_validate','id'=>'seal')) !!}
                            {!! $errors->first('seal', '<p class="help-block">:message</p>') !!} 
                        </div>

                        <div class="form-group col-md-4 col-sm-4 {{ $errors->has('other_seal') ?  'has-error' : ''}}">
                            <label for="other_seal">Other Seal</label>
                            {!! Form::text('other_seal', null, array('placeholder' => 'Seal Other','class' => 'form-control','id'=>'other_seal')) !!}
                            {!! $errors->first('other_seal', '<p class="help-block">:message</p>') !!} 
                        </div>

                        <div class="form-group col-md-4 col-sm-4 {{ $errors->has('con_quantity') ?  'has-error' : ''}}">
                            <label for="con_quantity">Cargo Qty</label>
                            {!! Form::text('con_quantity', null, array('placeholder' => 'Quantity','class' => 'form-control test_validate','id'=>'con_quantity')) !!}
                            {!! $errors->first('con_quantity', '<p class="help-block">:message</p>') !!}
                        </div>

                        <div class="form-group col-md-4 col-sm-4 {{ $errors->has('con_packaging') ?  'has-error' : ''}}">
                            <label for="con_packaging">Packaging</label>
                            {!! Form::text('con_packaging', null, array('placeholder' => 'Packaging','class' => 'form-control test_validate','id'=>'con_packaging')) !!}
                            {!! $errors->first('con_packaging', '<p class="help-block">:message</p>') !!}
                        </div>

                        <div class="form-group col-md-4 col-sm-4 {{ $errors->has('con_weight') ?  'has-error' : ''}}">
                        <label for="con_weight">Weight (Tons)</label>
                        {!! Form::text('con_weight', null, array('placeholder' => 'Weight','class' => 'form-control test_validate','id'=>'con_weight')) !!}
                        {!! $errors->first('con_weight', '<p class="help-block">:message</p>') !!} 
                        </div>

                        <div class="form-group col-md-4 col-sm-4 {{ $errors->has('con_remark') ?  'has-error' : ''}}">
                        <label for="con_remark">Remarks</label>
                        {!! Form::text('con_remark', null, array('placeholder' => 'Remark','class' => 'form-control','id'=>'con_remark')) !!}
                        {!! $errors->first('con_remark', '<p class="help-block">:message</p>') !!} 
                        </div>
                        <button type="button" class="add_field_button" onclick="AddContanarisedData()"><i class="fa fa-plus" aria-hidden="true"></i></button>
                        <!--<div class="divider"></div>-->
                        <div class="table-containrised table-responsive">
                            <table id="containarized" class="table">
                                <thead>
                                    <tr>
                                      <th>Id</th>
                                      <th>Container</th> 
                                      <th>Size</th>
                                      <th>Size Type</th> 
                                      <th>Seal</th>                        
                                      <th>Other Seal</th>                     
                                      <th>Quantity</th>  
                                      <th>Packaging</th>
                                      <th>Weight</th>
                                      <th>Remark</th>
                                      <th>Action</th>                  
                                    </tr>
                                </thead>         
                                <tbody>
                                @foreach($cargodetail->where('cargo_type','containarized') as $cargo)
                                  <tr>
                                  <td>{{$cargo->id}}</td>
                                  <td>{{$cargo->container}}</td>
                                  <td>{{$cargo->size}}</td>
                                  <td>{{$cargo->size_type}}</td>
                                  <td>{{$cargo->seal_nr}}</td>
                                  <td>{{$cargo->other_seal}}</td>
                                  <td>{{$cargo->quantity}}</td>
                                  <td>{{$cargo->packaging}}</td>
                                  <td>{{$cargo->weight}}</td>
                                  <td>{{$cargo->remark}}</td>
                                  </tr>
                                @endforeach 
                                </tbody> 
                            </table>
                        </div> 
                       <div class="clearfix"></div>
                       </div>
                    </div>

                    <div class="input_fields_wrap1 tab-pane" id="2a">
                    <div class="containersixed-table break_bulk">
                        <!-- <h4>Break Bulk</h4> -->
                        <input type=hidden name='break_bulk_id' id='break_bulk_id' value="{{$order->id}}">
                        <div class="form-group col-md-4 col-sm-4 {{ $errors->has('bb_cargo_product') ?  'has-error' : ''}}">
                        <label for="cargo_product">Product</label>
                        <div class="select">
                        {!! Form::select('bb_cargoproduct',[""=>"Select Product"] + $page_data['product']->toArray() ,null, array('class' => 'form-control arr', 'id'=>'bb_cargo_product')) !!}
                        {!! $errors->first('bb_cargoproduct', '<p class="help-block">:message</p>') !!} 
                        </div>
                        </div>

                        <div class="form-group col-md-4 col-sm-4 {{ $errors->has('bb_quantity') ?  'has-error' : ''}}">
                        <label for="bb_quantity">Quantity</label>
                        {!! Form::text('bb_quantity', null, array('placeholder' => 'Quantity','class' => 'form-control','id'=>'bb_quantity')) !!}
                        {!! $errors->first('bb_quantity', '<p class="help-block">:message</p>') !!} 
                        </div>

                        <div class="form-group col-md-4 col-sm-4 {{ $errors->has('bb_packaging') ?  'has-error' : ''}}">
                            <label for="bb_packaging">Packaging</label>
                            <div class="select">
                                {!! Form::select('bb_packaging', [""=>"Select Packing"] + $page_data['packaging']->toArray(),null, array('class' => 'form-control','id'=>'bb_packaging')) !!}
                                {!! $errors->first('bb_packaging', '<p class="help-block">:message</p>') !!}                                        
                            </div>
                        </div>

                        <div class="form-group col-md-4 col-sm-4 {{ $errors->has('bb_weight') ?  'has-error' : ''}}">
                        <label for="bb_weight">Weight (TONS)</label>
                        {!! Form::text('bb_weight', null, array('placeholder' => 'Weight','class' => 'form-control','id'=>'bb_weight')) !!}
                        {!! $errors->first('bb_weight', '<p class="help-block">:message</p>') !!}
                        </div>

                        <div class="form-group col-md-4 col-sm-4 {{ $errors->has('bb_remark') ?  'has-error' : ''}}">
                        <label for="bb_remark">Remarks</label>
                        {!! Form::text('bb_remark', null, array('placeholder' => 'Remark','class' => 'form-control','id'=>'bb_remark')) !!}
                        {!! $errors->first('bb_remark', '<p class="help-block">:message</p>') !!} 
                       </div>
                        <button class="add_field_button1" type="button" onclick="AddBreakBulkData()"><i class="fa fa-plus" aria-hidden="true"></i> </button>
                        <!-- <div class="divider"></div> -->
                        <div class="table-containrised table-responsive">
                            <table id="break_bulk" class="table">
                                <thead>
                                    <tr>
                                      <th>Id</th>
                                      <th>Product</th> 
                                      <th>Quantity</th> 
                                      <th>Packaging</th>                        
                                      <th>Weight</th>
                                      <th>Remark</th>
                                      <th>Action</th>                  
                                    </tr>
                                </thead>         
                                <tbody>
                                @foreach($cargodetail->where('cargo_type','break_bulk') as $cargo)
                                 <tr>
                                  <td>{{$cargo->id}}</td>
                                  <td>{{$cargo->product}}</td>
                                  <td>{{$cargo->quantity}}</td>
                                  <td>{{$cargo->packaging}}</td>
                                  <td>{{$cargo->weight}}</td>
                                  <td>{{$cargo->remark}}</td>
                                 </tr>
                                @endforeach        
                                </tbody>
                            </table>
                        </div> 

                       <div class="clearfix"></div>
                       </div>
                    </div>

                    <div class="input_fields_wrap-lcl tab-pane" id="3a">
                    <div class="containersixed-table lcl">
                        <!-- <h4>LCL</h4> -->
                        <input type=hidden name='lcl_id' id='lcl_id' value="{{$order->id}}">
                        <div class="form-group col-md-4 col-sm-4 {{ $errors->has('lcl_cargo_product') ?  'has-error' : ''}}">
                        <label for="lcl_cargo_product">Product</label>
                        <div class="select">
                        {!! Form::select('lcl_cargoproduct', [""=>"Select Product"] + $page_data['product']->toArray(),null, array('class' => 'form-control','id'=>'lcl_cargo_product')) !!}
                        {!! $errors->first('lcl_cargoproduct', '<p class="help-block">:message</p>') !!} 
                        </div>
                       </div>

                       <div class="form-group col-md-4 col-sm-4 {{ $errors->has('lcl_quantity') ?  'has-error' : ''}}">
                        <label for="lcl_quantity">Quantity</label>
                         {!! Form::text('lcl_quantity', null, array('placeholder' => 'Quantity','class' => 'form-control','id'=>'lcl_quantity')) !!}
                         {!! $errors->first('lcl_quantity', '<p class="help-block">:message</p>') !!} 
                       </div>

                       <div class="form-group col-md-4 col-sm-4 {{ $errors->has('lcl_packaging') ?  'has-error' : ''}}">
                        <label for="lcl_packaging">Packaging</label>
                        <div class="select">
                        {!! Form::select('lcl_packaging',[""=>"Select Packing"] + $page_data['packaging']->toArray(),null, array('class' => 'form-control arr','id'=>'lcl_packaging')) !!}
                        {!! $errors->first('lcl_quantity', '<p class="help-block">:message</p>') !!} 
                        </div>
                       </div>

                        <div class="form-group col-md-4 col-sm-4 {{ $errors->has('lcl_length') ?  'has-error' : ''}}">
                        <label for="lcl_length">Length</label>
                        {!! Form::text('lcl_length', null, array('placeholder' => 'Length','class' => 'form-control','id'=>'lcl_length')) !!}
                        {!! $errors->first('lcl_length', '<p class="help-block">:message</p>') !!}
                       </div>

                        <div class="form-group col-md-4 col-sm-4 {{ $errors->has('lcl_width') ?  'has-error' : ''}}">
                        <label for="lcl_width">Width</label>
                        {!! Form::text('lcl_width', null, array('placeholder' => 'Width','class' => 'form-control','id'=>'lcl_width')) !!}
                        {!! $errors->first('lcl_width', '<p class="help-block">:message</p>') !!}
                       </div>

                       <div class="form-group col-md-4 col-sm-4 {{ $errors->has('lcl_height') ?  'has-error' : ''}}">
                        <label for="lcl_height">Height</label>
                        {!! Form::text('lcl_height', null, array('placeholder' => 'Height','class' => 'form-control','id'=>'lcl_height')) !!}
                        {!! $errors->first('lcl_height', '<p class="help-block">:message</p>') !!}
                       </div>

                       <div class="form-group col-md-4 col-sm-4 {{ $errors->has('lcl_weight') ?  'has-error' : ''}}">
                        <label for="lcl_weight">Weight</label>
                        {!! Form::text('lcl_weight', null, array('placeholder' => 'Weight','class' => 'form-control','id'=>'lcl_weight')) !!}
                        {!! $errors->first('lcl_weight', '<p class="help-block">:message</p>') !!}
                       </div>

                       <div class="form-group col-md-4 col-sm-4 {{ $errors->has('lcl_cbm') ?  'has-error' : ''}}">
                        <label for="lcl_cbm">CBM</label>
                        {!! Form::text('lcl_cbm', null, array('placeholder' => 'CBM','class' => 'form-control','id'=>'lcl_cbm')) !!}
                        {!! $errors->first('lcl_cbm', '<p class="help-block">:message</p>') !!}
                       </div>
                        <button class="add_field_button-lcl" type="button" onclick="AddlclData()"><i class="fa fa-plus" aria-hidden="true"></i></button>
                        <!-- <div class="divider"></div> -->
                        <div class="table-containrised table-responsive">
                            <table id="lcl" class="table">
                                <thead>
                                    <tr>
                                      <th>Id</td>
                                      <th>Product</th> 
                                      <th>Quantity</th> 
                                      <th>Packaging</th>
                                      <th>Length</th>
                                      <th>Width</th>
                                      <th>Height</th>                        
                                      <th>Weight</th>
                                      <th>Cbm</th>
                                      <th>Action</th>                  
                                    </tr>
                                </thead>         
                                <tbody>
                                @foreach($cargodetail->where('cargo_type','lcl') as $cargo)
                                <tr>
                                 <td>{{$cargo->id}}</td>
                                 <td>{{$cargo->product}}</td>
                                 <td>{{$cargo->quantity}}</td>
                                 <td>{{$cargo->packaging}}</td>
                                 <td>{{$cargo->length}}</td>
                                 <td>{{$cargo->width}}</td>
                                 <td>{{$cargo->height}}</td>
                                 <td>{{$cargo->weight}}</td>
                                 <td>{{$cargo->cbm}}</td>
                                </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div> 
                       <div class="clearfix"></div>
                      </div>
                    </div>

                    <div class="input_fields_wrap-oog tab-pane" id="4a">
                     <div class="containersixed-table oog">
                        <!--  <h4>OOG</h4> -->
                            <input type=hidden name='oog_id' id='oog_id' value="{{$order->id}}">
                            <div class="form-group col-md-4 col-sm-4 {{ $errors->has('og_cargo_product') ?  'has-error' : ''}}">
                                <label for="og_cargo_product">Product</label>
                                <div class="select">
                                {!! Form::select('og_cargoproduct',[""=>"Select Product"] + $page_data['product']->toArray(), null, array('class' => 'form-control arr','id'=>'og_cargo_product')) !!}
                                {!! $errors->first('og_cargoproduct', '<p class="help-block">:message</p>') !!} 
                                </div>
                            </div>

                            <div class="form-group col-md-4 col-sm-4 {{ $errors->has('og_quantity') ?  'has-error' : ''}}">
                                <label for="og_quantity">Quantity</label>
                                {!! Form::text('og_quantity', null, array('placeholder' => 'Quantity','class' => 'form-control','id'=>'og_quantity')) !!}
                                {!! $errors->first('og_quantity', '<p class="help-block">:message</p>') !!} 
                            </div>

                            <div class="form-group col-md-4 col-sm-4 {{ $errors->has('og_packaging') ?  'has-error' : ''}}">
                                <label for="og_packaging">Packaging</label>
                                <div class="select">
                                {!! Form::select('og_packaging',[""=>"Select Packing"] + $page_data['packaging']->toArray(), null, array('class' => 'form-control arr','id'=>'og_packaging')) !!}
                                {!! $errors->first('og_packaging', '<p class="help-block">:message</p>') !!} 
                                </div>
                            </div>

                                <div class="form-group col-md-4 col-sm-4 {{ $errors->has('og_length') ?  'has-error' : ''}}">
                                <label for="og_length">Length</label>
                                {!! Form::text('og_length', null, array('placeholder' => 'Length','class' => 'form-control','id'=>'og_length')) !!}
                                {!! $errors->first('og_length', '<p class="help-block">:message</p>') !!}
                            </div>

                                <div class="form-group col-md-4 col-sm-4 {{ $errors->has('og_width') ?  'has-error' : ''}}">
                                <label for="og_width">Width</label>
                                {!! Form::text('og_width', null, array('placeholder' => 'Width','class' => 'form-control','id'=>'og_width')) !!}
                                {!! $errors->first('og_width', '<p class="help-block">:message</p>') !!}
                            </div>

                            <div class="form-group col-md-4 col-sm-4 {{ $errors->has('og_height') ?  'has-error' : ''}}">
                                <label for="og_height">Height</label>
                                {!! Form::text('og_height', null, array('placeholder' => 'Height','class' => 'form-control','id'=>'og_height')) !!}
                                {!! $errors->first('og_height', '<p class="help-block">:message</p>') !!}
                            </div>

                            <div class="form-group col-md-4 col-sm-4 {{ $errors->has('og_weight') ?  'has-error' : ''}}">
                                <label for="og_weight">Weight</label>
                                {!! Form::text('og_weight', null, array('placeholder' => 'Weight','class' => 'form-control','id'=>'og_weight')) !!}
                                {!! $errors->first('og_weight', '<p class="help-block">:message</p>') !!}
                            </div>

                            <div class="form-group col-md-4 col-sm-4 {{ $errors->has('og_cbm') ?  'has-error' : ''}}">
                                <label for="og_cbm">CBM</label>
                                {!! Form::text('og_cbm', null, array('placeholder' => 'CBM','class' => 'form-control','id'=>'og_cbm')) !!}
                                {!! $errors->first('og_cbm', '<p class="help-block">:message</p>') !!}
                            </div>
                        <button class="add_field_button-oog" type="button" onclick="AddOggData()"><i class="fa fa-plus" aria-hidden="true"></i></button>
                        <!-- <div class="divider"></div> -->
                        <div class="table-containrised table-responsive">
                            <table id="oog" class="table">
                                <thead>
                                    <tr>
                                      <th>Id</th>
                                      <th>Product</th> 
                                      <th>Quantity</th> 
                                      <th>Packaging</th>
                                      <th>Length</th>
                                      <th>Width</th>
                                      <th>Height</th>                        
                                      <th>Weight</th>
                                      <th>Cbm</th>
                                      <th>Action</th>                  
                                    </tr>
                                </thead>         
                                <tbody>
                                @foreach($cargodetail->where('cargo_type','oog') as $cargo)
                                   <tr>
                                    <td>{{$cargo->id}}</td>
                                    <td>{{$cargo->product}}</td>
                                    <td>{{$cargo->quantity}}</td>
                                    <td>{{$cargo->packaging}}</td>
                                    <td>{{$cargo->length}}</td>
                                    <td>{{$cargo->width}}</td>
                                    <td>{{$cargo->height}}</td>
                                    <td>{{$cargo->weight}}</td>
                                    <td>{{$cargo->cbm}}</td>
                                   </tr>
                                @endforeach
                                </tbody>                        
                            </table>
                        </div> 
                       <div class="clearfix"></div>
                      </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
      
      <div class="form-group submit-btn">
        <input type="submit" value="save">
      </div>
  
        <!-- @include ('logistic.order.updateform', ['submitButtonText' => 'Update'])
        -->
      {!! Form::close() !!}
    </div>
  </div>
</section>   
<script type="text/javascript">
  $(document).ready(function(){
  
      var productid= $("#product").val();
      if(productid !=''){
        $.ajax({
          url: '{{URL::to("logistic/order/getProductDetails")}}',
          type: 'POST',
          dataType: 'json',
          data: {'id': productid, '_token': '{{csrf_token()}}'},
          success: function (data) {
            $('#product_details').val(data.description);
          }
        });
      }else{
        $('#product_details').val('');
      }
                
      var originid = $('#originChange').val();

      if (originid != '') {
        var dest_Id = $("input[name='dest_id']").val();
          $.ajax({
            url: "{{URL::to('logistic/order/getDestination')}}",
            type: 'POST',
            dataType: 'json',
            data: {'id': originid, '_token': '{{csrf_token()}}'},
            success: function (response) {
              console.log(response);
              $("#destination").data("selectBox-selectBoxIt").remove();
              $.each(response.data, function (index,value) {
                $("#destination").data("selectBox-selectBoxIt").add({value:value.id, text:value.destination});
              });
              
              $('#destination').find("option[value="+ dest_Id +"]").attr('selected','selected');
              // Refreshes the drop down to reflect the current state of the select box
              $('#destination').data("selectBox-selectBoxIt").refresh();
            }
          });
      } else {
        $("#destination").data("selectBox-selectBoxIt").remove();
        $("#destination").data("selectBox-selectBoxIt").add({value: '', text: 'Select Destination'});
      }
                
      var vesselid = $('#vessels').val();
      var a = ;
      if (vesselid != '') {
        $.ajax({
          url: "{{URL::to('logistic/order/getVoyage')}}",
          type: 'POST',
          dataType: 'json',
          data: {'id': vesselid,'order_id':a, '_token': '{{csrf_token()}}'},
          success: function (response) {
          var selectBox;
           $("#voyage").data("selectBox-selectBoxIt").remove();
            var voyage_id = response.voyage[0].voyage_id; 
            $.each(response.data, function (index,value) {
                selectBox =  $("#voyage").data("selectBox-selectBoxIt").add({value:value.id, text:value.voyage}); 
                if(voyage_id == value.id) {                
                  $("#voyage").data("selectBox-selectBoxIt").selectOption(value.id.toString());
                }
                $("#voyage").data("selectBox-selectBoxIt").refresh();
            });  
                
          }
        });
      } else {
        $("#voyage").data("selectBox-selectBoxIt").remove();
        $("#voyage").data("selectBox-selectBoxIt").add({value: '', text: 'Select Voyage'});
      }

      var hazardid = $('#hazardChange').val();
      if (hazardid != '') {
          $.ajax({
              url: "{{URL::to('logistic/order/getImoUnno')}}",
              type: 'POST',
              dataType: 'json',
              data: {'id': hazardid, '_token': '{{csrf_token()}}'},
              success: function (response) {
                $("#unno").data("selectBox-selectBoxIt").remove();
                $.each(response.data, function (index,value) {
                    $("#unno").data("selectBox-selectBoxIt").add({value:value.id, text:value.unoimo});
                });
              }
          });
      } else {
          $("#unno").data("selectBox-selectBoxIt").remove();
          $("#unno").data("selectBox-selectBoxIt").add({value: '', text: 'Select Unno/Imo'});
      }

      $('#updateform').validate( {
          highlight: function(element) {
              $(element).closest('.doc_date').addClass('has-error');
          },
          unhighlight: function(element) {
              $(element).closest('.doc_date').removeClass('has-error');
          },
          errorElement: 'span',
          errorClass: 'update-help-block',
          focusInvalid: false, // do not focus the last invalid input
          ignore: "", // validate all fields including form hidden input
          rules: {
            'date_of_receipt' : {
                required:{
                  depends: function(element){
                    return $("#document").val() =="Received"
                }
              },
                date : true,
            },
         },
         errorPlacement: function (error, element) {
              if(element.parent('.input-group').length) {
                  error.insertAfter(element.parent());
              } else {
                  error.insertAfter(element);
              }
         },
         messages: {
            'date_of_receipt' : {
                required: "The Date Receipt is required",
                date : "Enter Valid Date Format YYYY-MM-DD",
            },
          }
     });  
  });
</script>

<script type="text/javascript">
    
    var con20_qty = [];
    var con20_wgt = [];
    var con40_qty = [];
    var con40_wgt = [];
    
    var bb_qty = [];
    var bb_wgt = [];
    var lcl_qty = [];
    var lcl_wgt = [];
    var og_qty = [];
    var og_wgt = [];

    var Exp = /((^[0-9]+[a-z]+)|(^[a-z]+[0-9]+))+[0-9a-z]+$/i;
    
    function AddContanarisedData() {
        var services = [];
        
        services = $("input[name='services[]']:checked").map(function (i) {
            return $(this).val();
        }).get();

        // console.log(services);
        if($.inArray('packing', services) > -1 || $.inArray('unpacking', services) > -1){
            $('#con_quantity').attr('readonly',false);
            $('#con_packaging').attr('readonly',false);
              
        }else {
            $('#con_quantity').attr('readonly',true);
            $('#con_packaging').attr('readonly',true);
            $('#con_quantity').val('1');
            $('#con_packaging').val('0');
            $('#con_quantity').closest('.form-group').removeClass('has-error');
            $('#con_packaging').closest('.form-group').removeClass('has-error');

        }
        if (document.getElementById('containarized_id') != null) {
            var con_id = document.getElementById("containarized_id").value;
        } else {
            var con_id = '';
        }
        var container = document.getElementById("container").value;
        var size = document.getElementById("size").value;  
        var size_type = document.getElementById("size_type").value;  
        var seal = document.getElementById("seal").value;
        var other_seal = document.getElementById("other_seal").value;
        var con_quantity = document.getElementById("con_quantity").value;
        var con_packaging = document.getElementById("con_packaging").value;
        var con_weight = document.getElementById("con_weight").value;
        var con_remark = document.getElementById("con_remark").value;

        $('.containarized .test_validate,.containarized select').each(function() {
            if ($(this).val() == '') {
                $(this).closest('.form-group').addClass('has-error');
            }
        });

        if(!container || !size || !seal || !con_quantity || !con_packaging || !con_weight) {
            return false;
        }
        else
        {
            if(!container.match(Exp))
            {
                alert("Container text should be alphanumeric");
            }
            else
            {
                $.ajax({
                    url: "{{URL::to('logistic/order/save_order_containarized_data')}}",
                    type: 'POST',
                    dataType: 'JSON',
                    data: {"order_id": con_id,"container":container,"size":size,"size_type":size_type,"seal_nr":seal,"other_seal":other_seal,"quantity":con_quantity,"packaging":con_packaging,"weight":con_weight,"remark":con_remark,"_token": "{{csrf_token()}}"},
                    success: function (response) {
                        setTimeout(function(){  location.reload(); }, 1000);
                    }
                });
                var rows = "";
                rows += "<td>" + container + "</td><td>" + size + "</td><td>" + size_type + "</td><td>" + seal + "</td><td>" + other_seal + "</td><td>" + con_quantity + "</td><td>" + con_packaging + "</td><td>" + con_weight + "</td><td>" + con_remark + "</td>";
                var tbody = document.querySelector("#containarized tbody");
                var tr = document.createElement("tr");
                tr.innerHTML = rows;
                // tbody.appendChild(tr);

                if(size == '20') {
                    con20_qty.push(con_quantity);
                    con20_wgt.push(con_weight); 

                    var total20conqty = con20_qty.length;
                    //var total20conqty = con20_qty.reduce((pv, cv) => parseInt(pv)+parseInt(cv), 0);
                    var total20conweight= con20_wgt.reduce((pv, cv) => parseInt(pv)+parseInt(cv), 0);

                    $('.con20_total_qty').html(total20conqty);
                    $('.con20_total_weight').html(total20conweight);
                
                } else {
                    con40_qty.push(con_quantity);
                    con40_wgt.push(con_weight); 

                    var total40conqty = con40_qty.length;
                    //var total40conqty = con40_qty.reduce((pv, cv) => parseInt(pv)+parseInt(cv), 0);
                    var total40conweight= con40_wgt.reduce((pv, cv) => parseInt(pv)+parseInt(cv), 0);

                    $('.con40_total_qty').html(total40conqty); 
                    $('.con40_total_weight').html(total40conweight);
                } 

                // $('.containarized').append('<input type="hidden" name="con_id[]" value='+con_id+'><input type="hidden" name="container[]" value='+container+'><input type="hidden" name="size[]" value='+size+'><input type="hidden" name="size_type[]" value='+size_type+'><input type="hidden" name="seal[]" value='+seal+'><input type="hidden" name="other_seal[]" value='+other_seal+'><input type="hidden" name="con_quantity[]" value='+con_quantity+'><input type="hidden" name="con_packaging[]" value='+con_packaging+'><input type="hidden" name="con_weight[]" value='+con_weight+'><input type="hidden" name="con_remark[]" value='+con_remark+'>');

                if($.inArray('packing', services) > -1 || $.inArray('unpacking', services) > -1){
                    $('#con_quantity').attr('readonly',false);
                    $('#con_packaging').attr('readonly',false);
                    $('#con_quantity').val('');
                    $('#con_packaging').val('');  
                }else {
                    $('#con_quantity').attr('readonly',true);
                    $('#con_packaging').attr('readonly',true);
                    $('#con_quantity').val('1');
                    $('#con_packaging').val('0');
                    $('#con_quantity').closest('.form-group').removeClass('has-error');
                    $('#con_packaging').closest('.form-group').removeClass('has-error');

                }

                $('.submit-btn').show();

                $('#containarized_id').attr('value', '');
                $('#container').val('');
                $('#seal').val('');
                $('#size').val('');
                $('#other_seal').val('');
                $('#con_weight').val('');
                $('#con_remark').val('');
            }         
        }
    }

    function AddBreakBulkData() {
        if (document.getElementById('break_bulk_id') != null) {
            var break_bulk_id = document.getElementById("break_bulk_id").value;
        } else {
            var break_bulk_id = '';
        }
        var bb_cargo_product = document.getElementById("bb_cargo_product").value;
        var bb_quantity = document.getElementById("bb_quantity").value;  
        var bb_packaging = document.getElementById("bb_packaging").value;
        var bb_weight = document.getElementById("bb_weight").value;
        var bb_remark = document.getElementById("bb_remark").value; 

        $('.break_bulk input , .break_bulk select').each(function() {
            if ($(this).val() == '') {
                $(this).closest('.form-group').addClass('has-error');
            }
        });

        if(!bb_cargo_product || !bb_quantity || !bb_packaging || !bb_weight || !bb_remark) {
            return false;
        }
        else
        {
            $.ajax({
                    url: "{{URL::to('logistic/order/save_order_break_data')}}",
                    type: 'POST',
                    dataType: 'JSON',
                    data: {"order_id":break_bulk_id,"product":bb_cargo_product,"quantity":bb_quantity,"packaging":bb_packaging,"weight":bb_weight,"remark":bb_remark,"_token": "{{csrf_token()}}"},
                    success: function (response) {
                        setTimeout(function(){  location.reload(); }, 1000);
                    }
                });    
            var rows = "";
            rows += "<td>" + bb_cargo_product + "</td><td>" + bb_quantity + "</td><td>" + bb_packaging + "</td><td>" + bb_weight + "</td><td>" + bb_remark + "</td>";
            var tbody = document.querySelector("#break_bulk tbody");
            var tr = document.createElement("tr");
            tr.innerHTML = rows;
            // tbody.appendChild(tr);
            
            bb_qty.push(bb_quantity);
            bb_wgt.push(bb_weight);
            var totalqty = bb_qty.reduce((pv, cv) => parseInt(pv)+parseInt(cv), 0);
            var totalweight= bb_wgt.reduce((pv, cv) => parseInt(pv)+parseInt(cv), 0);
            $('.bb_total_qty').html(totalqty);
            $('.bb_total_weight').html(totalweight);
            
            // $('.break_bulk').append('<input type="hidden" name="bb_id[]" value='+break_bulk_id+'><input type="hidden" name="bb_cargo_product[]" value='+bb_cargo_product+'><input type="hidden" name="bb_quantity[]" value='+bb_quantity+'><input type="hidden" name="bb_packaging[]" value='+bb_packaging+'><input type="hidden" name="bb_weight[]" value='+bb_weight+'><input type="hidden" name="bb_remark[]" value='+bb_remark+'>');

            $('.submit-btn').show();

            $('#break_bulk_id').attr('value', '');
            $('#bb_cargo_product').val('');
            $('#bb_quantity').val('');
            $('#bb_packaging').val('');
            $('#bb_weight').val('');
            $('#bb_remark').val('');
        }

    }

    function AddlclData() {
        if (document.getElementById('lcl_id') != null) {
            var lcl_id = document.getElementById("lcl_id").value;
        } else {
            var lcl_id = '';
        }
        var lcl_cargo_product = document.getElementById("lcl_cargo_product").value;
        var lcl_quantity = document.getElementById("lcl_quantity").value;  
        var lcl_packaging = document.getElementById("lcl_packaging").value;
        var lcl_length = document.getElementById("lcl_length").value;
        var lcl_width = document.getElementById("lcl_width").value;
        var lcl_height = document.getElementById("lcl_height").value;
        var lcl_weight = document.getElementById("lcl_weight").value;
        var lcl_cbm = document.getElementById("lcl_cbm").value;

        $('.lcl input , .lcl select').each(function() {
            if ($(this).val() == '') {
                $(this).closest('.form-group').addClass('has-error');
            }
        });    

        if(!lcl_cargo_product || !lcl_quantity || !lcl_packaging || !lcl_weight || !lcl_cbm || !lcl_length || !lcl_width || !lcl_height) {
            return false;
        }
        else
        {  
            $.ajax({
                    url: "{{URL::to('logistic/order/save_order_lcl_data')}}",
                    type: 'POST',
                    dataType: 'JSON',
                    data: {"order_id":lcl_id,"product":lcl_cargo_product,"quantity":lcl_quantity,"packaging":lcl_packaging,"length":lcl_length,"width":lcl_width,"height":lcl_height,"weight":lcl_weight,"cbm":lcl_cbm,"_token": "{{csrf_token()}}"},
                    success: function (response) {
                        setTimeout(function(){  location.reload(); }, 1000);
                    }
                });
            var rows = "";
            rows += "<td>" + lcl_cargo_product + "</td><td>" + lcl_quantity + "</td><td>" + lcl_packaging + "</td><td>" + lcl_length + "</td><td>" + lcl_width + "</td><td>" + lcl_height + "</td><td>" + lcl_weight + "</td><td>" + lcl_cbm + "</td>";

            var tbody = document.querySelector("#lcl tbody");
            var tr = document.createElement("tr");
            tr.innerHTML = rows;
            // tbody.appendChild(tr);

            lcl_qty.push(lcl_quantity);
            lcl_wgt.push(lcl_weight);
            var lcltotalqty = lcl_qty.reduce((pv, cv) => parseInt(pv)+parseInt(cv), 0);
            var lcltotalweight= lcl_wgt.reduce((pv, cv) => parseInt(pv)+parseInt(cv), 0);
            $('.lcl_total_qty').html(lcltotalqty);
            $('.lcl_total_weight').html(lcltotalweight);

            // $('.lcl').append('<input type="hidden" name="lcl_id[]" value='+lcl_id+'><input type="hidden" name="lcl_cargo_product[]" value='+lcl_cargo_product+'><input type="hidden" name="lcl_quantity[]" value='+lcl_quantity+'><input type="hidden" name="lcl_packaging[]" value='+lcl_packaging+'><input type="hidden" name="lcl_length[]" value='+lcl_length+'><input type="hidden" name="lcl_width[]" value='+lcl_width+'><input type="hidden" name="lcl_height[]" value='+lcl_height+'><input type="hidden" name="lcl_weight[]" value='+lcl_weight+'><input type="hidden" name="lcl_cbm[]" value='+lcl_cbm+'>');

            $('.submit-btn').show();

            $('#lcl_id').attr('value', '');
            $('#lcl_cargo_product').val('');
            $('#lcl_quantity').val('');
            $('#lcl_packaging').val('');
            $('#lcl_weight').val('');
            $('#lcl_length').val('');
            $('#lcl_width').val('');
            $('#lcl_height').val('');
            $('#lcl_cbm').val('');
        }
    }

    function AddOggData() {
        if (document.getElementById('oog_id') != null) {
            var oog_id = document.getElementById("oog_id").value;
        } else {
            var oog_id = '';
        }
        var og_cargo_product = document.getElementById("og_cargo_product").value;
        var og_quantity = document.getElementById("og_quantity").value;  
        var og_packaging = document.getElementById("og_packaging").value;
        var og_length = document.getElementById("og_length").value;
        var og_width = document.getElementById("og_width").value;
        var og_height = document.getElementById("og_height").value;
        var og_weight = document.getElementById("og_weight").value;
        var og_cbm = document.getElementById("og_cbm").value;

        $('.oog input , .oog select').each(function() {
            if ($(this).val() == '') {
                $(this).closest('.form-group').addClass('has-error');
            }
        });

        if(!og_cargo_product || !og_quantity || !og_packaging || !og_weight || !og_cbm || !og_length || !og_width || !og_height) {
            return false;
        }
        else
        {
            $.ajax({
                    url: "{{URL::to('logistic/order/save_order_oog_data')}}",
                    type: 'POST',
                    dataType: 'JSON',
                    data: {"order_id":oog_id,"product":og_cargo_product,"quantity":og_quantity,"packaging":og_packaging,"length":og_length,"width":og_width,"height":og_height,"weight":og_weight,"cbm":og_cbm,"_token": "{{csrf_token()}}"},
                    success: function (response) {
                        setTimeout(function(){  location.reload(); }, 1000);
                    }
                });
            var rows = "";
            rows += "<td>" + og_cargo_product + "</td><td>" + og_quantity + "</td><td>" + og_packaging + "</td><td>" + og_length + "</td><td>" + og_width + "</td><td>" + og_height + "</td><td>" + og_weight + "</td><td>" + og_cbm + "</td>";

            var tbody = document.querySelector("#oog tbody");
            var tr = document.createElement("tr");
            tr.innerHTML = rows;
            // tbody.appendChild(tr);

            og_qty.push(og_quantity);
            og_wgt.push(og_weight);
            var ogtotalqty = og_qty.reduce((pv, cv) => parseInt(pv)+parseInt(cv), 0);
            var ogtotalweight= og_wgt.reduce((pv, cv) => parseInt(pv)+parseInt(cv), 0);
            $('.og_total_qty').html(ogtotalqty);
            $('.og_total_weight').html(ogtotalweight);

            // $('.oog').append('<input type="hidden" name="oog_id[]" value='+oog_id+'><input type="hidden" name="og_cargo_product[]" value='+og_cargo_product+'><input type="hidden" name="og_quantity[]" value='+og_quantity+'><input type="hidden" name="og_packaging[]" value='+og_packaging+'><input type="hidden" name="og_length[]" value='+og_length+'><input type="hidden" name="og_width[]" value='+og_width+'><input type="hidden" name="og_height[]" value='+og_height+'><input type="hidden" name="og_weight[]" value='+og_weight+'><input type="hidden" name="og_cbm[]" value='+og_cbm+'>');

            $('.submit-btn').show();
            
            $('#oog_id').attr('value', '');
            $('#og_cargo_product').val('');
            $('#og_quantity').val('');
            $('#og_packaging').val('');
            $('#og_weight').val('');
            $('#og_length').val('');
            $('#og_width').val('');
            $('#og_height').val('');
            $('#og_cbm').val('');
        }
    }
    $(document).ready(function(){
        $('#containarized').Tabledit({
            url: "{{URL::to('logistic/order/update_order_containarized_data')}}",
            restoreButton: false,
            columns: {
            identifier: [0, 'Id'],                    
            editable: [[1, 'Container'], [2, 'Size'],[3, 'Sizetype'],[4, 'Seal'],[5, 'Otherseal'],[6, 'Quantity'],[7, 'Packaging'],[8, 'Weight'],[9,'Remark']]
            },
            onAjax: function(action, data, serialize) {
                console.log('onAjax(action, serialize)');
                console.log(action);
                console.log(serialize);
                if (action === 'edit') {
                    var values_1 = data.split('&');
                    console.log(values_1);
                    var id_1 = values_1[0];
                    var id = id_1.split('=');
                    console.log(id[1]);
                    var notes_1 = values_1[1];
                    console.log(notes_1);

                    var values_2 = notes_1.split('=');
                    var container = values_2[1];
                    console.log(container.length);
                    if(container.length > 11) {
                        alert('Container text length should not be more than 11 character');
                        return false;
                    }
                    if(!container.match(Exp))
                    {
                        alert("Container text should be alphanumeric");
                        return false;
                    }
                    if (container === ""){
                    alert("Notes cannot be empty!");
                        return false;       
                    } else {
                        return true;
                    }
      
                } 
            },
            onSuccess: function() {  
                setTimeout(function(){  location.reload(); }, 1000);
            }
        });

        $('#oog').Tabledit({
            url: "{{URL::to('logistic/order/update_order_oog_data')}}",
            restoreButton: false,
            columns: {
            identifier: [0, 'Id'],                    
            editable: [[1, 'Product'], [2, 'Quantity'],[3, 'Packaging'],[4, 'Length'],[5, 'Width'],[6, 'Height'],[7, 'Weight'],[8, 'Cbm']]
            },
            onSuccess: function() {  
                setTimeout(function(){  location.reload(); }, 1000);
            }
        });

        $('#lcl').Tabledit({
            url: "{{URL::to('logistic/order/update_order_lcl_data')}}",
            restoreButton: false,
            columns: {
            identifier: [0, 'Id'],                    
            editable: [[1, 'Product'], [2, 'Quantity'],[3, 'Packaging'],[4, 'Length'],[5, 'Width'],[6, 'Height'],[7, 'Weight'],[8, 'Cbm']]
            },
            onSuccess: function() {  
                setTimeout(function(){  location.reload(); }, 1000);
            }
        });

        $('#break_bulk').Tabledit({
            url: "{{URL::to('logistic/order/update_order_break_data')}}",
            restoreButton: false,
            columns: {
            identifier: [0, 'Id'],                    
            editable: [[1, 'Product'], [2, 'Quantity'],[3, 'Packaging'],[4, 'Weight'],[5, 'Remark']]
            },
            onSuccess: function() {  
                setTimeout(function(){  location.reload(); }, 1000);
            }
        });
    });   
</script>

  
@endsection