@extends('layouts.adminmonevpkam')

@section('content')
<!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
       <h1>
       PENGGUNA COREBANK FINDO<br>
        <small>data pengguna corebank findo</small>
      </h1>
      <ol class="breadcrumb">
        <li><a href="{{ url('home') }}"><i class="fa fa-dashboard"></i> Home</a></li>
		<li class="active">Tambah data pengguna</li>
      </ol>
    </section>

    <!-- Main content -->
    <section class="content">

      <!-- /.row (main row) -->
      <div class='row'>
        
        <div class='col-md-12'>
            <!-- Box -->
            <div class="box box-primary" >
                <div class="box-header with-border">
                    <h3 class="box-title">Tambah data pengguna</h3>
                </div>
                @include('layouts._flash')
                 {!! Form::open(['url' => route('users.store'),'method' =>'post','class'=>'form-horizontal'])!!}
                <div class="box-body">
                           
                            {{ csrf_field() }}
                                <div class='form-group'> 
                                <div class='col-md-4'>
                                    <select class="form-control" name="role_id" id="role_id">
	  <option value="">Piih Group User</option>
    @foreach($list_roles as $list_roles)
      <option value="{{$list_roles->id}}">{{$list_roles->id}} {{$list_roles->name}}</option>
    @endforeach
  </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'> 
                                <div class='col-md-4'>
                                  {!! Form::select('fltrkabupaten',[],null,['class'=>'form-control fltrkabupaten','id'=>'fltrkabupaten', 'disabled']) !!}
                                  </div>
                                </div>                 
                                <div class='form-group'> 
                                <div class='col-md-4'>
                                  {!! Form::select('fltrpuskesmas',[],null,['class'=>'form-control fltrpuskesmas','id'=>'fltrpuskesmas', '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('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')) }}
                          {{ Form::hidden('hnamakabupaten',null, array('id' => 'hnamakabupaten')) }}
                          {{ Form::hidden('hnamapuskesmas',null, array('id' => 'hnamapuskesmas')) }}
                          <button type="submit" class="btn btn-primary">
                              SIMPAN
                          </button>
                      </div>
                </div>
                </div><!-- /.box-footer-->
                {!! Form::close() !!}
            </div><!-- /.box -->
        </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',false);
        $('#fltrkabupaten').attr('disabled',false);
        $('#fltrpuskesmas').attr('disabled',false);

        switch ($('#role_id').val()) {
            case '3':
			case '4':
			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);
                $('.fltrkabupaten').empty();
                $('.fltrprovinsi').append('<option>PILIH KODE KC</option>');
                $('.fltrpuskesmas').empty();
                $('.fltrprovinsi').append('<option>PILIH KODE KCP</option>');
                var url = "{{ url('/wilayahs/loadAvailableUserKodebank') }}";
                 $.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 '5':
			case '8':
			case '11':
			case '16':
			case '18':
			case '21':
			case '24':
			case '27':
			case '30':
                //ajax
                $('#fltrprovinsi').prop('disabled',false);
                $('#fltrkabupaten').prop('disabled',false);
                $('#fltrpuskesmas').prop('disabled',true);
                $('.fltrkabupaten').empty();
                $('.fltrkabupaten').append('<option>PILIH KODE KC</option>');
                $('.fltrpuskesmas').empty();
                $('.fltrpuskesmas').append('<option>PILIH KODE KCP</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 '13':
			case '16':
			case '19':
			case '22':
			case '25':
			case '28':
			case '31':
			case '32':
                 //ajax
                $('#fltrprovinsi').prop('disabled',false);
                $('#fltrkabupaten').prop('disabled',false);
                $('#fltrpuskesmas').prop('disabled',false);
                $('.fltrkabupaten').empty();
                $('.fltrkabupaten').append('<option>PILIH KODE KC</option>');
                $('.fltrpuskesmas').empty();
                $('.fltrpuskesmas').append('<option>PILIH KODE KCP</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 KODE BANK',
      }
    });
  
    $(".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',
      }
    });
     

    $('.fltrprovinsi').on('change', function (evt) {
          var idprov = $('.fltrprovinsi').val();
          $("#hnamaprovinsi").val($(".fltrprovinsi :selected").text());
          if ($('#role_id').val() == '5','8','11','16','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' ) {
            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() == '6','9','12','13','16','19','22','25','28','31','32' ) {
          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());
  });

</script>
@endsection