@extends('layouts.signup')

@section('content')
<!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
       <h3 style="padding-left:30px;color:#872522">
       NUTRICELL CACULATOR<br>
        <small style="color:#E74A38;">User Registration</small>
      </h3>
      
    </section>

    <!-- Main content -->
    <section class="content" style="padding-left:0px;">
    
    <div class="container-fluid" style="width:95%">
                <div class="card">
                    <div class="card-header card-header-primary">
                    <h3 class="box-title" style="font-size: 1.1em">REGISTER</h3>
                    </div>
                    
                                <!-- Box -->
            <div class="box box-primary" style="padding-left:20px;" >
                <div class="box-header with-border">
                    
                </div>
                @include('layouts._flash')
                 {!! Form::open(['url' => route('Signup'),'method' =>'post','class'=>'form-horizontal'])!!}
                <div class="box-body">
                           
                            {{ csrf_field() }}
                               <div class='form-group' style="display:none"> 
                                <div class='col-md-4'>
                                    <select class="form-control" name="role_id" id="role_id">
	  <option value="8">8</option>
   
  </select>
                                    </div> 
                                </div>
                                 <!--<div class='form-group'>
                                <div class='col-md-4'> 
                                  {!! Form::select('fltrprovinsi',[],null,['class'=>'form-control fltrprovinsi','id'=>'fltrprovinsi', 'disabled']) !!}
                                  </div>
                                </div> -->
                                

                            <div class="form-group has-feedback {{ $errors->has('username') ? ' has-error' : '' }}">
                                    <div class='col-md-4'>
                                    <input id="username" type="text" class="form-control" name="username" value="{{ old('username') }}" placeholder="User name" required>
                                    @if ($errors->has('username'))
                                        <span class="help-block">
                                            <strong>{{ $errors->first('username') }}</strong>
                                        </span>
                                    @endif
                                    </div>
                            </div>


                            <div class="form-group has-feedback {{ $errors->has('name') ? ' has-error' : '' }}">
                                  <div class='col-md-4'>
                                    <input id="name" type="text" class="form-control" name="name" value="{{ old('name') }}" placeholder="Full name" required>
                                    @if ($errors->has('name'))
                                        <span class="help-block">
                                            <strong>{{ $errors->first('name') }}</strong>
                                        </span>
                                    @endif
                                    </div>
                            </div>
                            
                        <div class="form-group has-feedback {{ $errors->has('company') ? ' has-error' : '' }}">
                                  <div class='col-md-4'>
                                    <input id="company" type="text" class="form-control" name="company" value="{{ old('company') }}" placeholder="Company name" required>
                                    @if ($errors->has('company'))
                                        <span class="help-block">
                                            <strong>{{ $errors->first('company') }}</strong>
                                        </span>
                                    @endif
                                    </div>
                            </div>
                            
                            <div class="form-group has-feedback {{ $errors->has('farm') ? ' has-error' : '' }}">
                                  <div class='col-md-4'>
                                    <input id="farm" type="text" class="form-control" name="farm" value="{{ old('farm') }}" placeholder="Farm Name" required>
                                    
                                    </div>
                            </div>
                            
                            <div class="form-group has-feedback {{ $errors->has('address') ? ' has-error' : '' }}">
                                  <div class='col-md-4'>
                                    <input id="address" type="text" class="form-control" name="address" value="{{ old('address') }}" placeholder="Address" required>
                                    
                                    </div>
                            </div>
                            
                            <div class="form-group has-feedback {{ $errors->has('notelepon') ? ' has-error' : '' }}">
                                  <div class='col-md-4'>
                                    <input id="notelepon" type="text" class="form-control" name="notelepon" value="{{ old('address') }}" placeholder="Phone Number" required>
                                    
                                    </div>
                            </div>

                            <div class="form-group has-feedback {{ $errors->has('email') ? ' has-error' : '' }}">
                                    <div class='col-md-4'>
                                    <input id="email" type="email" class="form-control" name="email" value="{{ old('email') }}" required placeholder="Email">
                                     @if ($errors->has('email'))
                                        <span class="help-block">
                                            <strong>{{ $errors->first('email') }}</strong>
                                        </span>
                                    @endif
                                    </div>
                            </div>

                            <div class="form-group has-feedback {{ $errors->has('password') ? ' has-error' : '' }}">
                                    <div class='col-md-4'>
                                    <input id="password" type="password" class="form-control" name="password" required placeholder="Password">
                                    @if ($errors->has('password'))
                                        <span class="help-block">
                                            <strong>{{ $errors->first('password') }}</strong>
                                        </span>
                                    @endif
                                    </div>
                            </div>

                            <div class="form-group has-feedback {{ $errors->has('password_confirmation') ? ' has-error' : '' }}">
                                    <div class='col-md-4'>
                                    <input id="password-confirm" type="password" class="form-control" name="password_confirmation" required placeholder="Retype Password">
                                     @if ($errors->has('password_confirmation'))
                                        <span class="help-block">
                                            <strong>{{ $errors->first('password_confirmation') }}</strong>
                                        </span>
                                    @endif
                                    </div>
                            </div>
                </div><!-- /.box-body -->
                <div class="box-footer">
                    <div class="form-group">
                      <div class="col-md-6 col-md-offset-4">
                          {{ Form::hidden('hnamaprovinsi',null, array('id' => 'hnamaprovinsi')) }}
