@extends('main')
@section('content')
<div class="row clearfix">
    <div class="col-sm-12">
        <div class="card">
            <div class="card-header">
                <h4 class="mb-4">Add GI Craft</h4>
            </div>
            <div class="card-body">

                {!! Form::open(['url' => 'add-gicraft', 'class' => 'form-horizontal','files'=>true]) !!}
                <div class="row clearfix">
                    <div class="col-sm-2 form-control-label">
                        <label for="classname" class="required">Craft</label>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                             {!! Form::select('craft',crafts(),null,['class' => 'form-control','required'=>'required']) !!}
                            @if ($errors->has('craft'))
                            <label id="minmaxlength-error" class="error" for="minmaxlength">
                                <strong>{{ $errors->first('craft') }}</strong>
                            </label>
                            @endif
                        </div>
                    </div>
                </div>
                <div class="row clearfix">
                    <div class="col-sm-2 form-control-label">
                        <label for="classname" class="required">GI Registration NO (Mandatory for GI Users)</label>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            {!! Form::text('gis_no',null,['class' => 'form-control','required'=>'required']) !!}
                            @if ($errors->has('gis_no'))
                            <label id="minmaxlength-error" class="error" for="minmaxlength">
                                <strong>{{ $errors->first('gis_no') }}</strong>
                            </label>
                            @endif
                        </div>
                    </div>
                     <div class="col-sm-2 form-control-label">
                        <label for="classname" class="required">GI Certificate Picture (Mandatory for GI Users)</label>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            <input type="file" name="gis_pic"   accept="image/*"  required="required">
                            @if ($errors->has('gis_pic'))
                            <label id="minmaxlength-error" class="error" for="minmaxlength">
                                <strong>{{ $errors->first('gis_pic') }}</strong>
                            </label>
                            @endif
                        </div>
                    </div>
                </div>
                <div class="row clearfix">
                    <div class="col-sm-2 form-control-label required">
                        <label for="classname">District</label>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            {!! Form::select('district',['' => '--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">
                            {!! Form::select('area',[''=>'---Select---'],null,['class' => 'form-control js-tags','required'=>'required']) !!}
                        </div>
                    </div>
                </div>
                <div class="row clearfix">
                    <div class="col-sm-2 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">
                        {!! Form::submit('ADD',['class' => 'btn btn-raised btn-primary btn-round waves-effect','id'=>'submit-btn']) !!}
                        {!! Form::close() !!} 
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>
@stop
@section('script')
<script>
$('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