fix laporan
This commit is contained in:
@@ -0,0 +1,147 @@
|
||||
@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">Harga Emas</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('hargaemas.laporancetak') }}" 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>
|
||||
</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
|
||||
|
||||
Reference in New Issue
Block a user