hafifierahman
164 lines
5.5 KiB
PHP
164 lines
5.5 KiB
PHP
@extends('layouts.app')
|
|
<style>
|
|
|
|
.radiostyle .radio-green {
|
|
background-color: #27ae60;
|
|
color:white;
|
|
box-shadow: 5px 10px #888888;
|
|
width:200px;
|
|
margin-right:5px;
|
|
transition: 0.5s ease;
|
|
}
|
|
|
|
.radiostyle .radio-red {
|
|
background-color: #e74c3c;
|
|
color:white;
|
|
width:200px;
|
|
margin-right:5px;
|
|
box-shadow: 5px 10px #888888;
|
|
transition: 0.5s ease;
|
|
}
|
|
|
|
.radiostyle .radio-yellow {
|
|
background-color: #3498db;
|
|
color:white;
|
|
width:200px;
|
|
margin-right:5px;
|
|
box-shadow: 5px 10px #888888;
|
|
transition: 0.5s ease;
|
|
}
|
|
|
|
.radiostyle .radio-green:hover {
|
|
box-shadow: 5px 5px #888888;
|
|
|
|
|
|
}
|
|
|
|
.radiostyle .radio-red:hover {
|
|
box-shadow: 5px 5px #888888;
|
|
|
|
}
|
|
|
|
.radiostyle .radio-yellow:hover {
|
|
box-shadow: 5px 5px #888888;
|
|
|
|
}
|
|
|
|
.radiostyle .radio-green input[type="radio"]:checked{
|
|
box-shadow: 5px 10px #888888;
|
|
}
|
|
|
|
.radiostyle .radio-yellow input[type="radio"]:checked{
|
|
box-shadow: 5px 10px #888888;
|
|
}
|
|
|
|
.radiostyle .radio-red input[type="radio"]:checked{
|
|
box-shadow: 5px 10px #888888;
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
@section('content')
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="card">
|
|
<nav aria-label="breadcrumb">
|
|
<ol class="breadcrumb pb-3">
|
|
<li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
|
|
<li class="breadcrumb-item"><a href="{{ route('laporan') }}">Laporan</a></li>
|
|
<li class="breadcrumb-item active" aria-current="page">HQ</li>
|
|
</ol>
|
|
</nav>
|
|
|
|
<div class="card-body text-center">
|
|
<div class="row form-group">
|
|
<div class="col-md-2">
|
|
</div>
|
|
<div class="col-md-10">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-8 mx-auto">
|
|
<form action="{{ route('pendserahan.cetaklaporan') }}" target="_blank" method="post">
|
|
@csrf
|
|
<div class="input-group mb-3">
|
|
<div class="input-group-prepend">
|
|
<span class="input-group-text" id="basic-addon1">Mula</span>
|
|
</div>
|
|
<input type="text" class="form-control" placeholder="Pilih Tarikh" aria-label="Tarikh" id="datemula" name="datemula">
|
|
<div class="input-group-prepend ml-2">
|
|
<span class="input-group-text" id="basic-addon1">Hingga</span>
|
|
</div>
|
|
<input type="text" class="form-control" placeholder="Pilih Tarikh" aria-label="Tarikh" id="datehingga" name="datehingga">
|
|
<input type="submit" class="btn btn-primary ml-md-5" id="submit_button" name="submit_button" value="Cetak">
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<br><br>
|
|
<div class="row">
|
|
|
|
<div class="col-md-12 col-sm-12 mb-4">
|
|
|
|
<input autocomplete="off" type="radio" name="radpendser" id="option1" value="pendahuluan" autocomplete="off" checked>
|
|
<span>Pendahuluan</span>
|
|
|
|
<input autocomplete="off" type="radio" name="radpendser" id="option2" value="serahan" autocomplete="off">
|
|
<span>Serahan</span>
|
|
|
|
<input autocomplete="off" type="radio" name="radpendser" id="option3" value="online" autocomplete="off">
|
|
<span>Serahan-Online</span>
|
|
</div>
|
|
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script type="text/javascript">
|
|
|
|
var tablecustomers = $('#myTable').DataTable({
|
|
"ordering": false
|
|
});
|
|
|
|
$(document).ready( function () {
|
|
var today = new Date();
|
|
|
|
var dateObject = '';
|
|
$('#datemula').datepicker({
|
|
maxViewMode:1,
|
|
format: 'dd-mm-yyyy',
|
|
autoclose:true,
|
|
endDate: "today",
|
|
maxDate: today
|
|
});
|
|
|
|
$('#datehingga').datepicker({
|
|
maxViewMode:1,
|
|
format: 'dd-mm-yyyy',
|
|
autoclose:true,
|
|
endDate: "today",
|
|
maxDate: today
|
|
});
|
|
|
|
$('#datemula').change(function() {
|
|
|
|
$('#datehingga').datepicker('option', 'maxDate', new Date($(this).val()));
|
|
console.log($(this).val());
|
|
|
|
});
|
|
|
|
});
|
|
|
|
</script>
|
|
@endsection
|
|
|