@extends('main')
@section('content')
<div class="row clearfix">
    <div class="col-sm-12">
        <div class="card">
            <div class="card-header">
                <h2><strong>Product Info Form</strong></h2>
            </div>
            <div class="card-body">
                <div class="custom-tab-1">
                    <ul class="nav nav-tabs">
                        <li class="nav-item">
                            <a class="nav-link @if(!isset($carpet)) active @endif" data-toggle="tab" href="#carpet-registration"><i class="la la-plus mr-2"></i> Registration</a>
                        </li>
                        
                        @if(isset($carpet))
                        
                        @php $type = \App\CraftType::where('name','=',$carpet->type)->first();@endphp
                        <li class="nav-item">
                            <a class="nav-link @if(isset($carpet) && $carpet->physicalTest == null) active @endif" data-toggle="tab" href="#physical-test"><i class="flaticon-381-folder-8" style="padding-right: 10px;"></i>Physical Inspection</a>
                        </li>
                        @endif
                        
                        @if(isset($carpet) && $carpet->physicalTest == 'Pass' && $carpet->labTest == null)  
                        <li class="nav-item">
                            <a class="nav-link active" data-toggle="tab" href="#labtest"><i class="flaticon-381-folder-7" style="padding-right: 10px;"></i> Laboratory Inspection</a>
                        </li>
                        @endif
                        
                        @if(isset($carpet) && $carpet->physicalTest == 'Pass' &&  $carpet->labTest == 'Pass')
                        <li class="nav-item">
                            <a class="nav-link" data-toggle="tab" href="#labtest"><i class="flaticon-381-folder-7" style="padding-right: 10px;"></i> Laboratory Inspection</a>
                        </li>
                        @endif
                        
                        @if(isset($carpet) && $carpet->labTest == 'Pass' && Auth::user()->idRole == '3') 
                        <li class="nav-item">
                            <a class="nav-link active " data-toggle="tab" href="#verify-carpet"><i class="flaticon-381-folder-5" style="padding-right: 10px;"></i>   Assign Qr Code</a>
                        </li>
                        @endif
                        
                        
                    </ul>
                    <div class="tab-content">
                        <div class="tab-pane fade @if(!isset($carpet)) active show @endif " id="carpet-registration" role="tabpanel">
                            <div class="pt-4">
                                <h4>Add  Details</h4>

                                @if(isset($carpet))
                                {!! Form::model($carpet, ['method' => 'PATCH', 'action' => ['CarpetController@update', $carpet->idCarpet], 'class' => 'form-horizontal','files'=>true]) !!}
                                @else
                                {!! Form::open(['url' => 'carpets', 'class' => 'form-horizontal','files'=>true]) !!}
                                @endif
                                 <div class="row clearfix">
                                    <div class="col-sm-3 form-control-label required">
                                        <label for="classname"> Type</label>
                                    </div>
                                    <div class="col-sm-3">
                                        <div class="form-group">
                                            {!! Form::select('type',crafts(),null,['class' => 'form-control show-tick ms select2','required'=>'required']) !!}
                                        </div>
                                    </div>
                                </div>
                                <div class="row clearfix">
                                    <div class="col-sm-3 form-control-label">
                                        <label for="classname">Name Of Customer</label>
                                    </div>
                                    <div class="col-sm-3">
                                        <div class="form-group">
                                            {!! Form::select('idUser',$users,null,['class' => 'form-control show-tick ms select2','id' => 'user_details']) !!}
                                        </div>
                                    </div>
                                    <div class="col-sm-3">
                                        <label for="classname"><strong  id="custtype"></strong></label>
                                    </div>
                                </div>
                                <div class="row clearfix">
                                    @if(isset($carpet))
                                    <div class="col-sm-3 form-control-label required">
                                        <label for="classname"> Registration No</label>
                                    </div>
                                    <div class="col-sm-3">
                                        <div class="form-group">
                                            {!! Form::text('gi_registration_no',null,['class' => 'form-control','readonly'=>'readonly']) !!}
                                            @if ($errors->has('gi_registration_no'))
                                            <label id="minmaxlength-error" class="error" for="minmaxlength">
                                                <strong>{{ $errors->first('gi_registration_no') }}</strong>
                                            </label>
                                            @endif
                                        </div>
                                    </div>
                                    @endif
                                </div>
                                
                                <div class="row clearfix">
                                    <div class="col-sm-3 form-control-label required">
                                        <label for="classname">Product Picture</label>
                                    </div>
                                    <div class="col-sm-3">
                                        <div class="form-group">
                                            @if(!isset($carpet))
                                            <input type="file" name="picture" required="required" accept="image/*" >
                                            @else
                                            <input type="file" name="picture"  accept="image/*" >
                                            @endif
                                        </div>
                                    </div>
                                    @if(isset($carpet))
                                    <div class="col-sm-2">Product Picture</div>
                                    <div class="col-sm-3">
                                        <a href="{{ asset('storage/carpet-pictures/'.$carpet->picture)}}" target="_blank">
                                            <img src="{{ asset('storage/carpet-pictures/'.$carpet->picture)}}"  onclick="zoomImage({{$carpet->idCarpet}})" height="100"/>
                                        </a>
                                    </div>
                                    @endif
                                </div>
                                <br>
                                <div class="row clearfix">
                                    <div class="col-sm-3 form-control-label">
                                         <label for="classname"> </label>
                                    </div>
                                    <div class="col-sm-2 form-control-label">
                                        <label for="classname">Artisan </label>
                                        <input type="radio" name="weavertype" vallue="Artisan" required="required">
                                    </div>
                                    <div class="col-sm-2 form-control-label">
                                        <label for="classname">Weaver </label>
                                        <input type="radio" name="weavertype" vallue="Weaver" required="required">
                                    </div>
                                    <br>
                                </div>
                                <br>
                                <div class="row clearfix">
                                    
                                    <div class="col-sm-3 form-control-label required">
                                        <label for="classname">Name</label>
                                    </div>
                                    <div class="col-sm-3">
                                        <div class="form-group">
                                            {!! Form::text('weaver_name',null,['id'=>'weaver','class' => 'form-control','Placeholder'=>'Enter Comma in between name(in case Of Multiple)']) !!}
                                        </div>
                                    </div>
                                </div>
                                <br>
                                <div class="row clearfix">
                                   
                                </div>
                                <div class="row clearfix">
                                    <div class="col-sm-3 form-control-label required">
                                        <label for="classname">Total Fees</label>
                                    </div>
                                    <div class="col-sm-5">
                                        <div class="form-group">
                                            {!! Form::text('approxValue',null,['id'=>'weaver','class' => 'form-control']) !!}
                                        </div>
                                    </div>
                                </div>
                                <div class="row clearfix">
                                     <div class="col-sm-3 form-control-label required">
                                        <label for="classname">District</label>
                                    </div>
                                    <div class="col-sm-3">
                                        <div class="form-group">
                                            {!! Form::select('district',districts(),null,['class' => 'form-control js-tags','required'=>'required']) !!}
                                        </div>
                                    </div>
                                    <div class="col-sm-2 form-control-label required">
                                        <label for="classname">Area</label>
                                    </div>
                                    <div class="col-sm-3">
                                        <div class="form-group">
                                            @if(isset($carpet))
                                            {!! Form::select('area',[$carpet->area=>$carpet->area],$carpet->area,['class' => 'form-control js-tags','required'=>'required']) !!}
                                            @else
                                            {!! Form::select('area',[''=>'---Select---'],null,['class' => 'form-control js-tags','required'=>'required','id'=>'areadet']) !!}
                                            @endif
                                        </div>
                                    </div>
                                </div>
                                <div class="row clearfix">
                                    <div class="col-sm-3 form-control-label required">
                                        <label for="classname">Pincode</label>
                                    </div>
                                    <div class="col-sm-3">
                                        <div class="form-group">
                                            {!! Form::text('pincode',null,['id'=>'areacode','class' => 'form-control','Placeholder'=>'Pincode']) !!}
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="row clearfix">
                                    <div class="col-sm-8 offset-sm-2">
                                        @if(isset($carpet))
                                        {!! Form::submit('UPDATE',['class' => 'btn btn-raised btn-primary btn-round waves-effect']) !!}
                                        @else
                                        {!! Form::submit('SAVE',['class' => 'btn btn-raised btn-primary btn-round waves-effect','id'=>'submit-btn']) !!}
                                        @endif
                                        {!! Form::close() !!} 
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade @if(isset($carpet) && $carpet->physicalTest == null) active show @endif" id="physical-test">
                            <div class="pt-4">

                                <h4>Physical Inspection</h4>


                                <br>
                                @if(isset($carpet))
                                {!! Form::model($carpet, ['method' => 'PATCH', 'action' => ['CarpetController@update', $carpet->idCarpet], 'class' => 'form-horizontal','files'=>true]) !!}

                                <div class="row clearfix">
                                    <div class="col-sm-4 form-control-label">
                                        <label for="classname">GI Registration NO</label>
                                    </div>
                                    <div class="col-sm-3">
                                        <p class="form-control-static">{{$carpet->gi_registration_no}}</p>
                                    </div>
                                    <div class="col-sm-2">Product Picture</div>
                                    <div class="col-sm-3">
                                        <a href="{{ asset('storage/carpet-pictures/'.$carpet->picture)}}" target="_blank">
                                            <img src="{{ asset('storage/carpet-pictures/'.$carpet->picture)}}"  onclick="zoomImage({{$carpet->idCarpet}})" height="100"/>
                                        </a>
                                    </div>
                                </div>
                                <br>
                                @php $physicalparam = \App\CraftTestParam::where('idCraft','=',$type->idCraft)->where('testtype','=','Physical')->get(); @endphp
                                @foreach($physicalparam as $pp)
                                @php $aparameter = \App\TestParam::where('id','=',$pp->idTestParam)->first();@endphp
                                  <div class="row clearfix">
                                    <div class="col-sm-4 form-control-label">
                                        <label for="classname">{{$aparameter->param}}</label>
                                    </div>
                                    <div class="col-sm-3">
                                        <div class="form-group">
                                            <!-- Get if value stored to display in the field -->
                                            @php $ctpv = \App\CarpetTestParamVal::where('idCarpet','=',$carpet->idCarpet)->where('idTestParam','=',$pp->idTestParam)->first();@endphp
                                            
                                            @if($aparameter->inputtype == 'text')
                                            {!! Form::text('physicalparams['.$aparameter->id.'][pval]',isset($ctpv) ? $ctpv->paramValue : null,['class' => 'form-control']) !!}
                                            @else
                                            @php  $dval = explode(",",$aparameter->inputval); 
                                                  $dropdownval = [];
                                            @endphp
                                            @foreach($dval as $var)
                                                @php $dropdownval[$var] = $var; @endphp
                                            @endforeach
                                            {!! Form::select('physicalparams['.$aparameter->id.'][pval]',$dropdownval,isset($ctpv) ? $ctpv->paramValue : null,['class' => 'form-control']) !!}
                                            @endif
                                        </div>
                                    </div>
                                  </div>
                              
                                @endforeach
                                <div class="row clearfix mb-3">
                                    <div class="col-sm-4 form-control-label">
                                        <label for="classname">Approximate Value/ cost of products(Only For GI Products)</label>
                                    </div>
                                    <div class="col-sm-3">
                                        {!! Form::text('productCost',null,['class' => 'form-control']) !!}
                                    </div>
                                </div>

                                <div class="row clearfix">
                                    <div class="col-sm-4 form-control-label">
                                        <label for="classname">Physical Testing Result</label>
                                    </div>
                                    <div class="col-sm-3">
                                        {!! Form::select('physicalTest',['Pass'=>'Pass','Fail'=>'Fail'],null,['class' => 'form-control','id'=>'phytest']) !!}
                                    </div>
                                </div>
                                <div class="row clearfix" id='failremarks' style="display: none;">
                                    <div class="col-sm-4 form-control-label">
                                        <label for="classname">Remarks</label>
                                    </div>
                                    <div class="col-sm-5">
                                        {!! Form::textarea('remarks',null,['class' => 'form-control','size'=>'30x2']) !!}
                                    </div>
                                </div>
                                <br>
                                <div class="row clearfix">
                                    <div class="col-sm-8 offset-sm-2">
                                        {!! Form::submit('SUBMIT',['class' => 'btn btn-raised btn-primary btn-round waves-effect']) !!}
                                    </div>
                                </div>
                                <br>
                                {!! Form::close() !!}
                                @endif
                            </div>
                        </div>
                        <div class="tab-pane fade @if(isset($carpet) && $carpet->physicalTest == 'Pass' && $carpet->labTest == null) active show @endif" id="labtest">
                            <div class="pt-4">

                                <h4>Laboratory Inspection</h4>
                                <br>
                                @if(isset($carpet))
                                {!! Form::model($carpet, ['method' => 'PATCH', 'action' => ['CarpetController@update', $carpet->idCarpet], 'class' => 'form-horizontal','files'=>true]) !!}
                                <div class="row clearfix">
                                    <div class="col-sm-4 form-control-label">
                                        <label for="classname">GI Registration NO</label>
                                    </div>
                                    <div class="col-sm-3">
                                        <p class="form-control-static">{{$carpet->gi_registration_no}}</p>
                                    </div>
                                    <div class="col-sm-2">Product Picture</div>
                                    <div class="col-sm-3">
                                        <a href="{{ asset('storage/carpet-pictures/'.$carpet->picture)}}" target="_blank">
                                            <img src="{{ asset('storage/carpet-pictures/'.$carpet->picture)}}"  onclick="zoomImage({{$carpet->idCarpet}})" height="100"/>
                                        </a>
                                    </div>
                                   
                                </div>
                                <br>

                                @php $labparam = \App\CraftTestParam::where('idCraft','=',$type->idCraft)->where('testtype','=','Lab')->get();@endphp
                                @foreach($labparam as $lp)
                                 @php $lparameter = \App\TestParam::where('id','=',$lp->idTestParam)->first();@endphp
                                <div class="row clearfix">
                                    <div class="col-sm-4 form-control-label">
                                        <label for="classname">{{$lparameter->param}}</label>
                                    </div>
                                    <div class="col-sm-3">
                                        <div class="form-group">
                                            <!-- Get if value stored to display in the field -->
                                            @php $ctpvl = \App\CarpetTestParamVal::where('idCarpet','=',$carpet->idCarpet)->where('idTestParam','=',$pp->idTestParam)->first();@endphp
                                            
                                            @if($lparameter->inputtype == 'text')
                                            {!! Form::text('labparams['.$lparameter->id.'][pval]',isset($ctpvl) ? $ctpvl->paramValue : null,['class' => 'form-control']) !!}
                                            @else
                                            @php  $sval = explode(",",$lparameter->inputval); 
                                                  $sdropdownval = [];
                                            @endphp
                                            @foreach($sval as $svar)
                                                @php $sdropdownval[$svar] = $svar; @endphp
                                            @endforeach
                                            {!! Form::select('labparams['.$lparameter->id.'][pval]',$sdropdownval,isset($ctpvl) ? $ctpvl->paramValue : null,['class' => 'form-control']) !!}
                                            @endif
                                        </div>
                                    </div>
                                  </div>
                                @endforeach
                                <div class="row clearfix">
                                    <div class="col-sm-4 form-control-label">
                                        <label for="classname">Lab Testing Result</label>
                                    </div>
                                    <div class="col-sm-3">
                                        {!! Form::select('labTest',['Pass'=>'Pass','Fail'=>'Fail'],null,['class' => 'form-control','id'=>'labtestdiv']) !!}
                                    </div>
                                </div>
                                <br>
                                <div class="row clearfix" id='labfailremarks' style="display: none;">
                                    <div class="col-sm-4 form-control-label">
                                        <label for="classname">Remarks</label>
                                    </div>
                                    <div class="col-sm-5">
                                        {!! Form::textarea('labremarks',null,['class' => 'form-control','size'=>'30x2']) !!}
                                    </div>
                                </div>
                                <div class="row clearfix">
                                    <div class="col-sm-8 offset-sm-2">
                                        {!! Form::submit('SUBMIT',['class' => 'btn btn-raised btn-primary btn-round waves-effect']) !!}
                                    </div>
                                </div>
                                {!! Form::close() !!}
                                @endif
                            </div>
                        </div>
                        <div class="tab-pane fade @if(isset($carpet) && $carpet->labTest == 'Pass') active show @endif" id="verify-carpet">
                            <div class="pt-4">
                                @if(isset($carpet) && $carpet->labTest == 'Pass' && Auth::user()->idRole == '3') 
                                <h4>Assign Qrcode</h4>
                                <br>
                                 

                                    @if(isset($carpet) && $carpet->qrcode != null)
                                    <p>QRCode has been assigned to the carpet <a href="{{$carpet->qrcode}}">Click here to view</a>.</p>

                                    @else
                                    {!! Form::model($carpet, ['method' => 'PATCH', 'action' => ['CarpetController@update', $carpet->idCarpet], 'class' => 'form-horizontal','files'=>true]) !!}
                                    <div class="row clearfix">
                                        <div class="col-sm-4 form-control-label">
                                            <label for="classname"> Registration NO</label>
                                        </div>
                                        <div class="col-sm-3">
                                            <p class="form-control-static">{{$carpet->gi_registration_no}}</p>
                                        </div>
                                        <div class="col-sm-2">Product Picture</div>
                                        <div class="col-sm-3">
                                           <a href="{{ asset('storage/carpet-pictures/'.$carpet->picture)}}" target="_blank">
                                               <img src="{{ asset('storage/carpet-pictures/'.$carpet->picture)}}"  onclick="zoomImage({{$carpet->idCarpet}})" height="100"/>
                                           </a>
                                       </div>
                                    </div>
                                    <br>
                                    <div class="row clearfix">
                                        <div class="col-sm-3 form-control-label required">
                                            <label for="classname">Assign Qrcode</label>
                                        </div>
                                        <div class="col-sm-5">
                                            <div class="form-group">
                                                {!! Form::select('qrcode',[],null,['class' => 'form-control show-tick ms  qrcode']) !!}
                                              
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row clearfix">

                                        <div class="col-sm-3 form-control-label required">
                                            <label for="classname">Or Select IDLable To Assign</label>
                                        </div>
                                        <div class="col-sm-5">
                                            <div class="form-group">
                                                {!! Form::select('idLabel',[],null,['class' => 'form-control show-tick ms  idlabel']) !!}
                                            </div>
                                        </div>

                                    </div>
                                    <br>
                                    <div class="row clearfix">
                                        <div class="col-sm-8 offset-sm-2">
                                            {!! Form::submit('ASSIGN',['class' => 'btn btn-raised btn-primary btn-round waves-effect']) !!}
                                        </div>
                                    </div>
                                    {!! Form::close() !!}

                                    @endif
                                    
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@stop
@section('script')
<script>
  $(".js-tags").select2({
        tags: true
      });

    $(document).ready(function () {
        $('#user_details').on('change', function () {
            $.ajax({
                url: "{{url('/form-user')}}",
                type: "get",
                data: {
                    id: this.value
                },
                success: function (response) {
                    var data = response["data"];
                    $('select[name="district"]').val(data["district"]);
                    var district = $('select[name="district"]').val();
                    $.ajax({
                        url: "{{url('district') }}" + '/' + district + "/area",
                        type: "GET",
                        dataType: "json",
                        success: function(data) {
                            $('select[name="area"]').empty();
                            $('select[name="area"]').append('<option value="">--- Select ---</option>');
                            $.each(data, function(key, value) {
                                $('select[name="area"]').append('<option value="' + value + '">' + value + '</option>');
                            });
                        }
                    });
                    setTimeout(function(){ 
                            $('#areadet').val(data["area"]);
                    }, 2500);
                    $('#areadet').val(data["area"]);
                    $('#areacode').val(data["pincode"]);
                    $('#custtype').text(data['usertype']);
                },
                error: function (xhr) {
                }
            });
        });
    });
    $(document).ready(function () {
        $('#phytest').on('change', function () {
            var tval = $('#phytest').val();
            if(tval == 'Fail'){
                $('#failremarks').show();
            }else{
                $('#failremarks').hide();
            }
        });
         $('#labtestdiv').on('change', function () {
            var lval = $('#labtestdiv').val();
            if(lval == 'Fail'){
                $('#labfailremarks').show();
            }else{
                $('#labfailremarks').hide();
            }
        });
        $('#knotsquare').on('change', function () {
            var knotval = $('#knotsquare').val();
            if(knotval == 'add-new'){
                $('#knots').show();
            }else{
                $('#knot').hide();
            }
        });
   
        $('#carpet_size').on('change', function () {
            var cs = $('#carpet_size').val();
            if(cs == 'add-new'){
                $('#carpetsize').show();
            }else{
                $('#carpetsize').hide();
            }
        });
    
        $('#carpet_design').on('change', function () {
            var cd = $('#carpet_design').val();
            if(cd == 'add-new'){
                $('#carpetdesign').show();
            }else{
                $('#carpetdesign').hide();
            }
        });
    });
    
   $('select[name="district"]').on('change', function() {
        var district = $(this).val();
        if (district) {
            $.ajax({
                url: "{{url('district') }}" + '/' + district + "/area",
                type: "GET",
                dataType: "json",
                success: function(data) {
                    $('select[name="area"]').empty();
                    $('select[name="area"]').append('<option value="">--- Select ---</option>');
                    $.each(data, function(key, value) {
                        $('select[name="area"]').append('<option value="' + value + '">' + value + '</option>');
                    });
                }
            });
        }
    });
    
     $('select[name="area"]').on('change', function() {
        var area = $(this).val();
        if (area) {
            $.ajax({
                url: "{{url('area') }}" + '/' + area + "/pincode",
                type: "GET",
                dataType: "json",
                success: function(data) {
                    console.log('data')
                    $('#areacode').empty();
                    $('#areacode').val(data['pincode']);
                    
                }
            });
        }
    });

</script>
@stop