@extends('admin.layout')
@section('content')
<style type="text/css">
    .required-mark {
        color: red;
    }
    hr {
        margin-left: 15px;
        margin-bottom:-3px;
    }
    .hr-primary {
        border: 1px solid #3c8dbc;
    }
    .bootstrap-select.btn-group .dropdown-menu li {
        border-bottom: 1px solid #6c6c6cde;
    }
    .my-current {
        color: #00c0ef;
    }
    section.content table.create_po td {
        vertical-align: top;
    }
    #watermarked::before {
    position: fixed;
    top: -75%;
    left: -75%;
    display: block;
    width: 300%;
    height: 300%;
    transform: rotate(-45deg);
    content: attr(data-watermark);
    font-size: 30px;
    opacity: 0.15;
    line-height: 4em;
    letter-spacing: 2px;
    color: #ff0523;
    z-index:0;
    }
    .content-wrapper, .right-side{ 
        background: #FFF;
    }
    .box {
        background: transparent;
        z-index: 1; 
    }
</style>
<div class="search-list">
    <div class="content-wrapper search-result-list">    
  <section class="content-header">
    <h1> {{ trans('Add Purchase Order') }} <small></small> </h1>
    <ol class="breadcrumb">
      <li><a href="{{ URL::to('admin/dashboard/this_month')}}"><i class="fa fa-dashboard"></i> {{ trans('labels.breadcrumb_dashboard') }}</a></li>
      <li class="active">{{ trans('Add Purchase Order') }}</li>
    </ol>
  </section>
  <section class="content"> 
    @php
        $getUserRoleData = userRoleData();
        $LeadSources        = explode(",",$getUserRoleData->LeadSources);
    @endphp

    <div class="row">
      <div class="col-md-12">
        <div class="box box-info"> 
          <div class="box-body">
            <div class="row">
              <div class="col-xs-12">
                    <div class="">                        
                        <div class="row">
                            @if(session()->has('message'))
                                <div class="alert alert-success alert-dismissible">
                                   <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
                                   <h4><i class="icon fa fa-check"></i> {{ trans('labels.Successlabel') }}</h4>
                                    {{ session()->get('message') }}
                                </div>
                            @endif
                            @if(session()->has('error'))
                                <div class="alert alert-warning alert-dismissible">
                                   <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
                                   <h4><i class="icon fa fa-warning"></i> {{ trans('labels.WarningLabel') }}</h4>
                                    {{ session()->get('error') }}
                                </div>
                            @endif
                        </div>
                         <div class="box-body">                 
                            {!! Form::open(array('url' => route('purchase-order.store'), 'method'=>'post', 'class' => 'form-horizontal form-validate', 'id' => 'addNewLeadSources', 'enctype'=>'multipart/form-data')) !!}
                                <input type="hidden" name="mask_type_id" value="{{ $result['Suppliers']->id }}">
                                <div class="row">
                                    <div class="col-md-12">
                                        <button type="submit" class="btn btn-primary">{{ trans('Submit') }}</button>
                                        {{-- <a href="{{URL('admin/purchase-order')}}" type="button" class="btn btn-primary">{{ trans('labels.back') }}</a> --}}
                                        <a href="{{ URL('admin/view-suppliers') }}/{{ $result['Suppliers']->id }}" type="button" class="btn btn-primary">{{ trans('labels.back') }}</a>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <div class="col-sm-12 col-md-12">
                                                <label for="company_id" class="control-label">{{ trans('Company Name') }}  <span class="required-mark">*</span></label>
                                            </div>
                                            <div class="col-sm-10 col-md-12">
                                                <input type="hidden" name="company_id" value="{{ $result['Company_info'][0]->id }}"> 
                                                 {{-- {!! Form::select('company_id', $result['Company_info'], '', array('class'=>'form-control company_id', 'multiple'=>'', 'id'=>'company_id', 'required'=>'required')) !!} --}}
                                                 {!! Form::text('company_name',  $result['Company_info'][0]->name, array('class'=>'form-control', 'id'=>'company_name', 'required'=>'required', 'readonly'=>'readonly')) !!}
                                            </div>
                                        </div>
                                    </div>                  
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <div class="col-sm-12 col-md-12">
                                                <label for="format_no" class="control-label">{{ trans('Format No.') }}  <span class="required-mark">*</span></label>
                                            </div>
                                            <div class="col-sm-10 col-md-12">
                                                {!! Form::text('format_no',  'RHYSLEY/8.0/F/04', array('class'=>'form-control', 'id'=>'format_no', 'required'=>'required', 'readonly'=>'readonly')) !!}
                                            </div>
                                        </div>
                                    </div> 
                                    
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <div class="col-sm-12 col-md-12">
                                                <label for="rev_number" class="control-label">{{ trans('Rev. No') }}  <span class="required-mark">*</span></label>
                                            </div>
                                            <div class="col-sm-10 col-md-12">
                                                {!! Form::text('rev_number',  '01', array('class'=>'form-control', 'id'=>'rev_number', 'required'=>'required', 'readonly'=>'readonly')) !!}
                                            </div>
                                        </div>
                                    </div>      
                                    {{-- <div class="col-md-3">
                                        <div class="form-group">
                                            <div class="col-sm-12 col-md-12">
                                                <label for="issues_no" class="control-label">{{ trans('Issue No') }} <span class="required-mark">*</span></label>
                                            </div>
                                            <div class="col-sm-10 col-md-12">
                                                
                                                {!! Form::text('issues_no', $issues_no, array('class'=>'form-control', 'id'=>'issues_no', 'required'=>'required', 'readonly'=>'readonly')) !!}
                                            </div>
                                        </div>
                                    </div> --}}     
                                    
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <div class="col-sm-12 col-md-12">
                                                <label for="fqc_date" class="control-label">{{ trans('Date') }} <span class="required-mark">*</span></label>
                                            </div>
                                            <div class="col-sm-10 col-md-12">
                                                {!! Form::text('fqc_date',  '20-01-2021', array('class'=>'form-control', 'id'=>'fqc_date', 'required'=>'required', 'readonly'=>'readonly')) !!}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="clearfix"></div>     
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <div class="col-sm-12 col-md-12">
                                                <label for="date_desc" class="control-label">{{ trans('PO Date') }} <span class="required-mark">*</span></label>
                                            </div>
                                            <div class="col-sm-10 col-md-12">
                                                {!! Form::text('date_desc', date('Y-m-d'), array('class'=>'form-control', 'id'=>'date_desc', 'readonly'=>'readonly', 'required'=>'required')) !!}
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <div class="col-sm-12 col-md-12">
                                                <label for="suppliers" class="control-label">{{ trans('Suppliers') }} <span class="required-mark">*</span></label>
                                            </div>
                                            <div class="col-sm-10 col-md-12">
                                                {{-- {!! Form::select('mask_type_id', $result['Suppliers'], '', array('class'=>'form-control mask_type_id', 'multiple'=>'', 'id'=>'mask_type_id', 'required'=>'required')) !!} --}}
                                                {!! Form::text('suppliers', $result['Suppliers']->name, array('class'=>'form-control suppliers', 'id'=>'suppliers', 'required'=>'required', 'readonly'=>'readonly')) !!}
                                            </div>
                                        </div>
                                    </div> 
                                    <div class="clearfix"></div>
                                    <div class="col-md-12">
                                        <table class="table table-bordered table-striped create_po">
                                            <tbody>
                                                <tr>
                                                    <th colspan="5">&nbsp;</th>
                                                    <th colspan="3" style="text-align: center;">Rate</th>
                                                    <th colspan="2">&nbsp;</th>
                                                </tr>
                                                <tr>
                                                    <th>SN</th>
                                                    <th width="10%">HSN Code</th>
                                                    <th width="20%">Material Specification</th>
                                                    <th width="10%">Unit</th>
                                                    <th width="10%">Qty.</th>
                                                    <th width="10%">Price</th>
                                                    
                                                     @if($result['Suppliers']['get_country']->countries_name == 'India')
                                                      @if($result['Suppliers']['get_province']->zone_name == 'Haryana')
                                                        <th width="10%">GST in %</th>
                                                        <th width="10%">GST Amount</th>
                                                      @else
                                                       <th width="10%">IGST in %</th>
                                                        <th width="10%">IGST Amount</th>
                                                      @endif
                                                    @else
                                                        <th width="10%">GST in %</th>
                                                        <th width="10%">GST Amount</th>
                                                    @endif
                                                    
                                                    <th width="10%">Total</th>
                                                    <th width="5%">#</th>
                                                </tr>
                                                <tr class="fqc-report-data">
                                                    <td>1</td>
                                                    <td>                                                   
                                                       {!! Form::text('hsn_code[]', '', array('class'=>'form-control hsn_code', 'id'=>'hsn_code')) !!}
                                                       <em id="hsn_code-error" class="error help-block"></em>
                                                    </td>
                                                    <td>
                                                        {!! Form::textarea('material_specification[]', '', array('class'=>'form-control material_specification', 'id'=>'material_specification', 'rows'=>'2')) !!}
                                                        <em id="hsn_code-error" class="error help-block"></em>
                                                    </td>
                                                    <td>
                                                        {!! Form::text('unit[]', '', array('class'=>'form-control unit', 'id'=>'unit')) !!}
                                                        <em id="unit-error" class="error help-block"></em>
                                                    </td>
                                                    <td>
                                                         {!! Form::text('qty[]', '', array('class'=>'form-control qty a', 'id'=>'qty', 'min'=>0, 'onkeyup'=>'validDigit(this)')) !!}
                                                         <em id="qty-error" class="error help-block"></em>
                                                    </td>
                                                    <td>
                                                         {!! Form::text('price[]', '', array('class'=>'form-control price a', 'id'=>'price', 'min'=>0, 'onkeyup'=>'validDigit(this)')) !!}
                                                         <em id="price-error" class="error help-block"></em>
                                                    </td>
                                                    <td>
                                                        <!--{!! Form::text('gst_percent[]', '', array('class'=>'form-control gst_percent a', 'id'=>'gst_percent', 'min'=>0,  'onkeyup'=>'validSGSTDigit(this)')) !!} -->
                                                        
                                                        
                                                        <select name="gst_percent[]" id="" class="gstPercentSelect form-control gst_percent a" multiple="multiple">
                                                            @if($result['Tax_class']->count()>0)
                                                                @foreach($result['Tax_class'] as $taxValue)
                                                                    <option value="{{ $taxValue->tax_percent }}">{{ $taxValue->name }} {{ $taxValue->tax_percent }}%</option>
                                                                @endforeach
                                                            @endif                                                        
                                                        </select>
                                                    <em id="gst_percent-error" class="error help-block"></em>
                                                    </td>
                                                    <td>
                                                        {!! Form::text('gst_amount[]', '', array('class'=>'form-control gst_amount a', 'id'=>'gst_amount', 'min'=>0, 'readonly'=>'readonly')) !!}
                                                        <em id="gst_amount-error" class="error help-block"></em>
                                                    </td>
                                                    <td>
                                                        {!! Form::text('total_amount[]', '', array('class'=>'form-control total_amount a', 'id'=>'total_amount', 'min'=>0, 'readonly'=>'readonly')) !!}
                                                        <em id="total_amount-error" class="error help-block"></em>
                                                    </td>
                                                    <td>
                                                        <a href="javascript:void(0);" class="btn btn-primary btn-xs add-new"><i class="fa fa-plus"></i></a>
                                                        {{-- <a href="javascript:void(0);" class="btn btn-danger btn-xs remove-rows"><i class="fa fa-trash"></i></a> --}}
                                                    </td>
                                                </tr>                                            
                                                <tr>
                                                    <th colspan="7">&nbsp;</th>
                                                    <th style="text-align: right;">Grand Total</th>
                                                    <th colspan="2" style="padding: 10px;">
                                                        <div class="form-group">
                                                            <input type="hidden" name="grand_total" id="grand_total">
                                                            {!! Form::text('grand_total1', '', array('class'=>'form-control', 'id'=>'grand_total1', 'readonly'=>'readonly')) !!}
                                                            <span class="help-block" style="display: none;">Grand total must be less than or equal to 999999999.99.</span>
                                                        </div>
                                                    </th>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="clearfix"></div>
                                    <div class="col-md-12"><br>
                                        {!! Form::textarea('instruction', $result['Company_instructions']->instructions, array('class'=>'form-control instruction', 'id'=>'instruction', 'required'=>'required', 'rows'=>'6')) !!}
                                    </div>
                                    <div class="clearfix"></div>
                                    <div class="col-md-12">
                                        <div class="box-footer text-center">
                                            <button type="submit" class="btn btn-primary">{{ trans('Submit') }}</button>
                                            <a href="{{URL('admin/suppliers')}}" type="button" class="btn btn-primary">{{ trans('labels.back') }}</a>
                                        </div>
                                    </div>
                                </div>
                            {!! Form::close() !!}   
                      </div>
                  </div>
              </div>
            </div>
          </div>
        </div>

        <div id="watermarked" data-watermark="{{ auth()->guard('admin')->user()->first_name }} {{ auth()->guard('admin')->user()->last_name }}" class="row listing">        
        </div>

      </div>
    </div>
  </section>
