

<div class="form-group row">
		<label class="col-sm-12 col-md-2 col-form-label">Tahun</label>
		<div class="col-sm-12 col-md-10">
			<input class="form-control" name="Tahun" type="number" placeholder="YYYY" >
		</div>
	</div>
	<div class="form-group row">
		<label class="col-sm-12 col-md-2 col-form-label">Januari</label>
		<div class="col-sm-12 col-md-10">
			<input class="form-control" name="Januari" placeholder="0000" type="number" min='0'>
		</div>
	</div>
	<div class="form-group row">
		<label class="col-sm-12 col-md-2 col-form-label">Februari</label>
		<div class="col-sm-12 col-md-10">
			<input class="form-control" name="Februari" placeholder="0000" type="number" min='0'>
		</div>
	</div>
    <div class="form-group row">
		<label class="col-sm-12 col-md-2 col-form-label">Maret</label>
		<div class="col-sm-12 col-md-10">
			<input class="form-control" name="Maret" placeholder="0000" type="number" min='0'>
		</div>
	</div>
    <div class="form-group row">
		<label class="col-sm-12 col-md-2 col-form-label">April</label>
		<div class="col-sm-12 col-md-10">
			<input class="form-control" name="April" placeholder="0000" type="number" min='0'>
		</div>
	</div>
    <div class="form-group row">
		<label class="col-sm-12 col-md-2 col-form-label">Mei</label>
		<div class="col-sm-12 col-md-10">
			<input class="form-control" name="Mei" placeholder="0000" type="number" min='0'>
		</div>
	</div>
    <div class="form-group row">
		<label class="col-sm-12 col-md-2 col-form-label">Juni</label>
		<div class="col-sm-12 col-md-10">
			<input class="form-control" name="Juni" placeholder="0000" type="number" min='0'>
		</div>
	</div>
    <div class="form-group row">
		<label class="col-sm-12 col-md-2 col-form-label">Juli</label>
		<div class="col-sm-12 col-md-10">
			<input class="form-control" name="Juli" placeholder="0000" type="number" min='0'>
		</div>
	</div>
    <div class="form-group row">
		<label class="col-sm-12 col-md-2 col-form-label">Agustus</label>
		<div class="col-sm-12 col-md-10">
			<input class="form-control" name="Agustus" placeholder="0000" type="number" min='0'>
		</div>
	</div>
    <div class="form-group row">
		<label class="col-sm-12 col-md-2 col-form-label">September</label>
		<div class="col-sm-12 col-md-10">
			<input class="form-control" name="September" placeholder="0000" type="number" min='0'>
		</div>
	</div>
    <div class="form-group row">
		<label class="col-sm-12 col-md-2 col-form-label">Oktober</label>
		<div class="col-sm-12 col-md-10">
			<input class="form-control" name="Oktober" placeholder="0000" type="number" min='0'>
		</div>
	</div>
    <div class="form-group row">
		<label class="col-sm-12 col-md-2 col-form-label">November</label>
		<div class="col-sm-12 col-md-10">
			<input class="form-control" name="November" placeholder="0000" type="number" min='0'>
		</div>
	</div>
    <div class="form-group row">
		<label class="col-sm-12 col-md-2 col-form-label">Desember</label>
		<div class="col-sm-12 col-md-10">
			<input class="form-control" name="Desember" placeholder="0000" type="number" min='0'>
		</div>
	</div>

	<div class="d-flex justify-content-center">
	<button class="btn btn-outline-primary" type="submit">Simpan</button>
	</div>




	<script>
    function validateForm() {
        var yearInput = document.forms["curah"]["Tahun"].value;
        
        // Check if the year is less than 1900 or more than 2100
        if (yearInput < 1900 || yearInput > 2100) {
            // Show your custom warning modal
            $('#warning-modal').modal('show');
            return false; // Prevent form submission
        }
        
        return true; // Proceed with form submission
    }
</script>


<style>
	.bg-custom {
    background-color: #FFFFFF /* Replace with your desired background color */
}
.bg-custom2 {
    background-color: #FFFAFA /* Replace with your desired background color */
}
</style>
	<div class="modal fade" id="warning-modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-sm modal-dialog-centered">
        <div class="modal-content bg-custom">
            <div class="modal-body text-center">
                <h3 class="mb-15">
                    <i class="fa fa-exclamation-triangle"></i> Warning
                </h3>
                <p>
                    Mohon masukan angka tahun valid dari 1900-2100
                </p>
                <button type="button" class="btn btn-primary" data-dismiss="modal">
                    Ok
                </button>
            </div>
        </div>
    </div>
</div>



	


					
