@extends('admin.layout')
@section('content')
<style type="text/css">
    #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; 
    }
	.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;
	}
    table, td, th{
        text-align: center;
    }
</style>
<div class="search-list">
	<div class="content-wrapper search-result-list"> 	
  <section class="content-header">
    <h1> {{ trans('Incoming Material Report') }} <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('Incoming Material Report') }}</li>
    </ol>
  </section>
  <section class="content"> 
	@php
		$getUserRoleData                = userRoleData();
		$StoreItemInspectionReport		= explode(",",$getUserRoleData->StoreItemInspectionReport);
	@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('store-item-inspection-report.store'), 'method'=>'post', 'class' => 'form-horizontal', 'id' => 'addStoreItemInspectionReport', 'enctype'=>'multipart/form-data')) !!}
                                <div class="row">
                                    <div class="col-md-12">
                                        <button type="submit" class="btn btn-primary">{{ trans('Submit') }}</button>
                                        <a href="{{URL('admin/store-item-inspection-report')}}" type="button" class="btn btn-primary">{{ trans('labels.back') }}</a>
                                    </div>
                                </div>
                         	    <div class="row">
                                    <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">
                                                 {!! Form::select('company_id', $result['Company_info'], 1, array('class'=>'form-control company_id', 'multiple'=>'', 'id'=>'company_id', 'required'=>'required')) !!}
                                            </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/09', 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="date" class="control-label">{{ trans('Date') }} <span class="required-mark">*</span></label>
                                            </div>
                                            <div class="col-sm-10 col-md-12">
                                                {!! Form::text('date',  '08.02.2021', array('class'=>'form-control', 'id'=>'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="issue_number" class="control-label">{{ trans('Issue No') }}  <span class="required-mark">*</span></label>
                                            </div>
                                            <div class="col-sm-10 col-md-12">
                                                {!! Form::text('issue_number',  '01', array('class'=>'form-control', 'id'=>'issue_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="doc_number" class="control-label">{{ trans('Doc No') }}  <span class="required-mark">*</span></label>
                                            </div>
                                            <div class="col-sm-10 col-md-12">
                                                {!! Form::text('doc_number',  'QMS-FM 01 Revision 0 Date 10.04.2020', array('class'=>'form-control', 'id'=>'doc_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="supplier_id" class="control-label">{{ trans('Supplier') }}  <span class="required-mark">*</span></label>
                                            </div>
                                            <div class="col-sm-10 col-md-12">
                                                 {!! Form::select('supplier_id', $result['Suppliers'], '', array('class'=>'form-control supplier_id', 'multiple'=>'', 'id'=>'supplier_id', 'onchange'=>'get_po(this)', 'required'=>'required')) !!}
                                            </div>
                                        </div>
                                    </div> 
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <div class="col-sm-12 col-md-12">
                                                <label for="serial_number" class="control-label">{{ trans('Serial Number') }}</label>
                                            </div>
                                            <div class="col-sm-10 col-md-12">
                                                {!! Form::text('serial_number', '', array('class'=>'form-control', 'id'=>'serial_number')) !!}
                                            </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="inspection_date" class="control-label">{{ trans('Inspection Date') }} <span class="required-mark">*</span></label>
                                            </div>
                                            <div class="col-sm-10 col-md-12">
                                                {!! Form::text('inspection_date', date('Y-m-d'), array('class'=>'form-control', 'id'=>'inspection_date', '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="challan_no" class="control-label">{{ trans('Challan Number') }} <span class="required-mark">*</span></label>
                                            </div>
                                            <div class="col-sm-10 col-md-12">
                                                {!! Form::text('challan_no', '', array('class'=>'form-control', 'id'=>'challan_no', 'required'=>'required' )) !!}
                                            </div>
                                        </div>
                                    </div>  
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <div class="col-sm-12 col-md-12">
                                                <label for="challan_date" class="control-label">{{ trans('Challan Date') }} <span class="required-mark">*</span></label>
                                            </div>
                                            <div class="col-sm-10 col-md-12">
                                                {!! Form::text('challan_date', date('Y-m-d'), array('class'=>'form-control', 'id'=>'challan_date', '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="pr_number" class="control-label">{{ trans('Purchase Order No') }}</label>
                                            </div>
                                            <div class="col-sm-10 col-md-12">
                                                <select name="pr_number" id="pr_number" class="form-control pr_number" required multiple="">
                                                    <option value="">Select Purchase Order</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="clearfix"></div>
                                    <div class="col-md-12">
                                        <table class="table table-bordered table-striped">
                                            <tbody id="items">
                                                <tr>
                                                    <th rowspan="2" width="3%">S.N.</th>
                                                    <th rowspan="2" width="25%">Item Description</th>
                                                    <th rowspan="2" width="10%">Unit</th>
                                                    <th rowspan="2" width="10%">PO Quantity</th>
                                                    <th colspan="2" width="10%">Recd. Qty</th>
                                                    <th rowspan="2" width="18%">Remarks</th>
                                                    <th rowspan="2" width="18%">Add/Remove</th>
                                                </tr>
                                                <tr>
                                                    <th width="10%">Accepted</th>
                                                    <th width="10%">Rejected</th>
                                                </tr>
                                                <tr class="store-item-inspection-report" id="item-1">
                                                    <td>1</td>
                                                    <td>
                                                        <select name="inventory_id[]" id="inventory_id-1" class="form-control inventory_id" onchange="get_unit(this)">
                                                            <option value="">Select Item</option>
                                                            @foreach($result['Inventorys'] as $inventory)
                                                                <option value="{{$inventory->id}}" units_id="{{$inventory->units_id}}">{{$inventory->name}}</option>
                                                            @endforeach
                                                        </select>
                                                        <span style="color: red" class="item_err" id="item_err-1"></span>
                                                    </td>
                                                    <td>
                                                        <select name="unit_id[]" id="unit_id-1" class="form-control unit_id">
                                                            <option value="">Select Unit</option>
                                                            @foreach($result['Units'] as $unit)
                                                                <option value="{{$unit->id}}">{{$unit->name}}</option>
                                                            @endforeach
                                                        </select>
                                                        <span style="color: red" class="unit_err" id="unit_err-1"></span>
                                                    </td>
                                                    <td>
                                                        <input type="text" name="pr_quantity[]" id="pr_quantity-1" maxlength="15" class="form-control pr_quantity" onkeyup="validate(this);set_val(this);test_val(this)" autocomplete="off">
                                                        <span style="color: red" class="prqty" id="prqty-1"></span>
                                                    </td>
                                                    <td style="display: none">
                                                       <input type="text" name="received[]" maxlength="15" onkeyup="validate(this);test_val(this)" id="received-1" class="form-control received" autocomplete="off">
                                                       <span style="color: red" class="recd" id="recd-1"></span>
                                                    </td>
                                                    <td>
                                                        <input type="text" name="accepted[]" maxlength="15" onkeyup="validate(this);test_val(this);" id="accepted-1" class="form-control accepted" autocomplete="off">
                                                        <span style="color: red" class="acc" id="acc-1"></span>
                                                    </td>
                                                    <td>
                                                       <input type="text" name="rejected[]" onkeyup="validate(this);test_val(this);" id="rejected-1" class="form-control rejected" readonly autocomplete="off">
                                                       <span style="color: red" class="rej" id="rej-1"></span>
                                                    </td>
                                                    <td>
                                                        <textarea name="remarks[]" id="remarks-1" class="form-control remarks" row="1"></textarea>
                                                    </td>
                                                    <td>
                                                        <button type="button" class="btn btn-primary" onclick="add_row();">+</button>
                                                    </td>
                                                </tr>
                                            </tbody>
                                            <tfoot>
                                                <tr>
                                                    <td colspan="9">
                                                        <span style="color: red" id="duplicate-error"></span>
                                                    </td>
                                                </tr>
                                            </tfoot>
                                        </table>
                                    </div>

                                    <div class="clearfix"></div>
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <div class="col-sm-12 col-md-12">
                                                <label for="note" class="control-label">{{ trans('Inspection Note') }} <span class="required-mark">*</span></label>
                                            </div>
                                            <div class="col-sm-10 col-md-12">
                                                {!! Form::textarea('note', '', array('class'=>'form-control note', 'id'=>'note', 'required'=>'required', 'rows'=>'2')) !!}
                                            </div>
                                        </div>
                                    </div> 
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <div class="col-sm-12 col-md-12">
                                                <label for="department" class="control-label">{{ trans('Department') }} <span class="required-mark">*</span></label>
                                            </div>
                                            <div class="col-sm-10 col-md-12">
                                                {!! Form::text('department', '', array('class'=>'form-control', 'id'=>'department', 'required'=>'required')) !!}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <div class="col-sm-12 col-md-12">
                                                <label for="store_incharge" class="control-label">{{ trans('Store Incharge') }} <span class="required-mark">*</span></label>
                                            </div>
                                            <div class="col-sm-10 col-md-12">
                                                {!! Form::text('store_incharge', '', array('class'=>'form-control', 'id'=>'store_incharge', 'required'=>'required')) !!}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="clearfix"></div>

                                    <div class="col-md-12">
                                        <div class="box-footer text-center">
                                            <button type="submit" id="sub" class="btn btn-primary">{{ trans('Submit') }}</button>
                                            <a href="{{URL('admin/store-item-inspection-report')}}" 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 type="text/javascript">
    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(' - 7 day', strtotime(date('Y-m-d')))) }}";
    } else {
        var twoDaysPastDate = "1970-01-01";
        var currentDate = "2080-01-01";
    }
    $('#challan_date').datetimepicker({
        format:'Y-m-d',
        closeOnDateSelect:true,
        minDate:twoDaysPastDate,
        maxDate:currentDate,
        timepicker:false
    });
    $('#inspection_date').datetimepicker({
        format:'Y-m-d',
        closeOnDateSelect:true,
        minDate:twoDaysPastDate,
        maxDate:currentDate,
        timepicker:false
    });

    $(function () { 
        $(".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) {
            
        });

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

        $(".pr_number").select2({
            placeholder: "--- Choose ---",
            maximumSelectionLength: 1,
            formatSelectionTooBig: function (limit) {
                return 'Too many selected items';
            },
        }).on("select2:select", function (e) {
           
        }).on('select2:unselect', function (e) {
            
        });
    });
	
	$( "#addStoreItemInspectionReport" ).validate( {
			rules: {				
				company_id: {
					required: true,
				},              
                format_no: {
                    required: true,
                },              
                rev_number: {
                    required: true,
                },              
			},
			messages: {
				company_id: {
					required: "Please select company name",
				},
                format_no: {
                    required: "Please enter format no",
                },
                rev_number: {
                    required: "Please enter rev. no",
                },
                
			},
			errorElement: "em",
			errorPlacement: function ( error, element ) {
				// Add the `help-block` class to the error element
				error.addClass( "help-block" );

				// Add `has-feedback` class to the parent div.form-group
				element.parents( ".col-sm-5" ).addClass( "has-feedback" );

				if ( element.prop( "type" ) === "checkbox" ) {
					error.insertAfter( element.parent( "label" ) );
				} else {
					error.insertAfter( element );
				}

				// Add the span element, if doesn't exists, and apply the icon classes to it.
				if ( !element.next( "span" )[ 0 ] ) {
					$( "<span class='glyphicon glyphicon-remove form-control-feedback'></span>" ).insertAfter( element );
				}
			},
			success: function ( label, element ) {
				// Add the span element, if doesn't exists, and apply the icon classes to it.
				if ( !$( element ).next( "span" )[ 0 ] ) {
					$( "<span class='glyphicon glyphicon-ok form-control-feedback'></span>" ).insertAfter( $( element ) );
				}
			},
			highlight: function ( element, errorClass, validClass ) {
				$( element ).parents( ".col-sm-5" ).addClass( "has-error" ).removeClass( "has-success" );
				$( element ).next( "span" ).addClass( "glyphicon-remove" ).removeClass( "glyphicon-ok" );
			},
			unhighlight: function ( element, errorClass, validClass ) {
				$( element ).parents( ".col-sm-5" ).addClass( "has-success" ).removeClass( "has-error" );
				$( element ).next( "span" ).addClass( "glyphicon-ok" ).removeClass( "glyphicon-remove" );
			}
		} );	
        var No = 2;
        function add_row()
        {
            $("#items").append(`
                                <tr class="store-item-inspection-report" id="item-${No}">
                                    <td>${No}</td>
                                    <td>
                                        <select name="inventory_id[]" id="inventory_id-${No}" class="form-control inventory_id" onchange="get_unit(this)">
                                            <option value="">Select Item</option>
                                            @foreach($result['Inventorys'] as $inventory)
                                                <option value="{{$inventory->id}}" units_id="{{$inventory->units_id}}">{{$inventory->name}}</option>
                                            @endforeach
                                        </select>
                                        <span style="color: red" class="item_err" id="item_err-${No}"></span>
                                    </td>
                                    <td>
                                        <select name="unit_id[]" id="unit_id-${No}" class="form-control unit_id">
                                            <option value="">Select Unit</option>
                                            @foreach($result['Units'] as $unit)
                                                <option value="{{$unit->id}}">{{$unit->name}}</option>
                                            @endforeach
                                        </select>
                                        <span style="color: red" class="unit_err" id="unit_err-${No}"></span>
                                    </td>
                                    <td>
                                        <input type="text" name="pr_quantity[]" onkeyup="validate(this);set_val(this);test_val(this);" maxlength="15" id="pr_quantity-${No}" class="form-control pr_quantity" autocomplete="off">
                                        <span style="color: red" class="prqty" id="prqty-${No}"></span>
                                    </td>
                                    <td style="display: none">
                                       <input type="text" name="received[]" onkeyup="validate(this);test_val(this);" maxlength="15" id="received-${No}" class="form-control received" autocomplete="off">
                                       <span style="color: red" class="recd" id="recd-${No}"></span>
                                    </td>
                                    <td>
                                        <input type="text" name="accepted[]" onkeyup="validate(this);test_val(this);" maxlength="15" id="accepted-${No}" class="form-control accepted" autocomplete="off">
                                        <span style="color: red" class="acc" id="acc-${No}"></span>
                                    </td>
                                    <td>
                                       <input type="text" name="rejected[]" onkeyup="validate(this);test_val(this)" id="rejected-${No}" class="form-control rejected" readonly autocomplete="off">
                                       <span style="color: red" class="rej" id="rej-${No}"></span>
                                    </td>
                                    <td>
                                        <textarea name="remarks[]" id="remarks-${No}" class="form-control remarks" row="1"></textarea>
                                    </td>
                                    <td>
                                        <button type="button" class="btn btn-danger" onclick="remove_row(${No});">-</button>
                                    </td>
                                </tr>
                            `);
            No++;
            // Teaxt area size
            const tx = document.getElementsByTagName('textarea');
            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';
            }
        }

        // Teaxt area size
        const tx = document.getElementsByTagName('textarea');
        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';
        }

        function validate(elem)
        {
            elem.value = elem.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');
        }

        $("#challan_no, #store_incharge, #department, #serial_number, #pr_number").keypress(function(e) {
                 if (e.which === 32 && !this.value.length) {
               e.preventDefault();
           }
           var inputValue = e.charCode;
           if(! (   (inputValue >= 65 && inputValue <= 90) || //A-Z
                        (inputValue >= 95 && inputValue <= 122) || //a-z
                        (inputValue >= 45 && inputValue <= 57) || //0-9
                        (inputValue == 13) )  //Enter
                        && (inputValue != 32 && inputValue != 0)
            )
           {
               e.preventDefault();
           }    
        });

        $("#note").keypress(function(e) {
                 if (e.which === 32 && !this.value.length) {
               e.preventDefault();
           }
           var inputValue = e.charCode;
        });

        function remove_row(number)
        {
            $('#item-'+number).remove();
        }

        function get_unit(e)
        {
            var id = e.id.split('-')[1];
            var units_id = e.options[e.selectedIndex].getAttribute("units_id");
            $("#unit_id-"+id).val(units_id);
        }

        function set_val(e)
        {
            var id = e.id.split('-')[1];
            $("#received-"+id).val(e.value);
            $("#accepted-"+id).val(e.value);
        }

        function test_val(e)
        {
            var id = e.id.split('-')[1];
            if($("#received-"+id).val() == '')
            {
                //$("#received-"+id).val(0);
                $("#accepted-"+id).val('');
                $("#rejected-"+id).val('');
            }

            if($("#accepted-"+id).val() > 0 )
            {
                var rej = Math.round((parseFloat($("#received-"+id).val()) - parseFloat($("#accepted-"+id).val()))*1000)/1000;
                $("#rejected-"+id).val( rej );
            }
            else
            {
                $("#rejected-"+id).val($("#accepted-"+id).val());
            }

            if( 
                ( parseFloat($("#accepted-"+id).val()) + parseFloat($("#rejected-"+id).val()) ) > parseFloat($("#received-"+id).val()) ||
                 parseFloat($("#accepted-"+id).val()) > parseFloat($("#received-"+id).val()) ||
                 parseFloat($("#rejected-"+id).val()) > parseFloat($("#received-"+id).val())        
               )
            {
                $("#accepted-"+id).val($("#received-"+id).val());
                $("#rejected-"+id).val(0);
            }
        }

        function get_po(e)
        {
            supplier_id =  e.value;
            if(e.value > 0)
            {
                var result = ``;
                $.ajax({
                    url: "{{URL('admin/store-item-inspection-report-po')}}/"+supplier_id,
                    type: 'GET',
                    data: {},
                    success: function(res) 
                    {
                        if(res.length == 0)
                        {
                            alert('There is no PO for selected Supplier')
                        }
                        else
                        {
                            for(var i = 0 ; i < res.length; i++)
                            {
                                result += `<option value="${res[i]['po']}">R${res[i]['po']}</option>`;
                            }
                            $('#pr_number').html(result);
                        }
                    },
                    error: function(res) 
                    {
                        console.log(res);
                    }
                });
            }
            else
            {
                $('#pr_number').html('').trigger('change');
            }
        }
 
        // Validation
        $('#sub').click( function ()
        {
            var bool = false;
            $(".store-item-inspection-report").each(function(){
                var elem = $(this)
                if(elem.find('.inventory_id').val() == "")
                {
                    bool = true;
                    elem.find('.item_err').html('Required Field *');
                }
                else
                {
                    elem.find('.item_err').html('');
                }

                if(elem.find('.unit_id').val() == "")
                {
                    bool = true;
                    elem.find('.unit_err').html('Required Field *');
                }
                else
                {
                    elem.find('.unit_err').html('');
                }

                if(elem.find('.pr_quantity').val() == "")
                {
                    bool = true;
                    elem.find('.prqty').html('Required Field *');
                }
                else
                {
                    elem.find('.prqty').html('');
                }

                if(elem.find('.accepted').val() == "")
                {
                    bool = true;
                    elem.find('.acc').html('Required Field *');
                }
                else
                {
                    elem.find('.acc').html('');
                }
                
            });

            var inventory_id = $("select[name='inventory_id[]']").map(function(){return $(this).val();}).get();
            var duplicate = inventory_id.reduce(function(acc, el, i, arr) {
                              if (arr.indexOf(el) !== i && acc.indexOf(el) < 0) acc.push(el); return acc;
                            }, []);
            if(duplicate.length > 0)
            {
                bool = true;
                $('#duplicate-error').html('Please Select Diffirent Items.');
            }
            else
            {
                $('#duplicate-error').html('');
            }
            
            if(bool == true)
            {
                return false;
            }
        })
</script>
<script>
	document.querySelectorAll('#watermarked').forEach(function(el) {
			  el.dataset.watermark = (el.dataset.watermark + ' ').repeat(500);
		  });
  </script>
@endsection