index.blade.php

@extends('default')
@section('content')
<head>
       	<script src="scripts/jquery.min.js" type="text/javascript"></script>
        <script src="scripts/jquery_checkbox.js" type="text/javascript"></script>
    </head>
<div class="panel panel-primary">

	<div class="panel-heading">
		    <h3 class="panel-title" style="padding:12px 0px;font-size:25px;">
		    	<center>
		    		<strong>Cari Data</strong>
		    	</center>
		    </h3>
	</div>

	 <div class="panel-body">
		  		@if ($message = Session::get('success'))
					<div class="alert alert-success" role="alert">
						{{ Session::get('success') }}
					</div>
				@endif
				@if ($message = Session::get('error'))
					<div class="alert alert-danger" role="alert">
						{{ Session::get('error') }}
					</div>
				@endif
				<center>
						<div class="filter">
							<h4>Cari berdasarkan :</h4>
							<!-- Form Pencarian -->
				            <div class="col-md-4">
				                {!! Form::open(['method'=>'GET','url'=>'caridata','role'=>'search','search2','search3','search4','search5'])  !!}
				                <div class="input-group custom-search-form">
				                	<input id="cTan" name="cTan" type="checkbox" onclick="run();"/>Bulan
				                	<select type="text" class="iTan" name="bulan" id="menuz" disabled="">
				                		<option value="0"></option>
										<option value="1">Januari</option>
										<option value="2">Februari</option>
										<option value="3">Maret</option>
										<option value="4">April</option>
										<option value="5">Mei</option>
										<option value="6">Juni</option>
										<option value="7">Juli</option>
										<option value="8">Agustus</option>
										<option value="9">September</option>
										<option value="10">Oktober</option>
										<option value="11">November</option>
										<option value="12">Desember</option>
									</select><br>
				                	<!-- <input type="text" class="iTan" name="bulan" disabled=""><br> -->

				                	<input id="cKab" name="cKab" type="checkbox" />Kabupaten
				                	<input type="text" class="iKab" name="kabupaten" disabled=""><br>

				                	<input id="cProv" name="cProv" type="checkbox" />Provinsi
				                	<input type="text" class="iProv" name="provinsi" disabled=""><br>

				                	<input id="cMag" name="cMag" type="checkbox" />Magnitude
				                	<select>
													   <option value="Lebih Dari" id="lebih" name="lebihdari">></option>
													   <option value="Kurang Dari" id="kurang" name="kurangdari"><</option>
													   <option value="Sama Dengan" id="sama" name="sama">=</option>
									</select>
				                	<input type="text" class="iMag" name="mag" disabled="">
				                	<br>

				                	<input id="cKed" name="cKed" type="checkbox" />Kedalaman
				                	<select>
													   <option value="Lebih Dari" id="lebih" name="lebihdari">></option>
													   <option value="Kurang Dari" id="kurang" name="kurangdari"><</option>
													   <option value="Sama Dengan" id="sama" name="sama">=</option>
									</select>
				                	<input type="text" class="iKed" name="kedalaman" disabled="">
									<br>
				                    <span class="input-group-btn">
				                        <span class="input-group-btn">
									        <button class="btn btn-default" type="submit">
									        	<i class="fa fa-search"></i> Cari
									        </button>
									     </span>
				                     </span>
				                 </div>
				                 {!! Form::close() !!}
				            </div>
						</div>
						<br/>
				    	<table class="table table-bordered table-hover table-condensed tfix">
					    	<thead align="center">
					    	<tr>
					    		<td><b>TANGGAL</b></td>
					    		<td><b>WAKTU (UTC)</b></td>
					    		<td><b>LINTANG</b></td>
					    		<td><b>BUJUR</b></td>
					    		<td><b>KEDALAMAN (KM)</b></td>
					    		<td><b>MANITUDE</b></td>
					    		<td><b>MLv</b></td>
					    		<td><b>X</b></td>
					    		<td><b>Y</b></td>
					    		<td><b>Z</b></td>
					    		<td><b>KETERANGAN</b></td>
					    		<td width="85px"></td>
							</tr>
							</thead>
						@foreach($dataList as $key => $view)
							<tr align="center">
								<td>{{ $view->tanggal }}</td>
								<td>{{ $view->waktu }}</td>
								<td>{{ $view->lintang }}</td>
								<td>{{ $view->bujur }}</td>
								<td>{{ $view->kedalaman }}</td>
								<td>{{ $view->mag }}</td>
								<td>{{ $view->mlv }}</td>
								<td>{{ $view->x }}</td>
								<td>{{ $view->y }}</td>
								<td>{{ $view->z }}</td>
								<td>{{ $view->keterangan }}</td>
								<td>
									<div class="btn-group" role="group" aria-label="...">
										<a href="{{ url('edit/'.$view->id) }}" class="btn btn-sm btn-warning"><i class="glyphicon glyphicon-pencil"></i>
										<a href="{{ url('delete/'.$view->id) }}" onclick="return confirm('Are you sure to delete this data?')" class="btn btn-sm btn-danger"><i class="glyphicon glyphicon-trash"></i></a>
									</div>
								</td>
							</tr>
						@endforeach
						</table>
						<!-- <?php echo $dataList->render(); ?> -->
						{{ $dataList->appends(Request::except('page'))->links() }}
				<br/>
		    	<h3>Export File From Database:</h3>
		    	<div style="border: 4px solid #a1a1a1;margin-top: 15px;padding: 20px;">
		    		<a ><button class="btn btn-warning btn-lg" onclick = "printAnyMaps();">Unduh Peta</button></a>
		    		<a href="{{ route('pdfview',['download'=>'pdf']) }}"><button class="btn btn-danger btn-lg">Unduh sebagai PDF</button></a>
					<a href="{{ url('downloadExcel/xlsx') }}"><button class="btn btn-success btn-lg">Unduh sebagai Excel</button></a>
		    	</div>
		    	<br/>
				</center>
				<script type="text/javascript">
					function printAnyMaps() {
					  var $body = $('body');
					  var $mapContainer = $('.map-container');
					  var $mapContainerParent = $mapContainer.parent();
					  var $printContainer = $('<div style="position:relative;">');

					  $printContainer
					    .height($mapContainer.height())
					    .append($mapContainer)
					    .prependTo($body);

					  var $content = $body
					    .children()
					    .not($printContainer)
					    .not('script')
					    .detach();

					  /**
					   * Needed for those who use Bootstrap 3.x, because some of
					   * its `@media print` styles ain't play nicely when printing.
					   */
					  var $patchedStyle = $('<style media="print">')
					    .text(
					      'img { max-width: none !important; }' +
					      'a[href]:after { content: ""; }'
					    )
					    .appendTo('head');

					  window.print();

					  $body.append($content);
					  $mapContainerParent.append($mapContainer);

					  $printContainer.remove();
					  $patchedStyle.remove();
					}

			    	function run(){
			    		var menuz = document.getElementById("menuz");
			    		if(document.getElementById("cTan").checked == true){
			    			menuz.disabled = false;
			    		}else{
			    			menuz.disabled = true;
			    		}

			    	}
				</script>
				<center>
		        <div class="map-container">
			        <div style="width:1200px;height:600px">
			            {!! Mapper::render() !!}
			        </div>
		      	</div>
		      	</center>
		  </div>
</div>
@stop