@include('common.header')
<style>
.my-custom-scrollbar {
  position: relative;
  height: 150px;
  overflow: auto;
}
.table-wrapper-scroll-y {
  display: block;
}
</style>

<section class="content">
    <div class="col-lg-12" id="load-overlay" name="load-overlay" style="display:none;">
        <div id="loader" ></div>
        <div id="overlay"></div>
    </div>
    <div class="row">
    @include('alert.alert_panel')
        <div class="col-xs-12">
            @if (isset($status_code))
                @if ($status_code === 200)
                <div class="alert alert-success" id="success-div"><i class="fa fa-check-circle"></i> {{ $success_msg }}
                    <button type="button" class="close" data-dismiss="alert">&times;</button>
                </div>
                @endif
                @if ($status_code != 200)
                <div class="alert alert-danger" id="fail-div"><i class="fa fa-check-circle"></i> Update Failed
                    <button type="button" class="close" data-dismiss="alert">&times;</button>
                </div>
                @endif
            @endif
            @if (isset($failed_msg))
                <div class="alert alert-error"><i class="fa fa-check-circle"></i> {{ $failed_msg }}
                    <button type="button" class="close" data-dismiss="alert">&times;</button>
                </div>
            @endif
            <form action="" method="POST" enctype="multipart/form-data" onsubmit="displayLoading()">
            <div class="box box-primary">
                    <input type="hidden" name="_token" value="{{ csrf_token() }}">
                <div class="box-header">
                    <h3 class="box-title"><b>{{ $header_title }}</b></h3>

                
                    <div class="box-tools">
                        <div style="width: 260px;">
                            @if($cn == '') <!-- if URL with CN number not display NEW BUTTON -->
                            <a class="btn btn-primary" id="new-btn" href="{{ url('/home/shipment_add') }}"><i class="fa fa-file"></i> NEW (Esc)</a>
                            @endif
                            @if (isset($status_code))
                            @if(session('waybill_add_latest_id') && $status_code === 200)
                            <a href="{{ url('/home/shipment_print') }}/{{session('waybill_add_latest_id')}}" class="btn btn-primary" target="_blank"><i class="fa fa-print"></i> Print</a>
                            @endif
                            @endif
                            <a href="{{ url('/home/shipment_all') }}" class="btn btn-default pull-right"><i class="fa fa-search"></i></a>
                            <button type="button" class="btn btn-info pull-right"><i class="fa fa-pencil"></i></button>
                        </div>
                    </div>
     
                </div>
                <!-- /.box-header -->
                <div class="box-body table-responsive no-padding">
                    <table class="table">
                        <tr>
                            <td><b>Shipment ID : </b> {{ $waybill ? $waybill->ID : 'N/A' }} </td>
                            <td colspan="2"><b>DATE : </b> {{ $waybill ? \Carbon\Carbon::parse($waybill->CreatedAt)->format('d-m-Y') : 'N/A' }}</td>
                        </tr>
                        <tr>
                        <!-- <input class="input-sm form-control" id="duplicated-waybill-info" name="duplicated_waybill_info" value="{{ old('duplicated_waybill_info',$duplicated_waybill_info ? $duplicated_waybill_info : null) }}" /> -->
                            <td class="homeTd1 col-xs-3">
                                <div>
                                <datalist id="warehouses">
                                                                        </datalist>
                                    <b>Shipper Information</b><br/>
                                    <div class="form-group{{ $errors->has('account_no') ? ' has-error' : '' }}">
                                        <label for="account-no" class="control-label homeTd1Lbl">Account No</label><br/>
                                        <input type="text" class="input-sm form-control" id="account-no" name="account_no" list="warehouses"
                                               value="{{ old('account_no',$waybill ? $waybill->accountNo : null) }}" {{ $account_focus }}/>
                                        @if ($errors->has('account_no'))
                                            <span class="help-block">
                                                 <strong>{{ $errors->first('account_no') }}</strong>
                                             </span>
                                        @endif
                                   
                                    </div>
                                    <div class="form-group{{ $errors->has('shipper_name') ? ' has-error' : '' }}">
                                        <label for="shipper-name" class="control-label homeTd1Lbl">Shipper Name *</label><br/>
                                        <input type="text" class="input-sm form-control" id="shipper-name" name="shipper_name" value="{{ old('shipper_name',$waybill ? $waybill->shipperName : null) }}" />
                                        @if ($errors->has('shipper_name'))
                                            <span class="help-block">
                                                 <strong>{{ $errors->first('shipper_name') }}</strong>
                                             </span>
                                        @endif
                                    </div>
                                    <div class="form-group{{ $errors->has('shipper_address') ? ' has-error' : '' }}">
                                        <label for="shipper-address" class="control-label homeTd1Lbl">Address *</label><br/>
                                        <textarea class="input-sm form-control" id="shipper-address" name="shipper_address" rows="2">{{ old('shipper_address',$waybill ? $waybill->shipperAddress : null) }}</textarea>
                                        @if ($errors->has('shipper_address'))
                                            <span class="help-block">
                                                 <strong>{{ $errors->first('shipper_address') }}</strong>
                                             </span>
                                        @endif
                                    </div>
                                    <label for="shipper-state" class="control-label homeTd1Lbl">Select State</label><br/>
                                    <select class="input-sm form-control" id="shipper-state" name="shipper_state">
                                        <option value="">Select State</option>
                                        @foreach($states as $state)
                                        @if(old('shipper_state',$waybill ? $waybill->shipperState : null)===$state)
                                            <option value="{{ $state}}" selected>{{ $state }}</option>
                                        @else
                                            <option value="{{ $state }}">{{ $state }}</option>
                                        @endif
                                        @endforeach
                                    </select>
                                    <div class="form-group{{ $errors->has('shipper_postcode') ? ' has-error' : '' }}">
                                        <label for="shipper-postcode" class="control-label homeTd1Lbl">Postcode*</label><br/>
                                        <input type="text" class="input-sm form-control" id="shipper-postcode" name="shipper_postcode" value="{{ old('shipper_postcode',$waybill ? $waybill->shipperPostcode : null) }}" />
                                        @if ($errors->has('shipper_postcode'))
                                            <span class="help-block">
                                                 <strong>{{ $errors->first('shipper_postcode') }}</strong>
                                             </span>
                                        @endif
                                    </div>
                                    <div class="form-group{{ $errors->has('shipper_contact_name') ? ' has-error' : '' }}">
                                        <label for="shipper-contact-name" class="control-label homeTd1Lbl">Contact Person Name</label><br/>
                                        <input type="text" class="input-sm form-control" id="shipper-contact-name" name="shipper_contact_name" value="{{ old('shipper_contact_name',$waybill ? $waybill->shipperContactName : null) }}" />
                                        @if ($errors->has('shipper_contact_name'))
                                            <span class="help-block">
                                                 <strong>{{ $errors->first('shipper_contact_name') }}</strong>
                                             </span>
                                        @endif
                                    </div>
                                    <div class="form-group{{ $errors->has('shipper_contact_ph') ? ' has-error' : '' }}">
                                        <label for="shipper-contact-ph" class="control-label homeTd1Lbl">Contact Person PH*</label><br/>
                                        <div class="input-group">
                                                    <div class="input-group-addon">
                                                        <!-- <i>+6</i> -->
                                                    </div>
                                                    <input type="text" class="input-sm form-control" id="shipper-contact-ph" name="shipper_contact_ph" value="{{ old('shipper_contact_ph',$waybill ? $waybill->shipperContactNumber : null) }}" />
                                        </div>
                                        @if ($errors->has('shipper_contact_ph'))
                                            <span class="help-block">
                                                 <strong>{{ $errors->first('shipper_contact_ph') }}</strong>
                                             </span>
                                        @endif
                                    </div>
                                </div>
                            </td>
                            <td class="homeTd1 col-xs-3">
                                <div>
                                    <b>Consignee Information</b><br/>
                                    <div class="form-group{{ $errors->has('consignee_name') ? ' has-error' : '' }}">
                                        <label for="consignee-name" class="control-label homeTd1Lbl">Consignee Name *</label><br/>
                                        <input type="text" class="input-sm form-control" id="consignee-name" name="consignee_name" value="{{ old('consignee_name',$waybill ? $waybill->consigneeName : null) }}" />
                                        @if ($errors->has('consignee_name'))
                                            <span class="help-block">
                                                 <strong>{{ $errors->first('consignee_name') }}</strong>
                                             </span>
                                        @endif
                                    </div>
                                    <div class="form-group{{ $errors->has('consignee_address') ? ' has-error' : '' }}">
                                        <label for="consignee-address" class="control-label homeTd1Lbl">Address *</label><br/>
                                        <textarea class="input-sm form-control" id="consignee-address" name="consignee_address" rows="2">{{ old('consignee_address',$waybill ? $waybill->consigneeAddress : null) }}</textarea>
                                        @if ($errors->has('consignee_address'))
                                            <span class="help-block">
                                                 <strong>{{ $errors->first('consignee_address') }}</strong>
                                             </span>
                                        @endif
                                    </div>
                                    <label for="consignee-state" class="control-label homeTd1Lbl">Select State</label><br/>
                                    <select class="input-sm form-control" id="consignee-state" name="consignee_state">
                                        <option value="">Select State</option>
                                        @foreach($states as $state)
                                            @if(old('consignee_state',$waybill ? $waybill->consigneeState : null)===$state)
                                                <option value="{{ $state }}" selected>{{ $state }}</option>
                                            @else
                                                <option value="{{ $state }}">{{ $state }}</option>
                                            @endif
                                        @endforeach
                                    </select>
                                    <div class="form-group{{ $errors->has('consignee_postcode') ? ' has-error' : '' }}">
                                        <label for="consignee-postcode" class="control-label homeTd1Lbl">Postcode*</label><br/>
                                        <input autocomplete="off"  type="text" class="input-sm form-control" id="consignee-postcode" name="consignee_postcode" value="{{ old('consignee_postcode',$waybill ? $waybill->consigneePostcode : null) }}" />
                                        @if ($errors->has('consignee_postcode'))
                                            <span class="help-block">
                                                 <strong>{{ $errors->first('consignee_postcode') }}</strong>
                                             </span>
                                        @endif
                                    </div>
                                    <div class="form-group{{ $errors->has('consignee_contact_name') ? ' has-error' : '' }}">
                                        <label for="consignee-contact-name" class="control-label homeTd1Lbl">Contact Person Name</label><br/>
                                        <input autocomplete="off"  type="text" class="input-sm form-control" id="consignee-contact-name" name="consignee_contact_name" value="{{ old('consignee_contact_name',$waybill ? $waybill->consigneeContactName : null) }}" />
                                        @if ($errors->has('consignee_contact_name'))
                                            <span class="help-block">
                                                 <strong>{{ $errors->first('consignee_contact_name') }}</strong>
                                             </span>
                                        @endif
                                    </div>
                                    <div class="form-group{{ $errors->has('consignee_contact_ph') ? ' has-error' : '' }}">
                                        <label for="consignee-contact-ph" class="control-label homeTd1Lbl">Contact Person PH*</label><br/>
                                                    <div class="input-group">
                                                    <div class="input-group-addon">
                                                        <!-- <i>+6</i> -->
                                                    </div>
                                                    <input autocomplete="off" class="input-sm form-control" id="consignee-contact-ph" name="consignee_contact_ph" value="{{ old('consignee_contact_ph',$waybill ? $waybill->consigneeContactNumber : null) }}" />
                                                    </div>
                                        @if ($errors->has('consignee_contact_ph'))
                                            <span class="help-block">
                                                 <strong>{{ $errors->first('consignee_contact_ph') }}</strong>
                                             </span>
                                        @endif
                                    </div>
                                </div>
                            </td>
                            <td class="homeTd2 col-xs-3">
                                <div>
                                    <label for="parcel-type" class="control-label homeTd1Lbl">Parcel Type</label><br/>
                                    <select class="input-sm form-control" id="parcel-type" name="parcel_type">
                                        @foreach($parcel_types as $parcel_type)
                                            @if(old('parcel_type',$waybill ? $waybill->parcelType : null)===$parcel_type)
                                                <option value="{{ $parcel_type }}" selected>{{ $parcel_type }}</option>
                                            @else
                                                <option value="{{ $parcel_type }}">{{ $parcel_type }}</option>
                                            @endif
                                        @endforeach

                                    </select>
                                    <div class="form-group{{ $errors->has('parcel_total') ? ' has-error' : '' }}">
                                        <label for="parcel-total" class="control-label homeTd1Lbl">Total Pcs *</label><br/>
                                        <input autocomplete="off" type="text" class="input-sm form-control" id="parcel-total" name="parcel_total" value="{{ old('parcel_total',$waybill ? $waybill->pc : 0) }}" />
                                        @if ($errors->has('parcel_total'))
                                            <span class="help-block">
                                                 <strong>{{ $errors->first('parcel_total') }}</strong>
                                             </span>
                                        @endif
                                    </div>
                                    <div class="form-group{{ $errors->has('parcel_weight') ? ' has-error' : '' }}">
                                        <label for="parcel-weight" class="control-label homeTd1Lbl">Weight Kgs *</label><br/>
                                        <input autocomplete="off" type="text" class="input-sm form-control" id="parcel-weight" name="parcel_weight" value="{{ old('parcel_weight',$waybill ? $waybill->actualWeight : 0) }}" /><br/>
                                        @if ($errors->has('parcel_weight'))
                                            <span class="help-block">
                                                 <strong>{{ $errors->first('parcel_weight') }}</strong>
                                             </span>
                                        @endif
                                    </div>
                                    <div class="form-group{{ $errors->has('parcel_weight1') ? ' has-error' : '' }}" style="display:none;">
                                    <label for="parcel-weight" class="control-label homeTd1Lbl">Volume Weight Kgs</label><br/>
                                        <div class="input-group">
                                            <input autocomplete="off" type="text" class="input-sm form-control" id="parcel-weight1" name="parcel_weight1" placeholder="Volumn Weight kgs *" value="{{ old('parcel_weight1',$waybill ? $waybill->volumeWeight : null) }}" />
                                            <span class="input-group-btn">
                                            <button type="button" class="btn btn-sm btn-primary" onClick="addVolumnWeight()">calculate</button>
                                            </span>
                                        </div>
                                        @if ($errors->has('parcel_weight1'))
                                            <span class="help-block">
                                                 <strong>{{ $errors->first('parcel_weight1') }}</strong>
                                             </span>
                                        @endif
                                    </div>
                                </div>
                            </td>
                            <td class="homeTd2 col-xs-3">
                                <div>
                                    <label for="parcel-total" class="control-label homeTd1Lbl">#CN ex: 60XXXXXXX</label><br/>
                                    <div class="form-group{{ $errors->has('cn_no') ? ' has-error' : '' }}">
                                    <input autocomplete="off" type="text" class="input-sm form-control" id="cn-no" name="cn_no" value="{{ old('cn_no',$waybill ? $waybill->cnNo : null) }}" />
                                        @if ($errors->has('cn_no'))
                                            <span class="help-block">
                                                 <strong>{{ $errors->first('cn_no') }}</strong>
                                             </span>
                                             <!-- @if ($errors->first('cn_no') == "The cn no has already been taken.")
                                             <p class="help-block"><input type="checkbox" onclick="checkDuplicatedCNAgree()"  id="duplicatedCN-agree" name="duplicatedCN_agree" /> I wish to proceed with following reason</p>
                                               <select class="input-sm form-control help-block" id="duplicated-type" name="duplicated_type">
                                               <option value="wrong_coding_by_origin">Wrong coding by <b>ORIGIN</b></option>
                                               <option value="wrong_address_by_origin">Wrong address by <b>ORIGIN</b></option>
                                               <option value="consignee_address_shifted">Consignee address <b>SHIFTED</b></option>
                                               <option value="return_to_origin">Return to <b>ORIGIN</b></option>
                                               <option value="missrouted_by_hub">Missrouted by <b>HUB</b></option>
                                               </select>
                                               @endif -->
                                        @endif
                                    </div>
                                        
                                  

                                    <div class="form-group{{ $errors->has('additional_barcode') ? ' has-error' : '' }}">
                                    <textarea class="input-sm form-control" id="additional-barcode" name="additional_barcode" rows="7" style="display:none;" >