@extends('layouts.fixed')
@section('title','Export Register Form')
@section('css')
    <style>
        .tab-content br{
            display: none;
        }
        .hidden{
            display: none;
        }
    </style>
@endsection
@section('content')
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1>Export Register</h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="#">Home</a></li>
                        <li class="breadcrumb-item">Export Register</li>
                        <li class="breadcrumb-item active">Export Information</li>
                    </ol>
                </div>
            </div>
        </div><!-- /.container-fluid -->
    </section>
    {{ Form::open(['action'=>'ExportRegisterController@store','method'=>'POST','id'=>'form','class'=>'form-horizontal']) }}
    <section class="content">
        <div class="row">
            <div class="col">
                <div class="card card-success card-outline">
                    <div class="card-header bg-dark">
                        <h3 class="card-title">Export Information Form</h3>
                        <div class="card-tools">
                            <button type="button" class="btn btn-tool" data-widget="collapse"><i class="fas fa-minus"></i>
                            </button>
                        </div>
                    </div>
                    <!-- /.card-header -->
                    <div class="card-body">
                        <div class="row" style="padding-bottom: 20px; ">
                            <div class="col-lg-12" style="background: #f1f1f1;">
                                <div class="row">
                                    <div class="col-lg-3">
                                        <div class="form-group">
                                            <label for="exp_lc_no">Export Cont. / lc :</label>

                                            {{ Form::select('',$pi_numbers,null,['class'=>'form-control select-2','id'=>'exp_lc_no','onchange'=>'getInfo()','placeholder'=>'Select Export Cont. / lc'])}}

                                            {{--<select id="exp_lc_no" name="exp_lc_no" onchange="getInfo()" class="form-control"  >--}}


                                            {{--<option value="" selected>Select One</option>--}}
                                            {{--@foreach($pi_numbers as $key => $pi_number)--}}
                                            {{--<option value="{{$key}}"> {{$pi_number}}</option>--}}
                                            {{--@endforeach--}}
                                            {{--</select>--}}
                                        </div>
                                    </div>
                                    <div class="col-lg-3">
                                        <div class="form-group {{ $errors->has('company_unit') ? 'has-error' : '' }}">
                                            {{ Form::label('','Company Unit') }}
                                            {{ Form::text('company_unit',null,['class'=>'form-control','id'=>'company_unit','readonly' => 'true']) }}
                                            @if($errors->has('company_unit'))
                                                <span class="help-block">
                                                    <strong>{{ $errors->first('company_unit') }}</strong>
                                                </span>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col-lg-2">
                                        <div class="form-group {{ $errors->has('exp_lc_value') ? 'has-error' : '' }}">
                                            {{ Form::label('','Export L/C Value : ') }}
                                            {{ Form::text('exp_lc_value',null,['id'=>'exp_lc_value','class'=>'form-control','placeholder'=>'Export L/C Value']) }}
                                            @if($errors->has('exp_lc_value'))
                                                <span class="help-block">
                                                                <strong>{{ $errors->first('exp_lc_value') }}</strong>
                                                            </span>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col-lg-2">
                                        <div class="form-group {{ $errors->has('shipment_qty') ? 'has-error' : '' }}">
                                            {{ Form::label('','Order Qty : ') }}
                                            {{ Form::text('shipment_qty',null,['id'=>'shipment_qty','class'=>'form-control','placeholder'=>'Order Qty']) }}
                                            @if($errors->has('shipment_qty'))
                                                <span class="help-block">
                                                     <strong>{{ $errors->first('shipment_qty') }}</strong>
                                                </span>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col-lg-2">
                                        <div class="form-group {{ $errors->has('shipment_value') ? 'has-error' : '' }}">
                                            {{ Form::label('','Order Value : ') }}
                                            {{ Form::text('shipment_value',null,['id'=>'shipment_value','class'=>'form-control','placeholder'=>'Order Value']) }}
                                            @if($errors->has('shipment_value'))
                                                <span class="help-block">
                                                   <strong>{{ $errors->first('shipment_value') }}</strong>
                                                 </span>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row" style="padding-top: 20px">
                                <div class="col-lg-12 card">
                                    <div class="row">
                                        <div class="col-lg-2">
                                            <div class="form-group {{ $errors->has('file_no') ? 'has-error' : '' }}">
                                                {{ Form::label('','File No: ') }}
                                                {{ Form::text('file_no',null,['id'=>'file_no','class'=>'form-control','placeholder'=>'File No']) }}
                                                @if($errors->has('file_no'))
                                                    <span class="help-block">
                                                                <strong>{{ $errors->first('file_no') }}</strong>
                                                            </span>
                                                @endif
                                            </div>
                                            {{ Form::hidden('ord_ref',null,['id'=>'ord_ref','class'=>'form-control','placeholder'=>'Order Ref']) }}

                                        </div>
                                        {{--<div class="col-lg-3">--}}
                                        {{--<div class="form-group {{ $errors->has('ord_ref') ? 'has-error' : '' }}">--}}
                                        {{--{{ Form::label('','Order Ref : ') }}--}}
                                        {{--@if($errors->has('ord_ref'))--}}
                                        {{--<span class="help-block">--}}
                                        {{--<strong>{{ $errors->first('ord_ref') }}</strong>--}}
                                        {{--</span>--}}
                                        {{--@endif--}}
                                        {{--</div>--}}
                                        {{--</div>--}}
                                        <div class="col-lg-2">
                                            <div class="form-group {{ $errors->has('inv_no') ? 'has-error' : '' }}">
                                                {{ Form::label('','Invoice No : ') }}
                                                {{ Form::text('inv_no',null,['class'=>'form-control','placeholder'=>'Invoice No.']) }}
                                                @if($errors->has('inv_no'))
                                                    <span class="help-block">
                                                                <strong>{{ $errors->first('inv_no') }}</strong>
                                                            </span>
                                                @endif
                                            </div>
                                        </div>

                                        <div class="col-lg-2">
                                            <div class="form-group {{ $errors->has('invoice_date') ? 'has-error' : '' }}">
                                                {{ Form::label('','Invoice Date : ') }}
                                                {{ Form::date('invoice_date',null,['class'=>'form-control']) }}
                                                @if($errors->has('invoice_date'))
                                                    <span class="help-block">
                                                            <strong>{{ $errors->first('invoice_date') }}</strong>
                                                        </span>
                                                @endif
                                            </div>
                                        </div>
                                        <div class="col-lg-2">
                                            <div class="form-group {{ $errors->has('inv_value') ? 'has-error' : '' }}">
                                                {{ Form::label('','Invoice Value: ') }}
                                                {{ Form::number('inv_value',null,['id'=>'inv_value','class'=>'form-control','placeholder'=>'Invoice Value','onKeyup'=>'cm_calculate()']) }}
                                                @if($errors->has('inv_value'))
                                                    <span class="help-block">
                                                            <strong>{{ $errors->first('inv_value') }}</strong>
                                                                        </span>
                                                @endif
                                            </div>
                                        </div>
                                        <div class="col-lg-2">
                                            <div class="form-group {{ $errors->has('cm_percent') ? 'has-error' : '' }}">
                                                {{ Form::label('','CM%: ') }}
                                                {{ Form::number('cm_percent',null,['step'=>'any','id'=>'cm_percent','class'=>'form-control','placeholder'=>'CM%','onKeyup'=>'cm_calculate()']) }}
                                                @if($errors->has('cm_percent'))
                                                    <span class="help-block">
                                                            <strong>{{ $errors->first('cm_percent') }}</strong>
                                                                        </span>
                                                @endif
                                            </div>
                                        </div>
                                        <div class="col-lg-2">
                                            <div class="form-group {{ $errors->has('cm_total') ? 'has-error' : '' }}">
                                                {{ Form::label('','CM Total: ') }}
                                                {{ Form::number('cm_total',null,['step'=>'any','id'=>'cm_total','class'=>'form-control','placeholder'=>'CM Total']) }}
                                                @if($errors->has('cm_total'))
                                                    <span class="help-block">
                                                            <strong>{{ $errors->first('cm_total') }}</strong>
                                                                        </span>
                                                @endif
                                            </div>
                                        </div>
                                        <div class="col-lg-2">
                                            <div class="form-group {{ $errors->has('bill_value') ? 'has-error' : '' }}">
                                                {{ Form::label('','Bill Value : ') }}
                                                {{ Form::number('bill_value',null,['class'=>'form-control','placeholder'=>'Bill Value']) }}
                                                @if($errors->has('bill_value'))
                                                    <span class="help-block">
                                                            <strong>{{ $errors->first('bill_value') }}</strong>
                                                        </span>
                                                @endif
                                            </div>
                                        </div>
                                        <div class="col-lg-2">
                                            <div class="form-group {{ $errors->has('nego_date') ? 'has-error' : '' }}">
                                                {{ Form::label('','Nego Date : ') }}
                                                {{ Form::date('nego_date',null,['class'=>'form-control','placeholder'=>'Nego Date']) }}
                                                @if($errors->has('nego_date'))
                                                    <span class="help-block">
                                                            <strong>{{ $errors->first('nego_date') }}</strong>
                                                        </span>
                                                @endif
                                            </div>
                                        </div>
                                        <div class="col-lg-2">
                                            <div class="form-group {{ $errors->has('style_no') ? 'has-error' : '' }}">
                                                {{ Form::label('','Style No/p.o No : ') }}
                                                {{ Form::text('style_no',null,['class'=>'form-control','placeholder'=>'Style No/p.o No']) }}
                                                @if($errors->has('style_no'))
                                                    <span class="help-block">
                                                            <strong>{{ $errors->first('style_no') }}</strong>
                                                        </span>
                                                @endif
                                            </div>
                                        </div>
                                        <div class="col-lg-2">
                                            <div class="form-group {{ $errors->has('qty_pcs') ? 'has-error' : '' }}">
                                                {{ Form::label('','Quantity(pcs) : ') }}
                                                {{ Form::number('qty_pcs',null,['id'=>'qty_pcs','class'=>'form-control','onKeyup'=>'dzn_calculate()','placeholder'=>'Quantity(pcs)']) }}
                                                @if($errors->has('qty_pcs'))
                                                    <span class="help-block">
                                                            <strong>{{ $errors->first('qty_pcs') }}</strong>
                                                        </span>
                                                @endif
                                            </div>
                                        </div>
                                        <div class="col-lg-2">
                                            <div class="form-group {{ $errors->has('qty_dzs') ? 'has-error' : '' }}">
                                                {{ Form::label('','Quantity(dzs) : ') }}
                                                {{ Form::number('qty_dzs',null,['id'=>'qty_dzs','class'=>'form-control','placeholder'=>'Quantity(dzs)','readonly']) }}
                                                @if($errors->has('qty_dzs'))
                                                    <span class="help-block">
                                                            <strong>{{ $errors->first('qty_dzs') }}</strong>
                                                        </span>
                                                @endif
                                            </div>
                                        </div>
                                        <div class="col-lg-2">
                                            <div class="form-group {{ $errors->has('ref_no') ? 'has-error' : '' }}">
                                                {{ Form::label('','Bank Ref. No : ') }}
                                                {{ Form::text('ref_no',null,['class'=>'form-control','placeholder'=>'Bank Ref. No']) }}
                                                @if($errors->has('ref_no'))
                                                    <span class="help-block">
                                                            <strong>{{ $errors->first('ref_no') }}</strong>
                                                        </span>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <!-- /.card -->


        </div>
        {{--</div>--}}
    </section>

    <section>
        <div class="row">
            <div class="col-md-6">
                <!-- Custom Tabs -->
                <div class="card card-success card-outline">
                    <div class="card-header bg-dark" style="padding:5px">
                        <h5 style="text-align: center">B/L, Shipping Information</h5>
                        <div class="card-tools">
                            <button type="button" class="btn btn-tool" data-widget="collapse"><i class="fas fa-minus"></i>
                            </button>
                        </div>
                    </div>

                    <div class="card-body" >
                        {{ Form::open(['action'=>'ExportRegisterController@store','method'=>'POST','id'=>'form','class'=>'form-horizontal']) }}
                        <ul>
                            @php $i=0; @endphp
                            @foreach($errors->all() as $error)
                                <li> {{ ++$i }} <span class="has-error"><strong> {{ $error }} </strong></span></li>
                            @endforeach
                        </ul>
                        <div class="tab-content">
                            {{--<div class="head">--}}
                            {{--<h3 style="color: white;text-align: center;background-color: #1b4b72;padding: 4px">B/L, Shipping Information</h3>--}}
                            {{--</div>--}}
                            <div class="row" style="padding-bottom: 20px; ">
                                <div class="col-lg-12 card">
                                    <div class="row">
                                        <div class="col-lg-3">
                                            <div class="form-group {{ $errors->has('bl_no') ? 'has-error' : '' }}">
                                                {{ Form::label('','B/L No. / AWB No : ') }}
                                                {{ Form::text('bl_no',null,['class'=>'form-control','placeholder'=>'B/L No. / AWB No']) }}
                                                @if($errors->has('bl_no'))
                                                    <span class="help-block">
                                                            <strong>{{ $errors->first('bl_no') }}</strong>
                                                        </span>
                                                @endif
                                            </div>
                                        </div>
                                        <div class="col-lg-3">
                                            <div class="form-group {{ $errors->has('bl_date') ? 'has-error' : '' }}">
                                                {{ Form::label('','B/L Date : ') }}
                                                {{ Form::date('bl_date',null,['class'=>'form-control','placeholder'=>'B/L Date']) }}
                                                @if($errors->has('bl_date'))
                                                    <span class="help-block">
                                                            <strong>{{ $errors->first('bl_date') }}</strong>
                                                        </span>
                                                @endif
                                            </div>
                                        </div>
                                        <div class="col-lg-2">
                                            <div class="form-group {{ $errors->has('shipping_bill_no') ? 'has-error' : '' }}">
                                                {{ Form::label('','Shipping Bill No : ') }}
                                                {{ Form::text('shipping_bill_no',null,['class'=>'form-control','placeholder'=>'Shipping Bill No']) }}
                                                @if($errors->has('shipping_bill_no'))
                                                    <span class="help-block">
                                                            <strong>{{ $errors->first('shipping_bill_no') }}</strong>
                                                        </span>
                                                @endif
                                            </div>
                                        </div>
                                        <div class="col-lg-3">
                                            <div class="form-group {{ $errors->has('shipping_date') ? 'has-error' : '' }}">
                                                {{ Form::label('','Shipping Date : ') }}
                                                {{ Form::date('shipping_date',null,['class'=>'form-control','placeholder'=>'Shipping Date']) }}
                                                @if($errors->has('shipping_date'))
                                                    <span class="help-block">
                                                            <strong>{{ $errors->first('shipping_date') }}</strong>
                                                        </span>
                                                @endif
                                            </div>
                                        </div>
                                        <div class="col-lg-2">
                                            <div class="form-group {{ $errors->has('exp_no') ? 'has-error' : '' }}">
                                                {{ Form::label('','Exp No : ') }}
                                                {{ Form::text('exp_no',null,['class'=>'form-control','placeholder'=>'Exp No']) }}
                                                @if($errors->has('exp_no'))
                                                    <span class="help-block">
                                                            <strong>{{ $errors->first('exp_no') }}</strong>
                                                        </span>
                                                @endif
                                            </div>
                                        </div>
                                        <div class="col-lg-3">
                                            <div class="form-group {{ $errors->has('exp_date') ? 'has-error' : '' }}">
                                                {{ Form::label('','Exp Date : ') }}
                                                {{ Form::date('exp_date',null,['class'=>'form-control','placeholder'=>'Exp Date']) }}
                                                @if($errors->has('exp_date'))
                                                    <span class="help-block">
                                                            <strong>{{ $errors->first('exp_date') }}</strong>
                                                        </span>
                                                @endif
                                            </div>
                                        </div>
                                        <div class="col-lg-3 offset-2" style="margin-top: 30px">
                                            <button type="button" class="btn btn-info" onclick="addToList()">Add to List</button>

                                        </div>

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

                </div>
                {{Form::close()}}
            </div>
            <div class="col-md-6">
                <!-- Custom Tabs -->
                <div class="card card-success card-outline">
                    <div class="card-header bg-dark" style="padding:5px">
                        <h5 style="text-align: center">B/L, Shipping Information</h5>
                        <div class="card-tools">
                            <button type="button" class="btn btn-tool" data-widget="collapse"><i class="fas fa-minus"></i>
                            </button>
                        </div>
                    </div>

                    <div class="card-body" >
                        <div class="row">
                            <div class="col-md-12">
                                <table class="table table-bordered" id="table">
                                    <tr>
                                        <th>File No</th>
                                        <th>Order Ref</th>
                                        <th>Invoice</th>
                                        <th>Bill</th>
                                        <th>Quantity</th>
                                        <th>Bill AWD</th>
                                        <th>Shipping</th>
                                        <th>Exp</th>
                                    </tr>
                                </table>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="text-center">
                                    <button type="submit" class="col-md-1 btn btn-success">Save</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>

        <!-- ./card -->
    </section>
    {{ Form::close() }}
