@extends('be.layout-index')
@section('content')
@php
$modul="User";
$modula="m_user";
$id="";
$id_role="";
$nama="";
$jabatan="";
$nm_user="";
$sandi="";
$aktif="";
$posisi="";
$provinsi="";
//$negara="";
$kabkota="";
$hp="";
$foto="";
$email="";
$stswa="";
if(isset($data)){
	$id=$data->id_user;
	$id_role=$data->id_role;
	$nama=$data->nama;
	$jabatan=$data->jabatan;
	$nm_user=$data->nm_user;
	$sandi=$data->sandi;
	$aktif=$data->aktif;
	$posisi=$data->posisi;
	$provinsi=$data->provinsi;
	$kabkota=$data->kabkota;
	$hp=$data->hp;
	$foto=$data->foto;
	$email=$data->email;
	$stswa=$data->stswa;
}
@endphp
<link rel="stylesheet" href="{{asset('media/assets/css/select2.min.css')}}">
<link rel="stylesheet" href="{{asset('media/assets/css/select2-bootstrap.css')}}">
<style>
.padtop{
	margin-top:10px;
}
.konf{
	color:red;
}
.foto{
  width: 160px;
  height: 160px;
  margin-bottom:20px;
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}
</style>
<div class="row">
   <div class="col-12">
       <div class="card">
           <div class="card-body">
			
