@extends('main')
@section('content')
<div class="row clearfix">
    <div class="col-sm-12">
        <div class="card">
            <div class="card-header">
                <h4><strong>@if(isset($user)) Update @else ADD @endif GI/Non GI User</strong></h4>
            </div>
            <div class="card-body">
                @if(isset($user))
                {!! Form::model($user, ['method' => 'PATCH', 'action' => ['UserController@update', $user->id], 'class' => 'form-horizontal','files'=>true]) !!}
                @else
                {!! Form::open(['url' => 'users', 'class' => 'form-horizontal','files'=>true]) !!}
                @endif
                <div class="row clearfix">
                    <div class="col-sm-2 form-control-label required">
                        <label for="classname">User Type</label>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            {!! Form::select('usertype',usertype(),null,['class' => 'form-control','required'=>'required']) !!}
                            @if ($errors->has('usertype'))
                            <label id="minmaxlength-error" class="error" for="minmaxlength">
                                <strong>{{ $errors->first('usertype') }}</strong>
                            </label>
                            @endif
                        </div>
                    </div>
                    <div class="col-sm-2 form-control-label required">
                        <label for="classname">Name</label>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            {!! Form::text('name',null,['class' => 'form-control','required'=>'required']) !!}
                            @if ($errors->has('name'))
                            <label id="minmaxlength-error" class="error" for="minmaxlength">
                                <strong>{{ $errors->first('name') }}</strong>
                            </label>
                            @endif
                        </div>
                    </div>
                </div>
                <div class="row clearfix">
                    <div class="col-sm-2 form-control-label">
                        <label for="classname">Email</label>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            {!! Form::email('email',null,['class' => 'form-control']) !!}
                            @if ($errors->has('email'))
                            <label id="minmaxlength-error" class="error" for="minmaxlength">
                                <strong>{{ $errors->first('email') }}</strong>
                            </label>
                            @endif
                        </div>
                    </div>
                    <div class="col-sm-2 form-control-label required">
                        <label for="classname">Contact No</label>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            {!! Form::text('mobile',null,['class' => 'form-control','onkeypress'=>'return isNumber(event)','required'=>'required','min'=>'10','max'=>'10']) !!}
                            @if ($errors->has('mobile'))
                            <label id="minmaxlength-error" class="error" for="minmaxlength">
                                <strong>{{ $errors->first('mobile') }}</strong>
                            </label>
                            @endif
                        </div>
                    </div>
                </div>
                
                <div class="row clearfix">
                    
                   <div class="col-sm-2 form-control-label">
                        <label for="classname" class="required">Role</label>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            {!! Form::select('idRole',roles(),null,['class' => 'form-control show-tick ms','required'=>'required']) !!}
                            @if ($errors->has('idRole'))
                            <label id="minmaxlength-error" class="error" for="minmaxlength">
                                <strong>{{ $errors->first('idRole') }}</strong>
                            </label>
                            @endif
                        </div>
                    </div>
                    
                </div>
              
                <div class="row clearfix">
                    <div class="col-sm-2 form-control-label">
                        <label for="classname">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']) !!}
                            @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">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/*" >
                            @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',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($user))
                            {!! Form::select('area',[$user->area=>$user->area],$user->area,['class' => 'form-control js-tags','required'=>'required']) !!}
                            @else
                            {!! Form::select('area',[''=>'---Select---'],null,['class' => 'form-control js-tags','required'=>'required']) !!}
                            @endif
                        </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">
                        @if(isset($user))
                        {!! 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>
</div>

<div class="row clearfix">
    <div class="col-sm-12">
        <div class="card">
            <div class="card-header">
                 <h4 class="card-title">User List</h4>
            </div>
            <div class="card-body">
               
            <div class="table-responsive">
                 <table id="example" class="display" style="min-width: 845px;text-align: center;">
                    <thead>
                        <tr>
                            <th>S. No.</th>
                            <th>Name</th>
                            <th>Email</th>
                            <th>Contact No</th>
                            <th>Role</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                                                @foreach($users as $value)
                        <tr>
                            <th scope="row">{{$i}}</th>
                            <td>{{$value->name}}</td>
                            <td>{{$value->email}}</td>
                            <td>{{$value->mobile}}</td>
                            <td>@if($value->idRole != null) {{$value->role->name}} @endif</td>
                            <td>
                                <a href="{{ url('/users/' . $value->id . '/edit') }}"  class="btn btn-xs btn-primary waves-effect btn-round">Edit </a>
                                <!--<button class="btn btn-xs btn-danger waves-effect btn-round js-sweetalert" data-id="{{$value->id}}" data-type="confirm">DELETE</button>-->
                            </td>
                        </tr>
                                                @endforeach
                    </tbody>
                </table>
            </div>
            </div>
        </section>
    </div>
</div>
@stop
@section('script')
<script>
    $(".js-tags").select2({
        tags: true
      });
  $(document).on('click', '.js-sweetalert', function (e) {
    $.ajaxSetup({
        headers: {
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });
    e.preventDefault();
    var id = $(this).data('id');
    swal({
            title: "Are you sure?",
            text: "Are You sure you want to delete this User!",
            type: "warning",
            showCancelButton: true,
            confirmButtonColor: "#DD6B55",
            confirmButtonText: "Yes, delete it!",
            closeOnConfirm: true
        },
        function() {
         //   console.log('here');
            $.ajax({
                type: "GET",
                url: "{{url('users/')}}" +"/"+id + '/remove',
                data: {id:id}
                       
            })
            .done(function(data) {
                swal({
                    title: "Deleted", 
                    text: "User has been successfully deleted", 
                    type: "success"
                },function() {
                    location.reload();
                });
            })
            .error(function(data) {
              swal("Oops", "We couldn't connect to the server!", "error");
            });
            return false;
    });
});
$('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