$('#id_opd').one('select2:open', function(e) {
    $('input.select2-search__field').prop('placeholder', 'Ketik Nama Perangkat Daerah disini..');
});
$('#id_opd').select2();
$('#kategori').one('select2:open', function(e) {
    $('input.select2-search__field').prop('placeholder', 'Cari..');
});
$('#kategori').select2();

$(function() {
  $('input[name="tglkejadian"]').daterangepicker({
    singleDatePicker: true,
    showDropdowns: true,
    minYear: 2021,
    maxYear: parseInt(moment().format('YYYY'),10),
	locale: {
		format: 'DD/MM/YYYY'
	}
  });
  

  
//---- Berkas Uploader
var optionberkas={

beforeSend: function(){
	var optfuid=$("#fileinput_uid").val();
	$("#statusuploadberkas"+optfuid).show();
	$("#statusuploadberkas"+optfuid).html("Uploading... 0%");
},
uploadProgress: function(event, position, total, percentComplete){
	var optfuid=$("#fileinput_uid").val();
	$("#statusuploadberkas"+optfuid).html('Uploading... '+percentComplete+'%');
},
success: function(){
	var optfuid=$("#fileinput_uid").val();
	$("#statusuploadberkas"+optfuid).html('<img src="https://wbs.surabaya.go.id/img/loadingbar.small.gif"> Please wait....');
},
complete: function(response){
	var optfuid=$("#fileinput_uid").val();
	var responUpload=response.responseText.replace(/\n/g, "").split("|");
	if(responUpload[0]=="BERHASIL"){
		$("#uploaderForm"+optfuid).hide();
		$("#uploadedFile"+optfuid).show();
		$("#hasilUpload"+optfuid).html(responUpload[1].substr(33));
		$("#berkas"+optfuid).val(responUpload[1]);
		
	}else{
		$("#statusuploadberkas"+optfuid).html(responUpload[0]);
		$("#berkas"+optfuid).val("");
		$("#btnUpload"+optfuid).show();
		$('#mainModalTitle').html("Info");
		$('#mainModalBody').html(responUpload[0]);
		$('#mainModal').modal();
	}
	$("#fileinput_berkas").val(null);
},
error: function(){
	var optfuid=$("#fileinput_uid").val();
	$("#hasilUpload"+optfuid).html("ERROR: Upload file gagal dilakukan!");
	
}}; 
$('#fileinput_berkas').change(function() {
	var optfuid=$("#fileinput_uid").val();
	if($("#berkasUploadForm").attr('action')=="https://wbs.surabaya.go.id/index.php?p=tulispengaduan"){
		
		var arrextension = ["pdf","jpeg","jpg","png","gif"];
		var namafileupload = $("#fileinput_berkas").val();
		var extfileupload = namafileupload.split('.').pop();
		var checkextension = jQuery.inArray( extfileupload, arrextension );
		if(checkextension>-1){
			$("#berkasUploadForm").ajaxForm(optionberkas);
			$("#btnUpload"+optfuid).hide();
			$('#berkasUploadForm').submit();
		}else{
			$('#mainModalTitle').html("Info");
			$('#mainModalBody').html("File yang diizinkan untuk dilampirkan adalah file pdf atau gambar (jpeg, jpg, png, gif)");
			$('#mainModal').modal();
		}
	}
});
//---- END Berkas Uploader
  
});

$('#mainModal').on('hidden.bs.modal', function (e) {
	resetModal();
})

function resetModal(){
	$('#mainModalTitle').html("");
	$('#mainModalBody').html("");
}

function resetUploader(){
	var optfuid=$("#fileinput_uid").val();
	$("#btnUpload"+optfuid).show();
	$("#uploadedFile"+optfuid).hide();
	$("#hasilUpload"+optfuid).html("");
	$("#berkas"+optfuid).val("");
	$("#statusuploadberkas"+optfuid).html("");
	$("#uploaderForm"+optfuid).show();
}

$("#git_captcha_input_id").css("width","100%");
function reloadCaptcha(){
	$("#git_capthcha_image_id").prop('src', 'https://wbs.surabaya.go.id/git_modules/mod_captcha/securimage_show.php?sid=' + Math.random());
	$("#git_captcha_input_id").val("");
}
function resetFormPengaduan(){
	var username = $("#username").val("");
	var password = $("#password").val("");
	var cpassword = $("#cpassword").val("");
	var namapelapor = $("#namapelapor").val("");
	var nik = $("#nik").val("");
	var email = $("#email").val("");
	var phone = $("#phone").val("");
	var alamat = $("#alamat").val("");
	var namaterlapor = $("#namaterlapor").val("");
	var tempatkejadian = $("#tempatkejadian").val("");
	var pengaduan = $("#pengaduan").val("");
}

$('#kategori').change(function() {
	var kategoripengaduan = $("#kategori").val();
	if(kategoripengaduan==""){
		$("#notifmediacenter").hide();
		$("#contact").hide();
	}else if(kategoripengaduan=="15"){
		$("#notifmediacenter").show();
		$("#contact").hide();
	}else{
		$("#notifmediacenter").hide();
		$("#contact").show();
	}
});


function prosesData(namaForm){
	$(".se-pre-con").show();
	var git_captcha_input_name = $("#git_captcha_input_id").val();
		
		var act = "YVVkTGNqUjNlV2wzU0hoQlQzZzRSbmRWVldKWFp6MDlPanFOd0liS0hJanZKTU1VNWpIdUs4NEI-";
		var username = $("#username").val();
		var password = $("#password").val();
		var cpassword = $("#cpassword").val();
		var namapelapor = $("#namapelapor").val();
		var nik = $("#nik").val();
		var email = $("#email").val();
		var phone = $("#phone").val();
		var alamat = $("#alamat").val();
		var namaterlapor = $("#namaterlapor").val();
		var id_opd = $("#id_opd").val();
		var tempatkejadian = $("#tempatkejadian").val();
		var tglkejadian = $("#tglkejadian").val();
		var berkas_lampiran = $("#berkas_lampiran").val();
		var pengaduan = $("#pengaduan").val();
		var kategori = $("#kategori").val();
		$.post("index.php?p=tulispengaduan", {act: act, username: username, password: password, cpassword: cpassword, namapelapor: namapelapor, nik: nik, email: email, phone: phone, alamat: alamat, namaterlapor: namaterlapor, id_opd: id_opd, tempatkejadian: tempatkejadian, tglkejadian: tglkejadian, berkas_lampiran: berkas_lampiran, pengaduan: pengaduan, kategori:kategori, git_captcha_input_name: git_captcha_input_name}, function(result){
			if(result.replace(/\n/g, "")!="ok"){
				reloadCaptcha();
				$('#mainModalTitle').html("Info");
				$('#mainModalBody').html(result);
				$('#mainModal').modal();
				$(".se-pre-con").hide();
			}else{
				$('#mainModalTitle').html("Data Berhasil Disimpan");
				$('#mainModalBody').html("<center><img width=\"100\" src=\"https://wbs.surabaya.go.id/git_themes/assets/img/ok_animated.gif\"><br><b>Pengaduan Anda telah kami terima.</b> Untuk memantau pengaduan Anda, silahkan login dengan Akun Anda melalui menu <b>Pantau Aduan</b>.</center>");
				$('#mainModal').modal();
				resetFormPengaduan();
				resetUploader();
				$(".se-pre-con").hide();
			}
		});	
		

	}