<div class="panel-default">
	<div class="content-box-header  panel-heading">
		<div class="panel-title"></div>
	</div>
	<div class="content-box-large box-with-header">
		<form id=frm name=frm method=post enctype="multipart/form-data">
			@csrf
			@if($id!='')
			<div class="row">
				<div class="col-sm-3">
					<img class="foto" src="{{asset('media/uploads/foto/'.$foto)}}">
				</div>
			</div>
			@endif
			<div class="row">
				<div class="col-sm-6" id=konf_alert>
					@if(session('failed'))
						<div class="alert alert-danger">
							<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
							{{ session('failed') }}
						</div>
					@endif
				</div>
			</div>
			<div class="form-group row">
				<label class="col-sm-2 control-label">Nama</label>
				<div class="col-sm-7">
					<input class="form-control" name="nama" value="{{$nama}}" size=100 />
				</div>
			</div>
			<div class="form-group row">
				<label class="col-sm-2 control-label">Jabatan</label>
				<div class="col-sm-3">
					<select class='form-control select2' id=jabatan name=jabatan>
					@php
						echo "<option value=''";
						if($jabatan==""){echo " selected ";}
						echo ">-Pilih-</option>";
						if(!empty($m_jabatan)){
							$jabatan_sel='';
							foreach($m_jabatan as $item){
								if($item->nama==$jabatan){
									$jabatan_sel=' selected ';
								}
								else{
									$jabatan_sel='';
								}
								echo "<option value='".$item->nama."' ".$jabatan_sel.">".$item->nama."</option>";
							}
						}
					@endphp
					</select>
				</div>
			</div>
			<div class="form-group row">
				<label class="col-sm-2 control-label">HP</label>
				<div class="col-sm-4">
					<input name="hp" value="{!!$hp!!}"  class="form-control" size=100 />
				</div>
			</div>
			<div class="form-group row">
				<label class="col-sm-2 control-label">Email</label>
				<div class="col-sm-4">
					<input name="email" value="{!!$email!!}"  class="form-control" size=100 />
				</div>
			</div>
			<div class="form-group row">
				<label class="col-sm-2 control-label">Username</label>
				<div class="col-sm-4">
					@php 
						if($id!=""){
							echo $nm_user.'<input type=hidden name="nm_user" id="nm_user value="'.$nm_user.'">';
						}
						else{
							echo '<input name="nm_user" id="nm_user" value="'.$nm_user.'"  class="form-control"/>';
						} 
					@endphp
				</div>
			</div>
			<div class="form-group row">
				<label class="col-sm-2 control-label">Sandi</label>
				<div class="col-sm-4">
					<input id="sandi" name="sandi" class="form-control" size=30 /><br>
					<font color=red size=1>* Kosongkan apabila tidak dilakukan perubahan.</font>
				</div>
			</div>
            <div class="form-group row">
                <label class="col-md-2 col-form-label">Foto</label>
                <div class="col-md-3">
                  <input type=file name=foto id=foto>
					@if($foto!="")
						<a href="{{asset('media/uploads/foto/'.$foto)}}" target="_blank" class="btn btn-primary btn-xs padtop"><i class=" ti-download"></i> Download</a>
					@endif
                </div>
            </div>
			<div class="form-group row">
				<label class="col-sm-2 control-label">Role</label>
				<div class="col-sm-2">
					<select class='form-control select2' id=id_role name=id_role>
					@php
						echo "<option value=''";
						if($id_role==""){echo " selected ";}
						echo ">-Pilih-";
					  	if (!empty($role)) {
                      		foreach ($role as $row){
								echo "<option value='".$row->id_role."'";
								if($row->id_role==$id_role){echo " selected ";}
								echo ">".$row->nama;
							}
						}
	                @endphp
					</select>
				</div>
			</div>
			@if(session('be_uwilayah')=='0')
				<div class="form-group row">
					<label class="col-sm-2 control-label">Posisi</label>
					<div class="col-sm-2">
						<select class='form-control select2' id=posisi name=posisi>
						@php
						  	echo "<option value=''";
							if($posisi==""){echo " selected ";}
							echo ">-Pilih-";
						  	echo "<option value='0'";
							if($posisi==0){echo " selected ";}
							echo ">Bawaslu RI";
						  	echo "<option value='1'";
							if($posisi==1){echo " selected ";}
							echo ">Daerah";
						  	echo "<option value='2'";
							if($posisi==2){echo " selected ";}
							echo ">Luar Negeri";
						  	echo "<option value='3'";
							if($posisi==3){echo " selected ";}
							echo ">Instansi";
		                @endphp
						</select>
					</div>
				</div>
				<div id=dnegara class="form-group row {!!($posisi==2?'show':'hide')!!}">
					<label class="col-sm-2 control-label">Propinsi</label>
					<div class="col-sm-4">
					   <select style='width:300px;' class='form-control select2' id=negara name=negara>
							<option value=''>- Pilih Negara -</option>
							@php
								$negarasel='';
								if(isset($m_negara)){
									foreach($m_negara as $item)
									{
										if($item->kode==$negara){
											$negarasel='selected';
										}
										else{
											$negarasel='';
										}
										echo '<option value="'.$item->kode.'" '.$negarasel.'>'.$item->nama.'</option>';
									}
								}
							@endphp
					   </select>
					</div>
				</div>
				<div id=dprovinsi class="form-group row {!!($posisi==1?'show':'hide')!!}">
					<label class="col-sm-2 control-label">Propinsi</label>
					<div class="col-sm-4">
					   <select style='width:300px;' class='form-control select2' id=provinsi name=provinsi>
							<option value=''>- Pilih Provinsi -</option>
							@php
								$provinsisel='';
								if(isset($m_provinsi)){
									foreach($m_provinsi as $item)
									{
										if($item->kode==$provinsi){
											$provinsisel='selected';
										}
										else{
											$provinsisel='';
										}
										echo '<option value="'.$item->kode.'" '.$provinsisel.'>'.$item->nama.'</option>';
									}
								}
							@endphp
					   </select>
					</div>
				</div>
				<div id=dkabkota class="form-group row {!!($posisi==1?'show':'hide')!!}">
					<label class="col-sm-2 control-label">Kabupaten/Kota</label>
					<div class="col-sm-4">
					   	<select style='width:300px;' name="kabkota" class="form-control select2" id="kabkota">
							<option value=''>- Pilih Kabupaten -</option>
							@php
								$kabkotasel='';
								if(isset($m_kabkota)){
									foreach($m_kabkota as $item)
									{
										if($item->kode==$kabkota){
											$kabkotasel='selected';
										}
										else{
											$kabkotasel='';
										}
										echo '<option value="'.$item->kode.'" '.$kabkotasel.'>'.$item->nama.'</option>';
									}
								}
							@endphp
						</select>
					</div>
				</div>
			@else
				@if(substr(session('be_uwilayah'),3,2)=='00')
					<div class="form-group row">
						<input type=hidden name=posisi value="1">
						<label class="col-sm-2 control-label">Propinsi</label>
						<div class="col-sm-7">
							{!!session('be_uprovinsinm')!!}
							<input type=hidden name=provinsi value="{!!session('be_uprovinsi')!!}">
						</div>
					</div>
					<div id=dkabkota class="form-group row">
						<label class="col-sm-2 control-label">Kabupaten/Kota</label>
						<div class="col-sm-4">
						   	<select style='width:300px;' name="kabkota" class="form-control select2" id="kabkota">
								<option value=''>- Pilih Kabupaten -</option>
								$php
									$kabkotasel='';
									if(isset($m_kabkota)){
										foreach($m_kabkota as $item)
										{
											if($item->kode==$kabkota){
												$kabkotasel='selected';
											}
											else{
												$kabkotasel='';
											}
											echo '<option value="'.$item->kode.'" '.$kabkotasel.'>'.$item->nama.'</option>';
										}
									}
								@endphp
							</select>
						</div>
					</div>
				@else
					<div class="form-group row">
						<input type=hidden name=posisi value="1">
						<label class="col-sm-2 control-label">Propinsi</label>
						<div class="col-sm-7">
							{!!session('be_uprovinsinm')!!}
							<input type=hidden name=provinsi value="{!!session('be_uprovinsi')!!}>">
						</div>
					</div>
					<div class="form-group row">
						<label class="col-sm-2 control-label">Kabupaten/Kota</label>
						<div class="col-sm-7">
							{!!session('be_ukabkotanm')!!}
							<input type=hidden name=kabkota value="{!!session('be_ukabkota')!!}">
						</div>
					</div>
				@endif
			@endif
			<div class="form-group row">
				<label class="col-sm-2 control-label">Status</label>
				<div class="col-sm-2">
					<select class='form-control select2' id=aktif name=aktif>
					@php
					  	echo "<option value=''";
						if($aktif==""){echo " selected ";}
						echo ">-Pilih-";
					  	echo "<option value='1'";
						if($aktif=="1"){echo " selected ";}
						echo ">Aktif";
					  	echo "<option value='0'";
						if($aktif=="0"){echo " selected ";}
						echo ">Tidak Aktif";
	                @endphp
					</select>
				</div>
			</div>
			<div class="form-group row">
				<label class="col-sm-2 control-label">Konfirmasi WA</label>
				<div class="col-sm-2">
					<select class='form-control select2' id=stswa name=stswa>
					@php
					  	echo "<option value=''";
						if($stswa==""){echo " selected ";}
						echo ">-Pilih-";
					  	echo "<option value='1'";
						if($stswa=="1"){echo " selected ";}
						echo ">Aktif";
					  	echo "<option value='0'";
						if($stswa=="0"){echo " selected ";}
						echo ">Tidak Aktif";
	                @endphp
					</select>
				</div>
			</div>
			<br />
			<div class="form-group row">
				<div class="col-sm-offset-2 col-sm-10">
					<input name="id" type="hidden" value="{{$id}}" />
					<button type="submit" class="btn btn-primary btn-sm" name="btnSave"><i class='fa fa-save'></i> Simpan</button>
					<a href="javascript:history.back()" class="btn btn-warning btn-sm"><i class='fa fa-repeat'></i> Batalkan</a>
				</div>
			</div>
		</form>
	</div>