<button type="submit" class="btn btn-primary">
                              REGISTER
                          </button>
                      </div>
                </div>
                </div><!-- /.box-footer-->
                {!! Form::close() !!}
            </div><!-- /.box -->
                    
                </div> <!-- card -->
    </div> <!-- Container-fluid -->
    
    
    
      <!-- /.row (main row) -->
      <div class='row'>
        
        <div class='col-md-12'>

        </div>
      </div><!-- /.row -->
    </section>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->
@endsection

@section('scripts')
    <script type="text/javascript" src="{{ asset('js/monevpkam.js') }}"></script>
    <script>
    $('#role_id').select2({  
               placeholder: {
                        id: '-1', // the value of the option
                        text: 'PILIH GROUP USER '
                        },             
    });

    $('#role_id').on('change', function (evt) {

        $('#fltrprovinsi').attr('disabled',true);
        $('#fltrkabupaten').attr('disabled',true);
        $('#fltrpuskesmas').attr('disabled',true);
		$('#fltrbagianpusat').attr('disabled',true);
		$('#fltrbagiankc').attr('disabled',true);
		$('#fltrbagiankcp').attr('disabled',true);

        switch ($('#role_id').val()) {
            
		 case '4':
            case '5':
			
                 //ajax
                $('#fltrprovinsi').prop('disabled',false);
                $('#fltrkabupaten').prop('disabled',true);
                $('#fltrpuskesmas').prop('disabled',true);
				$('#fltrbagianpusat').prop('disabled',true);
				$('#fltrbagiankc').prop('disabled',true);
				$('#fltrbagiankcp').prop('disabled',true);
                $('.fltrkabupaten').empty();
                $('.fltrprovinsi').append('<option>PILIH KODE KC</option>');
                $('.fltrpuskesmas').empty();
                $('.fltrprovinsi').append('<option>PILIH KODE KCP</option>');
				$('.fltrbagianpusat').empty();
                $('.fltrprovinsi').append('<option>PILIH BAGIAN PUSAT</option>');
                var url = "{{ url('/wilayahs/loadAvailableUserKodebank') }}";
                 $.get(url, function(data) {
                     //success data
                     $('#fltrprovinsi').empty();
                     $('#fltrprovinsi').append('<option>PILIH REGIONAL</option>');
                     $.each(data, function(index, Obj) {
                         $('#fltrprovinsi').append('<option value='+ Obj.idbank+ '>'+ Obj.namabank+ '</option>');
                     }); 
                    
                 });

                break;
            
			case '7' :
			case '10' :
			case '14' :
			case '17' :
			case '20' :
			case '23' :
			case '26' :
			case '29' :
			    //ajax
                $('#fltrprovinsi').prop('disabled',false);
                $('#fltrkabupaten').prop('disabled',true);
                $('#fltrpuskesmas').prop('disabled',true);
				$('#fltrbagianpusat').prop('disabled',false);
				$('#fltrbagiankc').prop('disabled',true);
				$('#fltrbagiankcp').prop('disabled',true);
                $('.fltrkabupaten').empty();
                $('.fltrkabupaten').append('<option>PILIH KODE KC</option>');
                $('.fltrpuskesmas').empty();
                $('.fltrpuskesmas').append('<option>PILIH KODE KCP</option>');
				$('.fltrbagianpusat').empty();
                $('.fltrbagianpusat').append('<option>PILIH BAGIAN PUSAT</option>');
                var url = "{{ url('/wilayahs/loadDataKodebank') }}";
                $.get(url, function(data) {
                     //success data
                     $('#fltrprovinsi').empty();
                     $('#fltrprovinsi').append('<option>PILIH KODE BANK</option>');
                     $.each(data, function(index, Obj) {
                         $('#fltrprovinsi').append('<option value='+ Obj.idbank + '>'+ Obj.namabank + '</option>');
                     }); 
                    
                 });
                break;
            
			case '8':
			case '11':
			case '15':
			case '18':
			case '21':
			case '24':
			case '27':
			case '30':
			
                 //ajax
                $('#fltrprovinsi').prop('disabled',false);
                $('#fltrkabupaten').prop('disabled',false);
                $('#fltrpuskesmas').prop('disabled',true);
				$('#fltrbagianpusat').prop('disabled',true);
				$('#fltrbagiankc').prop('disabled',false);
				$('#fltrbagiankcp').prop('disabled',true);
                $('.fltrkabupaten').empty();
                $('.fltrkabupaten').append('<option>PILIH KODE KC</option>');
                $('.fltrpuskesmas').empty();
                $('.fltrpuskesmas').append('<option>PILIH KODE KCP</option>');
				$('.fltrbagianpusat').empty();
                $('.fltrbagianpusat').append('<option>PILIH BAGIAN PUSAT</option>');
				$('.fltrbagiankc').empty();
                $('.fltrbagiankc').append('<option>PILIH BAGIAN CABANG</option>');
                var url = "{{ url('/wilayahs/loadDataKodebank') }}";
                $.get(url, function(data) {
                     //success data
                     $('#fltrprovinsi').empty();
                     $('#fltrprovinsi').append('<option>PILIH KODE BANK</option>');
                     $.each(data, function(index, Obj) {
                         $('#fltrprovinsi').append('<option value='+ Obj.idbank + '>'+ Obj.namabank + '</option>');
                     }); 
                    
                 }); 
                break;
				 case '6':
				 case '9':
                 case '12':
				 case '16':
				 case '19':
				 case '22':
				 case '25':
				 case '28':
				 case '31':
				 //ajax
                $('#fltrprovinsi').prop('disabled',false);
                $('#fltrkabupaten').prop('disabled',false);
                $('#fltrpuskesmas').prop('disabled',false);
				$('#fltrbagianpusat').prop('disabled',true);
				$('#fltrbagiankc').prop('disabled',true);
				$('#fltrbagiankcp').prop('disabled',false);
                $('.fltrkabupaten').empty();
                $('.fltrkabupaten').append('<option>PILIH KODE KC</option>');
                $('.fltrpuskesmas').empty();
                $('.fltrpuskesmas').append('<option>PILIH KODE KCP</option>');
				$('.fltrbagianpusat').empty();
                $('.fltrbagianpusat').append('<option>PILIH BAGIAN PUSAT</option>');
				$('.fltrbagiankc').empty();
                $('.fltrbagiankc').append('<option>PILIH BAGIAN CABANG</option>');
				$('.fltrbagiankc').empty();
                $('.fltrbagiankcp').append('<option>PILIH BAGIAN CABANG PEMBANTU</option>');
                var url = "{{ url('/wilayahs/loadDataKodebank') }}";
                $.get(url, function(data) {
                     //success data
                     $('#fltrprovinsi').empty();
                     $('#fltrprovinsi').append('<option>PILIH KODE BANK</option>');
                     $.each(data, function(index, Obj) {
                         $('#fltrprovinsi').append('<option value='+ Obj.idbank + '>'+ Obj.namabank + '</option>');
                     }); 
                    
                 }); 
                break;
        }  

  }); 
    
    $(".fltrprovinsi").select2({
      placeholder: {
        id: '0', // the value of the option
        text: 'PILIH REGIONAL',
      }
    });
  
    $(".fltrkabupaten").select2({
      placeholder: {
        id: '0', // the value of the option
        text: 'PILIH KODE KC',
      }
    });

    $(".fltrpuskesmas").select2({
      placeholder: {
        id: '0', // the value of the option
        text: 'PILIH KCP',
      }
    });
     
	 $(".fltrbagianpusat").select2({
      placeholder: {
        id: '0', // the value of the option
        text: 'PILIH BAGIAN PUSAT',
      }
    });
	
	$(".fltrbagiankc").select2({
      placeholder: {
        id: '0', // the value of the option
        text: 'PILIH BAGIAN CABANG',
      }
    });
	
	$(".fltrbagiankcp").select2({
      placeholder: {
        id: '0', // the value of the option
        text: 'PILIH BAGIAN CABANG PEMBANTU',
      }
    });

    $('.fltrprovinsi').on('change', function (evt) {
          var idprov = $('.fltrprovinsi').val();
          $("#hnamaprovinsi").val($(".fltrprovinsi :selected").text());
          if ($('#role_id').val() == '4', '7', '10', '14', '17', '20', '23', '26', '29') {
            var url = "{{ url('/wilayahs/loadAvailableUserBagianpusat') }}";
            $.get(url + '?idbank=' + idprov, function(data) {
                         //success data
                         $('.fltrbagianpusat').empty();
                         $('.fltrbagianpusat').append('<option>PILIH Bagian Pusat</option>');
                         $.each(data, function(index, Obj) {
                             $('.fltrbagianpusat').append('<option value='+ Obj.idbagian + '>'+ Obj.namabagianpusat+ '</option>');
                         }); 
                        
                     });  
          } 

          if ($('#role_id').val() == '5', '8', '11', '15', '18', '21', '24', '27', '30') {
            var url = "{{ url('/wilayahs/loadAvailableUserKodekc') }}";
            $.get(url + '?idbank=' + idprov, function(data) {
                         //success data
                         $('.fltrkabupaten').empty();
                         $('.fltrkabupaten').append('<option>PILIH KODE KC</option>');
                         $.each(data, function(index, Obj) {
                             $('.fltrkabupaten').append('<option value='+ Obj.idkc + '>'+ Obj.namakc + '</option>');
                         }); 
                        
                     });
          }
          
		  if ($('#role_id').val() == '6', '9', '12', '16', '19', '22', '25', '28', '31' ) {
            var url = "{{ url('/wilayahs/loadAvailableUserKodekc') }}";
            $.get(url + '?idbank=' + idprov, function(data) {
                         //success data
                         $('.fltrkabupaten').empty();
                         $('.fltrkabupaten').append('<option>PILIH KODE KC</option>');
                         $.each(data, function(index, Obj) {
                             $('.fltrkabupaten').append('<option value='+ Obj.idkc + '>'+ Obj.namakc + '</option>');
                         }); 
                        
                     });
          }
    });

    $('.fltrkabupaten').on('change', function (evt) {

        $("#hnamakabupaten").val($(".fltrkabupaten :selected").text());
        if ($('#role_id').val() == '5', '8', '11', '15', '18', '24', '27', '30' ) {
          var idkab = $('.fltrkabupaten').val();
          var url = "{{ url('/wilayahs/loadAvailableUserBagiankc') }}";
          $.get(url + '?idkc=' + idkab, function(data) {
                         //success data
                         $('.fltrbagiankc').empty();
                         $('.fltrbagiankc').append('<option>PILIH BAGIAN CABANG</option>');
                         $.each(data, function(index, Obj) {
                             $('.fltrbagiankc').append('<option value='+ Obj.idbagiankc + '>'+ Obj.namabagiankc + '</option>');
                         }); 
                     });
      }
    });

  $('.fltrkabupaten').on('change', function (evt) {

        $("#hnamakabupaten").val($(".fltrkabupaten :selected").text());
        if ($('#role_id').val() == '6', '9', '12', '16', '19', '22', '25', '28', '31' ) {
          var idkab = $('.fltrkabupaten').val();
          var url = "{{ url('/wilayahs/loadAvailableUserKodekcp') }}";
          $.get(url + '?idkc=' + idkab, function(data) {
                         //success data
                         $('.fltrpuskesmas').empty();
                         $('.fltrpuskesmas').append('<option>PILIH KODE KCP</option>');
                         $.each(data, function(index, Obj) {
                             $('.fltrpuskesmas').append('<option value='+ Obj.idkcp + '>'+ Obj.namakcp + '</option>');
                         }); 
                     });
      }
	  
    });
	  
	
	 $('.fltrpuskesmas').on('change', function (evt) {

        $("#hnamapuskesmas").val($(".fltrpuskesmas :selected").text());
        if ($('#role_id').val() == '6', '9', '12', '16', '19', '22', '25', '28', '31' ) {
          var idpus = $('.fltrpuskesmas').val();
          var url = "{{ url('/wilayahs/loadAvailableUserBagiankcp') }}";
          $.get(url + '?idkcp=' + idpus, function(data) {
                         //success data
                         $('.fltrbagiankcp').empty();
                         $('.fltrbagiankcp').append('<option>PILIH BAGIAN CABANG PEMBANTU</option>');
                         $.each(data, function(index, Obj) {
                             $('.fltrbagiankcp').append('<option value='+ Obj.idbagiankcp + '>'+ Obj.namabagiankcp + '</option>');
                         }); 
                     });
      }
    });

    $('.fltrpuskesmas').on('change', function (evt) {
        $("#hnamapuskesmas").val($(".fltrpuskesmas :selected").text("test"));
  });
  
      $('.fltrbagianpusat').on('change', function (evt) {
        $("#hnamabagianpusat").val($(".fltrbagianpusat :selected").text());
  });

      $('.fltrbagiankc').on('change', function (evt) {
        $("#hnamabagiankc").val($(".fltrbagiankc :selected").text());
  });

 $('.fltrbagiankcp').on('change', function (evt) {
        $("#hnamabagiankcp").val($(".fltrbagiankcp :selected").text());
  });
</script>
@endsection