djid_siput/resources/views/program/metadata_program/helpers/download.blade.php

<!-- Modal -->
<div class="modal fade" id="downloadModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-header bg-primary">
				<h5 class="modal-title text-white" id="exampleModalLabel">DOWNLOAD AS XLS</h5>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
			</div>
			<div style="width: 100%; display: block; height: 1px; background-color: #dedede;"></div>
			<div class="modal-body" style="overflow: hidden;">			
				<form action="{{url()->current()}}/download" id="form-download-xlsx" method="GET" enctype="multipart/enctype">
                <input type="hidden" value="{{$raw->id}}" name="id">
					<center>
						@csrf
						<center>
							<div class="row">
                                <div class="col-md-12 form-group">
									<label for="date">UPT</label>
									<select class="form-control" id="uptDownload" name="upt">
                                        <option value="">Semua UPT</option>
                                        @foreach($upt as $opt)
                                            <option value="{{$opt->office_id}}" {{ (!empty($_GET['upt']) && $_GET['upt'] == $opt->office_id) ? 'selected':''}}>{{$opt->office_name}}</option>
                                        @endforeach
                                    </select>
								</div>
								<div class="col-md-6 form-group">
									<label for="date">Dari</label>
									<input type="date" class="form-control" id="fromDownload" name="dari" value="{{ !empty($_GET['dari'])?$_GET['dari']:'' }}">
								</div>
								<div class="col-md-6 form-group">
									<label for="date">Sampai</label>
									<input type="date" class="form-control" id="toDownload" name="sampai" value="{{ !empty($_GET['sampai'])?$_GET['sampai']:'' }}">
								</div>
							</div>
						</center>
						<br>
						<center>
							<button type="submit" id="btn-download-xlsx" class="btn btn-success"><i class="fa fa-download"></i>&nbsp;&nbsp;DOWNLOAD AS XLSX</button>
							@include('dev.helpers.button.btnBatal')
						</center>
					</center>
				</form>
			</div>
		</div>
	</div>
</div>

@include('dev.helpers.jquery')

<script type="text/javascript">
	$("#fromDownload")
	.on('input', function() {
		var activeFee = (this.value === '0' || this.value === '') ? false : true;
		$('#toDownload').prop('required', activeFee);
	})
	.trigger('input');
</script>

<script type="text/javascript">
	$("#toDownload")
	.on('input', function() {
		var activeFee = (this.value === '0' || this.value === '') ? false : true;
		$('#fromDownload').prop('required', activeFee);
	})
	.trigger('input');
</script>