</div>
</div>
@endsection 
@section('scripts')
<script src="{!! asset('assets/admin/plugins/validate/jquery.validate.js') !!}"></script>
<script src="{!! asset('assets/admin/plugins/validate/additional-methods.js') !!}"></script>
<script src="{!! asset('assets/admin/dist/js/datetimepicker/jquery.datetimepicker.full.min.js') !!}"></script>
<link href="{!! asset('assets/admin/dist/js/datetimepicker/jquery.datetimepicker.min.css') !!}" rel="stylesheet" />
<script src="{!! asset('assets/admin/dist/js/ckeditor/adapters/jquery.js') !!}"></script>
<script>
    document.querySelectorAll('#watermarked').forEach(function(el) {
              el.dataset.watermark = (el.dataset.watermark + ' ').repeat(500);
          });
  </script>
<script type="text/javascript">
    var counTable = 2;
    $(function () {
        
    function calculateTotal(obj){
        var price = 0;
        var gst_percent = [];
        var gst_amount = 0;   
        var total_amount = 0;   
        var qty = "1";
        
        $cur = obj.closest(".fqc-report-data");
        
        if($cur.find('.qty').val() != '' && $cur.find('.qty').val() >= 0) {
            qty = $cur.find('.qty').val();
        } else {
            qty = '1';
        }

        if($cur.find('.price').val() != '' && $cur.find('.price').val() >= 0) {
            price = $cur.find('.price').val(); 
        } else {
            price = 0;
        }

        
        
        var gst_percentVal = $cur.find('.gst_percent').val();
        
        if(gst_percentVal === null) {          
            gst_percent = 0;
            
        } else {
            gst_percent = gst_percentVal;  
            
        }
       // alert(gst_percent);
        

        //gst_amount = parseFloat(qty)*((parseFloat(gst_percent)*parseFloat(price))/100);
        gst_amount = parseInt(parseFloat(qty)*((parseFloat(gst_percent)*parseFloat(price))/100));
        total_amount = parseFloat(total_amount) + parseFloat(gst_amount) + (parseFloat(qty)*parseFloat(price));
        
        console.log('gst_amount: '+ gst_amount + ', total_amount: '+total_amount+ ', gst_percent: '+gst_percent);
        
        $cur.find('.gst_amount').val(gst_amount.toFixed(2));
        $cur.find('.total_amount').val(total_amount.toFixed(2));
        totalVal();

    }
     
    window.Select2FilterFunc = function (state) { return "Default" };

            //general custom templateResult
            window.templateResult = function templateResult(state) {

                //call custom filter
                var result = Select2FilterFunc(state);
                if (result != "Default")
                    return result;

                if (!state.id) { return state.text; }
                var $state = $(
                  '<span>' + state.text + '</span>'
                );
                return $state;
            };
        initiateSelect2();
            function initiateSelect2(){
                $(".gstPercentSelect").select2({
                    templateResult: templateResult,
                     placeholder: "--- Choose ---",
                    maximumSelectionLength: 1,
                 }).on("select2:select", function (e) { 
                  var select_val = $(e.currentTarget).val();
                    calculateTotal($(this));
                  //alert(select_val)
                }).on('select2:unselect', function (e) {
                    calculateTotal($(this));
                });
            }
        
    
    $('body').on('keyup', ".a", function(e){
        calculateTotal($(this));
        //$cur.find('.rejection_percent').val(parseFloat(rejection_percent).toFixed(2));
    });

    $(document).on('click', '.add-new', function(e) {
        $cur = $(this).closest(".fqc-report-data");
        //$cur.prev().find('.add-new').hide();
        $cur.find('.add-new').hide();
        $cur.find('.remove-rows').hide();
        //$cur = $(this).closest(".fqc-report-data").remove();         
        var addNewRows = '';
        addNewRows +='<tr class="fqc-report-data">';
        addNewRows +='<td>'+counTable+'</td>';
        addNewRows +='<td>';                                                   
        addNewRows +='<input class="form-control hsn_code" id="hsn_code" name="hsn_code[]" type="text" value=""><em id="gst_percent-error" class="error help-block"></em>';
        addNewRows +='</td>';
        addNewRows +='<td>';
        addNewRows +='<textarea class="form-control material_specification" id="material_specification" name="material_specification[]" rows="2"></textarea><em id="gst_percent-error" class="error help-block"></em>';
        addNewRows +='</td>';
        addNewRows +='<td>';
        addNewRows +='<input class="form-control unit" id="unit" name="unit[]" type="text" value=""><em id="gst_percent-error" class="error help-block"></em>';
        addNewRows +='</td>';
        addNewRows +='<td>';
        addNewRows +='<input class="form-control qty a" id="qty" min=0 name="qty[]" type="text" value="" onkeyup="validDigit(this)"><em id="gst_percent-error" class="error help-block"></em>';
        addNewRows +='</td>';
        addNewRows +='<td>';
        addNewRows +='<input class="form-control price a" id="price" min=0 name="price[]" type="text" value="" onkeyup="validDigit(this)"><em id="gst_percent-error" class="error help-block"></em>';
        addNewRows +='</td>';
        addNewRows +='<td>';
        //addNewRows +='<input class="form-control gst_percent a" id="gst_percent" min=0  name="gst_percent[]" type="text" value="" onkeyup="validSGSTDigit(this)"><em id="gst_percent-error" class="error help-block"></em>'; 
        addNewRows +=`<select name="gst_percent[]" id="" class="gstPercentSelect form-control gst_percent a" multiple="multiple">;
                        @foreach($result['Tax_class'] as $taxValue)
                            <option value="{{ $taxValue->tax_percent }}">{{ $taxValue->name }} {{ $taxValue->tax_percent }}%</option>
                        @endforeach
                        </select>`;
                   addNewRows +='<em id="price-error" class="error help-block"></em>';
        addNewRows +='</td>';
        addNewRows +='<td>';
        addNewRows +='<input class="form-control gst_amount a" id="gst_amount" min=0 readonly="readonly" name="gst_amount[]" type="text" value=""><em id="gst_percent-error" class="error help-block"></em>';
        addNewRows +='</td>';
        addNewRows +='<td>';
        addNewRows +='<input class="form-control total_amount a" id="total_amount" min=0 readonly="readonly" name="total_amount[]" type="text" value=""><em id="gst_percent-error" class="error help-block"></em>';
        addNewRows +='</td>';
        addNewRows +='<td>';
        addNewRows +='<a href="javascript:void(0);" class="btn btn-primary btn-xs add-new"><i class="fa fa-plus"></i></a>';
        addNewRows +=' <a href="javascript:void(0);" class="btn btn-danger btn-xs remove-rows"><i class="fa fa-trash"></i></a>';
        addNewRows +='</td>';
        addNewRows +='</tr>';
        counTable = counTable+1;
        $(".fqc-report-data:last").after(addNewRows);
        initiateSelect2();

        // Teaxt area size
        setTextAreaHeight('material_specification');
    });

    setTextAreaHeight('material_specification');
    // Teaxt area size
    function setTextAreaHeight(elm){
        const tx = document.getElementsByClassName(elm);
        for (let i = 0; i < tx.length; i++) {
          tx[i].setAttribute('style', 'height:' + (tx[i].scrollHeight) + 'px;overflow-y:hidden;');
          tx[i].addEventListener("input", OnInput, false);
        }
    }

    function OnInput() {
      this.style.height = 'auto';
      this.style.height = (this.scrollHeight) + 'px';
    }


    $(document).on('click', '.remove-rows', function(e) {
        $cur = $(this).closest(".fqc-report-data");
        $cur.prev().find('.add-new').show();
        $cur.prev().find('.remove-rows').show();
        $cur.remove();
        counTable = counTable-1;
        totalVal();
    });

    var role_id = {{ auth()->guard('admin')->user()->role_id }};
    if(role_id > 2) {
        var currentDate = "{{ date('Y-m-d') }}";
        var twoDaysPastDate = "{{ date('Y-m-d', strtotime(' - 3 day', strtotime(date('Y-m-d')))) }}";
    } else {
        var twoDaysPastDate = "1970-01-01";
        var currentDate = "2080-01-01";
    }

    function totalVal(){
        var ammount =  0; 
        $('.total_amount').each(function(e){
            ammount += parseFloat(this.value) || 0;
        });
        //console.log(ammount);
        ammount = ammount.toFixed(2);
        $('#grand_total').val(ammount);
        nfObject = new Intl.NumberFormat('en-US'); 
        $('#grand_total1').val(nfObject.format(ammount));
    }

    $('body').on('change', '.total_amount', function(){
        totalVal();
    });

    

    //console.log('twoDaysPastDate',twoDaysPastDate);
    // console.log('role_id',role_id);
    // $('#fqc_date').datetimepicker({
    //     format:'Y-m-d',
    //     closeOnDateSelect:true,
    //     minDate:twoDaysPastDate,
    //     maxDate:currentDate,
    //     timepicker:false
    // });
    $('#date_desc').datetimepicker({
        format:'Y-m-d',
        closeOnDateSelect:true,
        minDate:twoDaysPastDate,
        maxDate:currentDate,
        timepicker:false
    });

    $(function () { 
        
        $( '#instruction' ).ckeditor();

        // $(".company_id").select2({
        //     placeholder: "--- Choose ---",
        //     maximumSelectionLength: 1,
        //     formatSelectionTooBig: function (limit) {
        //         return 'Too many selected items';
        //     },
        // }).on("select2:select", function (e) {
           
        // }).on('select2:unselect', function (e) {
            
        // });

        // $(".mask_type_id").select2({
        //     placeholder: "--- Choose ---",
        //     maximumSelectionLength: 1,
        //     formatSelectionTooBig: function (limit) {
        //         return 'Too many selected items';
        //     },
        // }).on("select2:select", function (e) {
           
        // }).on('select2:unselect', function (e) {
            
        // });

        // $(".check_point_id").select2({
        //     placeholder: "--- Choose ---",
        //     maximumSelectionLength: 1,
        //     formatSelectionTooBig: function (limit) {
        //         return 'Too many selected items';
        //     },
        // }).on("select2:select", function (e) {
           
        // }).on('select2:unselect', function (e) {
            
        // });
    });      

    //validate form
    $(document).on('submit', '.form-validate', function(e){ 
        var flag = false;   
        $curSection = $(this).closest(".fqc-report-data");
        console.log('size', $('body').find(".fqc-report-data .hsn_code").size());
        // //to validate text field
        $('body').find(".fqc-report-data .hsn_code").each(function() { 
            //alert($('body').find(".fqc-report-data .hsn_code").size());
            if($(this).val() == '') {
                $(this).parent().find('.error').text('Please enter HSN Code').show();
                flag = true;
            }
        });

        $(".material_specification").each(function() { 
            console.log('material_specification',$(this).val());           
            if($(this).val() == '') {
                $(this).parent().find('.error').text('Please enter material specification').show();                
                flag = true;
            }
        });
        $(".unit").each(function() { 
            console.log('unit',$(this).val());           
            if($(this).val() == '') {
                $(this).parent().find('.error').text('Please enter unit').show();                
                flag = true;
            }
        });
        $(".qty").each(function() { 
            console.log('qty',$(this).val());           
            if($(this).val() == '') {
                $(this).parent().find('.error').text('Please enter quantity').show();
                flag = true;
            }
        });
        $(".price").each(function() { 
            console.log('price',$(this).val());           
            if($(this).val() == '') {
                $(this).parent().find('.error').text('Please enter price').show();
                flag = true;
            }
        });
        $(".gst_percent").each(function() { 
                      
            if($(this).val() === null) {
                $(this).parent().find('.error').text('Please enter gst percent').show();
                flag = true;
                console.log('gst_percent checking',$(this).val()); 
            }
            else{
                $(this).parent().find('.error').text('Please enter gst percent').hide();                
            }
        });

        var grand_total = parseFloat($("#grand_total").val());
        if(grand_total > 999999999.99){
            flag = true;
            $("#grand_total").closest(".form-group").addClass("has-error").find(".help-block").show();
        }
        else{
            $("#grand_total").closest(".form-group").removeClass("has-error").find(".help-block").hide();
        }

        if(flag == true) {
            return false;
        }
        // console.log('Here');
        //return false
    });

    $(document).on('blur', '.hsn_code', function(e){
        if($(this).val() == '') {
            $(this).parent().find('.error').text('Please enter HSN Code').show();
        } else {
           $(this).parent().find('.error').hide();
        }
    });

    $(document).on('blur', '.material_specification', function(e){
        
        console.log('material_specification',$(this).val());           
        if($(this).val() == '') {
            $(this).parent().find('.error').text('Please enter material specification').show();
        } else {
           $(this).parent().find('.error').hide();
        }
    });

    $(document).on('blur', '.unit', function(e){
        
        console.log('unit',$(this).val());           
        if($(this).val() == '') {
            $(this).parent().find('.error').text('Please enter unit').show();
        } else {
            $(this).parent().find('.error').hide();
        }
    });

    $(document).on('blur', '.qty', function(e){
        
        console.log('qty',$(this).val());           
        if($(this).val() == '') {
            $(this).parent().find('.error').text('Please enter quantity').show();
        } else {
           $(this).parent().find('.error').hide();
        }
    });

    $(document).on('blur', '.price', function(e){
        
        console.log('price',$(this).val());           
        if($(this).val() == '') {
            $(this).parent().find('.error').text('Please enter price').show();
        } else {
           $(this).parent().find('.error').hide();
        }
     });   

    $(document).on('blur', '.gst_percent', function(e){
        if($(this).val() === null) {
            $(this).parent().find('.error').text('Please enter gst percent').show();
        } else {
           $(this).parent().find('.error').hide();
        }
    });
    });

    function validDigit(obj) {
        return obj.value = obj.value.replace(/[^0-9.]/g, "").replace(/(\..*)\./g, "$1");
    }   

    function validSGSTDigit(obj) {
        return obj.value = obj.value.replace(/[^0-9]/g, "").replace(/(\..*)\./g, "$1");
    } 
    
</script>
<style>
.fqc-report-data .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: transparent;
    border: 0;
    height: auto;
    margin: 0;
    text-align: left;
    padding: 0;
    width: 100%;
    height: 32px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    align-items: center;
}

.fqc-report-data  li.select2-search.select2-search--inline {
    width: 100%;
    height: 32px;
    position: absolute;
    pointer-events: none;
}

.fqc-report-data li.select2-search.select2-search--inline input.select2-search__field {
    width: 100% !important;
    max-width: none;
        height: 32px;
    padding: 6px 12px;
}

.fqc-report-data span.select2-selection.select2-selection--multiple {
    padding: 0;
}
    tr.fqc-report-data ul.select2-selection__rendered {
    height: 32px;
}

tr.fqc-report-data ul.select2-selection__rendered li:nth-child(2).select2-search.select2-search--inline input {
    opacity: 0;
}
    .fqc-report-data span.select2-selection.select2-selection--multiple:after {
    content: "";
    display: block;
    position: absolute;
    border-top: 5px solid #000;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    top: 15px;
    right: 5px;
    pointer-events: none;
}
    tr.fqc-report-data span.select2.select2-container + em {
    position: static;
}
</style>
@endsection