One Hat Cyber Team

View File Name : declaration.php

<?php if(empty($page)){ include("../access.php"); } ?>
<?php  
	$modal_name 	= str_replace("/", "-", $page);

	$param_data 	= array();
	$combx1 		= "";
	$combx2 		= "";
	$report 		= (isset($_GET['report'])) ? $_GET['report'] : '' ;
	$period 		= (isset($_GET['period'])) ? $_GET['period'] : '' ;
	$year 			= (isset($_GET['year'])) ? $_GET['year'] : '' ;
	$month 			= (isset($_GET['month'])) ? $_GET['month'] : '' ;
	$sdate 			= (isset($_GET['sdate'])) ? $_GET['sdate'] : '' ;
	$edate 			= (isset($_GET['edate'])) ? $_GET['edate'] : '' ;

	$user 			= get_user_full($_SESSION['session']);
	$roles 			= (int)$user['idRoles'];
	$idUser 		= (int)$user['idUser'];
	$idPelabuhan 	= (int)$user['idPelabuhan'];
	$dgapprove 		= $user['flagDGApproval'];
	$comb1 			= "";
	$comb2 			= "a.flagApprove,";
	$comb3 			= "";


?>

	<!-- Blank Header -->
	<div class="content-header">
		<div class="row">
			<div class="col-sm-6">
				<div class="header-section">
					<h1>TOTAL DECLARATION</h1>
				</div>
			</div>
			<div class="col-sm-6 hidden-xs">
				<div class="header-section">
					<!-- <ul class="breadcrumb breadcrumb-top"> -->
						<!-- <li>Extra Pages</li> -->
						<!-- <li><a href="">Blank</a></li> -->
					<!-- </ul> -->
				</div>
			</div>
		</div>
	</div>
	<!-- END Blank Header -->

	<!-- Get Started Block -->
	<div class="block full">
		<!-- Get Started Title -->

            <!-- <div class="block full"> -->
                <!-- Block Tabs Title -->
                <div class="block-title">
					<div class="block-options pull-right">
						<div class="btn btn-effect-ripple btn-info print-me" data-toggle="tooltip" data-original-title="Print" onclick="myFunction()"><i class="fa fa-print"></i></div>
						<div class="btn btn-effect-ripple btn-warning" data-toggle="tooltip" data-original-title="Copy Link" onclick="copytoclipboard($(this))" data-link="/frame.php?page=reports/declaration"><i class="fa fa-link"></i></div>
						<a class="btn btn-sm btn-effect-ripple btn-default" data-toggle="tooltip" data-original-title="Refresh" href="?page=<?php echo $page;?>"><i class="fa fa-refresh"></i></a>
					</div>
                    <ul class="nav nav-tabs" data-toggle="tabs">
                        <li class="active"><a href="#block-tabs-home">Reports</a></li>
                    </ul>
                </div>
                <!-- END Block Tabs Title -->

				<div id="modal-search" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
					<div class="modal-dialog modal-lg">
						<div class="modal-content">


						</div>
					</div>
				</div>

                <!-- Tabs Content -->
                <div class="tab-content">
                    <div class="tab-pane active" id="block-tabs-home">

			<!-- <div class="col-md-12"> -->
			<div class="block">

				<form class="push form-horizontal" id="search-validation" method="get">
					<!-- if delete. check post name delete -->

					<input type="hidden" name="page" value="<?php echo $page;?>">

					<div class="modal-body"><!-- modal-body -->

					<div class="form-group">
						<label class="col-md-3 control-label" for="report">Name Of Report <span class="text-danger">*</span></label>
						<div class="col-md-7">
							<select class="form-control select-selexct2 selectx2_custom validation" data-validation="default" name="report" id="report">
								<option value="">-- Please Select --</option>
								<option value="1" <?php if($report=='1'){echo 'selected';}?>>(1) Total Declaration By Vessel</option>
								<option value="2" <?php if($report=='2'){echo 'selected';}?>>(2) Total Declaration By Agent</option>
								<option value="3" <?php if($report=='3'){echo 'selected';}?>>(3) Total Declaration By Type Of ship</option>
								<option value="4" <?php if($report=='4'){echo 'selected';}?>>(4) Total Declaration By Current Security Level</option>
								<option value="5" <?php if($report=='5'){echo 'selected';}?>>(5) Total Declaration By Type Of Declaration</option>
								<option value="6" <?php if($report=='6'){echo 'selected';}?>>(6) Total Declaration By Time Of Declaration</option>
								<option value="7" <?php if($report=='7'){echo 'selected';}?>>(7) Total Declaration By Tonnage</option>
								<option value="8" <?php if($report=='8'){echo 'selected';}?>>(8) Total Declaration By Marine Facilities</option>
							</select>
						</div>
					</div>
					<hr>

					<div class="form-group">
						<label class="col-md-3 control-label" for="val-aktif1">Period <span class="text-danger">*</span></label>
						<div class="col-md-7">
						  <label class="radio-inline" for="val-aktif1">
							  <input type="radio" <?php if($period=='year' || empty($period)){echo "checked='checked'";}?> class="not_autoset default_radio" id="val-aktif1" name="period" value="year"> Yearly
						  </label>
						  <label class="radio-inline" for="val-aktif2">
							  <input type="radio" <?php if($period=='month'){echo "checked='checked'";}?> class="not_autoset" id="val-aktif2" name="period" value="month"> Monthly
						  </label>
						  <label class="radio-inline" for="val-aktif3">
							  <input type="radio" <?php if($period=='week'){echo "checked='checked'";}?> class="not_autoset" id="val-aktif3" name="period" value="week"> Weekly
						  </label>
						</div>
					</div>	

					<div class="form-group period" style="display: none">
					    <label class="col-md-3 control-label">&nbsp;</label>
					    <div class="col-md-4">
					        <input type="text" value="<?php echo $year;?>" id="year" name="year" class="form-control" data-validation="default" placeholder="Year">
					    </div>
					</div>

					<div class="form-group period" style="display: none">
					    <label class="col-md-3 control-label">&nbsp;</label>
					    <div class="col-md-4">
					        <input type="text" value="<?php echo $month;?>" id="month" name="month" class="form-control" data-validation="default" placeholder="Month-Year">
					    </div>
					</div>

					<div class="form-group period" style="display: none">
					    <label class="col-md-3 control-label">&nbsp;</label>
					    <div class="col-md-4">
					        <div class="hideme input-group">
								<span class="input-group-addon">Start</span>
								<input type="text" value="<?php echo $sdate;?>" id="sdate" name="sdate" class="form-control week" data-validation="default" placeholder="Start Date">
							</div>
					    </div>
					</div>

					<div class="form-group period" style="display: none">
					    <label class="col-md-3 control-label">&nbsp;</label>
					    <div class="col-md-4">
					        <div class="hideme input-group">
								<span class="input-group-addon">End&nbsp;&nbsp;</span>
								<input type="text" value="<?php echo $edate;?>" id="edate" name="edate" class="form-control week" data-validation="default" placeholder="End Date">
							</div>
					    </div>
					</div>

					</div><!-- [end] modal-body -->


					<div class="modal-footer">
					<!-- <h4 class="pull-left">$ <strong class="text-primary-dark">689</strong><small>.00</small></h4> -->
					<button type="submit" class="btn btn-effect-ripple btn-primary">Submit</button>
					<a href="?page=<?php echo $page;?>" type="reset" class="btn btn-effect-ripple btn-default btn-reset"><span class="btn-ripple animate" style="height: 61px; width: 61px; top: -15.3px; left: 11.8667px;"></span>Reset</a>
					</div>
				</form>

			</div>
			<!-- </div> -->

						<div class="table-responsive">
							<?php 
								if($report>=1 && $report<=8)
									include("declaration_".$report.".php");
								else
									echo "<div class='alert alert-warning'>Please Make A Search...</div>";
							?>
						</div>


                    </div>
                    
                </div>
                <!-- END Tabs Content -->
            <!-- </div> -->
		
		<script src="js/pages/formsValidation.js"></script>
        <script type="text/javascript">

			function myFunction() {

				if($(".alert-warning").is(":visible")){
					alert("Please Make A Search...");
				}else{
					var $frm 	= 	$('<form action="reports/print_report.php" method="post" target="_blank"></form>').appendTo('body');
					$($("#search-validation").html()).appendTo($frm);
					$('<input type="text" name="type" value="declaration">').appendTo($frm);

					if($frm.html() !== ''){
						$frm.find(".btn-primary").trigger("click");
						$frm.remove();
					}
				}

			};

        $(document).ready(function(){

// $('.input-datepicker').datepicker('setStartDate', '2021-10-10');
 			$("#example-datatable").setdatatable('{ "autoWidth": false }');

			$(document).on("click", ".search-me", function(){
				// var modal_name 	= "."+$(this).closest("form").data("modal-target");
				// $(modal_name).modal({keyboard:true});
				// $(modal_name).find("input").not(":button, :submit, :reset, .not_autoset").val("").prop("checked",false);
				// $(modal_name).find(".default_radio, .default_checkbox").prop("checked",true);
				// $(modal_name).find("select").prop("selected",false);
				// $(modal_name).find("textarea").val("");
				// $(modal_name).find('.help-block').remove();
				// $(modal_name).find('.form-group').removeClass('has-success has-error');
				// $("#search-validation").setvalidation('');

				// $(".period").hide();
				$("#search-validation",document).find("input[type='radio'], select").trigger("change");

			});

			$(document).on("change","[name='period']",function(){

				if($("[name='period']:checked",document)){
					if($("[name='period']:checked",document).val()==='year'){
						$(".period:eq(0)").show().find("input").addClass("validation");
						$(".period:eq(1)").hide().find("input").val("").removeClass("validation");
						$(".period:eq(2)").hide().find("input").val("").removeClass("validation");
						$(".period:eq(3)").hide().find("input").val("").removeClass("validation");
					}
					else if($("[name='period']:checked",document).val()==='month'){
						$(".period:eq(0)").hide().find("input").val("").removeClass("validation");
						$(".period:eq(1)").show().find("input").addClass("validation");
						$(".period:eq(2)").hide().find("input").val("").removeClass("validation");
						$(".period:eq(3)").hide().find("input").val("").removeClass("validation");
					}
					else if($("[name='period']:checked",document).val()==='week'){
						$(".period:eq(0)").hide().find("input").val("").removeClass("validation");
						$(".period:eq(1)").hide().find("input").val("").removeClass("validation");
						$(".period:eq(2)").show().find("input").addClass("validation");
						$(".period:eq(3)").show().find("input").addClass("validation");
					}
				}
				$("#search-validation",document).clearvalidation().setvalidation('');
			});

			$("#year").datepicker({
				format: 'yyyy',
				autoclose: true,
				startView: 2,
				minViewMode: 'years',
			});

			$("#month").datepicker({
				format: 'mm-yyyy',
				autoclose: true,
				startView: 2,
				minViewMode: 'months',
			});

			$(".week").datepicker({
				format: 'dd-mm-yyyy',
				autoclose: true,
			});
// $(".date").datepicker({startView:2});
// $(".date").datepicker("destroy");
			$("#year").datepicker("setStartDate", '2020');
			$("#month").datepicker("setStartDate", '01-2020');

			$("[name='sdate']").on("change",function(){
				if($(this).val()!=''){
					// var nextdate 	= $.addDate($(this).val(),14);
					$("[name='edate']").datepicker("setStartDate", $(this).val());
					$("[name='edate']").datepicker("show");
					// $('.active .day').click();
					// $('.ui-datepicker-current-day').click();
				}
			});

			$("#search-validation",document).clearvalidation().setvalidation('');
			$("input[name='period'][type='radio'], select").trigger("change");

//  			$("#example-datatable").setdatatable('{ "autoWidth": false }');

//  			$.post( "reports/declaration_prt.php", function( data ) {
//   $( ".result" ).html( data );
// });

			// $.ajax({type:"POST",url: "reports/declaration_prt.php", success: function(result){
			// 	$(modal_name).find(".tab-pane[id=details]").html(result);
			// }}).done(function(){
			// 	$(document).trigger("resize");
			// });

 			// $.ajax({
 			// 	type:"POST",
    //             url: "reports/declaration_prt.php",
    //             data:"search="+$(".table-responsive").html(),
    //             cache: false,
    //             xhr: function () {
    //                 var xhr = new XMLHttpRequest();
    //                 xhr.onreadystatechange = function () {
    //                     if (xhr.readyState == 2) {
    //                         if (xhr.status == 200) {
    //                             xhr.responseType = "blob";
    //                         } else {
    //                             xhr.responseType = "text";
    //                         }
    //                     }
    //                 };
    //                 return xhr;
    //             },
    //             success: function (data) {
    //                 //Convert the Byte Data to BLOB object.
    //                 var blob = new Blob([data], { type: "application/octetstream" });
 
    //                 //Check the Browser type and download the File.
    //                 var isIE = false || !!document.documentMode;
    //                 if (isIE) {
    //                     window.navigator.msSaveBlob(blob, fileName);
    //                 } else {
    //                     var url = window.URL || window.webkitURL;
    //                     link = url.createObjectURL(blob);
    //                     var a = $("<a />");
    //                     a.attr("download", fileName);
    //                     a.attr("href", link);
    //                     $("body").append(a);
    //                     a[0].click();
    //                     $("body").remove(a);
    //                 }
    //             }
    //         });

        });
        </script>
	</div> <!-- End Started Block -->