</div>
            </div>
        </div>
    </div>
</div>
<script>
$(function() {
  $("#frm").validate({
  	errorClass: "errorCssClass",
    rules: {
	  nama: "required",
	  nm_user: "required",
	  id_role: "required",
	  aktif: "required",
    },
    messages: {
      nama: "Isikan Nama user",
      nm_user: "Isikan Username",
      id_role: "Pilih Role",
	  aktif: "Pilih Status"
    },
	errorPlacement: function (error, element) {
        if (element.parent('.input-group').length) { 
            error.insertAfter(element.parent());      // radio/checkbox?
        } else if (element.hasClass('select2')) {    
            error.insertAfter(element.next('span'));  // select2
        } else {         
            error.insertAfter(element);               // default
        }
    },
	highlight: function (element, errorClass, validClass) {
        $(element).addClass(errorClass); //.removeClass(errorClass);
        $(element).closest('.form-group').removeClass('has-success').addClass('has-error');
    },
   	unhighlight: function (element, errorClass, validClass) {
       	$(element).removeClass(errorClass); //.addClass(validClass);
       },
	submitHandler: function(form) {
		var frm = document.getElementById("frm");
		if(cekusers($('#nm_user').val())){
			alert('User name sudah ada yang pakai')
		}
		else{
			lanjut=0
			if($('#sandi').val()!=''){
				if(cekpwd($('#sandi').val())){
					lanjut=1
				}
				else{
					alert('Password minimal 8 karakter dan minimal memiliki 1 huruf kapital dan 1 karakter angka dan 1 karakter unik (#!@*)')
				}
			}
			else{
				lanjut=1
			}
			if(lanjut==1){
				if(gosubmit()){
					$("#overlay").fadeIn(300);
					//frm.submit();
					var formData = new FormData(frm);
					$.ajax({
					    type: "POST",
					    url: "{!!route('m_user.save')!!}",
					    data: formData,
					    contentType: false,
					    processData: false,
					    beforeSend: function() {
					    },
					    success: function(msg){
							if(msg.alert=='success'){
								document.location.href="{{route('m_user.index')}}"
							}
							else if(msg.alert=='error'){
								s='<div class="alert alert-danger">'
								s+='		<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>'
								s+='		'+msg.message
								s+='	</div>'
								$('#konf_alert').html(s)
								$("#overlay").fadeOut(20);
							}
					    },
					    error: function() {
					    }
					});
				}
			}
		}
	}
  });
});
function cekpwd(str){
	return str.length > 7 && /^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[^a-zA-Z0-9])(?!.*\s).{8,15}$/.test(str)
}
</script>
<script src="{{asset('media/assets/js/select2.full.js')}}"></script>
<script>
function cekusers(u){
	var s=false
	$.ajax({url: "{!!route('m_user.cekuser')!!}?u="+u,async: false, success: function(h){
    s=(h.indexOf("1")!=-1?false:true);
  }});
	return s;
}

$(".select2").select2();
$("#provinsi").change(function (){
    var url = "{{route('add_ajax_kab')}}/"+$(this).val();
    $('#kabkota').load(url);
    return false;
})
$("#posisi").change(function (){
	if($(this).val()==1){
		$('#dprovinsi').addClass('show');
		$('#dkabkota').addClass('show');
		$('#dnegara').addClass('hide');
		$('#dprovinsi').removeClass('hide');
		$('#dkabkota').removeClass('hide');
		$('#dnegara').removeClass('show');
	}
	else if($(this).val()==2){
		$('#dnegara').addClass('show');
		$('#dnegara').removeClass('hide');
		$('#dprovinsi').addClass('hide');
		$('#dkabkota').addClass('hide');
		$('#dprovinsi').removeClass('show');
		$('#dkabkota').removeClass('show');
	}
	else{
		$('#dprovinsi').addClass('hide');
		$('#dkabkota').addClass('hide');
		$('#dprovinsi').removeClass('show');
		$('#dkabkota').removeClass('show');
		$('#dnegara').addClass('hide');
		$('#dnegara').removeClass('show');
	}
});
</script>  
@endsection