@endsection
@section('script')
    <script>

        function addToList(e){
            //e.preventDefault();
            //$("#form").submit();
            var data = $("#form").serializeArray();
            console.log(data);



//            alert('add to list');
            var row = '<tr>' +


                '<td>'+$('input[name=file_no]').val()+'<input type="hidden" name="file_no[]" value="'+$('input[name=file_no]').val()+'">' +
                '<input type="hidden" name="pi_details_id" value="'+$('#exp_lc_no').val()+'">' +
                '</td>' +
                '<td>'+$('input[name=ord_ref]').val()+'<input type="hidden" name="ord_ref[]" value="'+$('input[name=ord_ref]').val()+'"></td>' +
                '<td>'+
                $('input[name=inv_no]').val()+'<input type="hidden" name="inv_no[]" value="'+$('input[name=inv_no]').val()+'">' +'<br>'+
                $('input[name=invoice_date]').val()+'<input type="hidden" name="invoice_date[]" value="'+$('input[name=invoice_date]').val()+'">' +'<br>'+
                $('input[name=inv_value]').val()+'<input type="hidden" name="inv_value[]" value="'+$('input[name=inv_value]').val()+'">'+
                +'</td>' +
                '<td>'+
                $('input[name=cm_percent]').val()+'<input type="hidden" name="cm_percent[]" value="'+$('input[name=cm_percent]').val()+'">'  +'<br>'+
                $('input[name=cm_total]').val()+'<input type="hidden" name="cm_total[]" value="'+$('input[name=cm_total]').val()+'">'  +
                '</td>' +
                '<td>'+
                $('input[name=bill_value]').val()+'<input type="hidden" name="bill_value[]" value="'+$('input[name=bill_value]').val()+'">'  +'<br>'+
                $('input[name=nego_date]').val()+'<input type="hidden" name="nego_date[]" value="'+$('input[name=nego_date]').val()+'">'  +
                '</td>' +
                '<td>'+
                $('input[name=style_no]').val()+'<input type="hidden" name="style_no[]" value="'+$('input[name=style_no]').val()+'">' +'<br>'+
                $('input[name=qty_pcs]').val()+'<input type="hidden" name="qty_pcs[]" value="'+$('input[name=qty_pcs]').val()+'">' +'<br>'+
                $('input[name=qty_dzs]').val()+'<input type="hidden" name="qty_dzs[]" value="'+$('input[name=qty_dzs]').val()+'">' +'<br>'+
                $('input[name=ref_no]').val()+'<input type="hidden" name="ref_no[]" value="'+$('input[name=ref_no]').val()+'">'
                +'</td>' +
                '<td>'+
                $('input[name=bl_no]').val()+'<input type="hidden" name="bl_no[]" value="'+$('input[name=bl_no]').val()+'">'
                +'<br>'+
                $('input[name=bl_date]').val()+'<input type="hidden" name="bl_date[]" value="'+$('input[name=bl_date]').val()+'">' +
                '</td>' +
                '<td>'+
                $('input[name=shipping_bill_no]').val()+'<input type="hidden" name="shipping_bill_no[]" value="'+$('input[name=shipping_bill_no]').val()+'">' +'<br>'+
                $('input[name=shipping_date]').val()+'<input type="hidden" name="shipping_date[]" value="'+$('input[name=shipping_date]').val()+'">' +
                $('input[name=exp_no]').val()+'<input type="hidden" name="exp_no[]" value="'+$('input[name=exp_no]').val()+'">' +'<br>'+
                $('input[name=exp_date]').val()+'<input type="hidden" name="exp_date[]" value="'+$('input[name=exp_date]').val()+'">' +

                '</td>' +

//               '<td>'+
////                '<input type="button" class="btn btn-info btn-sm ">'+'<i class="fa fa-pencil-alt"></i>'+
//                '</td>' +
                '</tr>';
            $("#table").append(row);
            $('#form').trigger("reset");
        }
        //        $(document).on('change','#exp_lc_no',function (e) {
        //            e.preventDefault();
        //            let id = $('#exp_lc_no').val();
        //            let bl_list = $('#bl_no');
        //            if (id != ""){
        //                $.ajax({
        //                    url:'export-register/getShippingInfo/'+id,
        //                    type:'GET',
        //                    success:function (data) {
        //                        bl_list.empty();
        //                        $.each(data,function (key,val) {
        //                            bl_list.append('<option value="'+ key +'">'+ val +'</option>');
        //                        })
        //                    }
        //
        //                });
        //            }
        //            else{
        //                bl_list.empty();
        //                bl_list.append('<option>Select bl awb no</option>');
        //            }
        //        })
    </script>
    <script>

    </script>
    <script>
        function dzn_calculate(){
            var qty_pcs = document.getElementById('qty_pcs').value;
            document.getElementById('qty_dzs').value =qty_pcs /12;
        }

        function cm_calculate(){
            var inv_value = document.getElementById('inv_value').value;
            var cm_percent = document.getElementById('cm_percent').value;
            document.getElementById('cm_total').value = inv_value * ( cm_percent/100 );
        }


        function getInfo() {
            var infoID = $('#exp_lc_no').val();
            if (infoID) {
                $.ajax({
                    type: "GET",
                    url: "{{url('get-info')}}?export_contact_no=" + infoID,
                    success: function (res) {
                        if (res) {
                            console.log(res);
                            var company_unit =res['company_unit'];
                            var export_order_qty =res['export_order_qty'];
                            var export_order_value =res['export_order_value'];
                            var export_contact_no =res['export_contact_no'];
//                            var ord_ref =res['ord_ref'];
                            $("#company_unit").val(company_unit);
                            $("#ord_ref").val(export_contact_no);
                            $("#shipment_qty").val(export_order_qty);
                            $("#shipment_value").val(export_order_value);
                        }
                        else {
//                            $("#ord_ref").empty();
                        }
                    }
                });
            }
            else {
//                $("#ord_ref").empty();
            }
        }

    </script>
@endsection