Afiq
135 lines
4.4 KiB
PHP
135 lines
4.4 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">Stok Audit</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-5 mx-auto">
|
|
<form action="{{ route('stokaudit.laporancetak') }}" target="_blank" method="get">
|
|
@csrf
|
|
<div class="input-group mb-3">
|
|
<div class="input-group-prepend">
|
|
<span class="input-group-text" id="basic-addon1">Tarikh</span>
|
|
</div>
|
|
<input type="text" class="form-control" placeholder="Pilih Tarikh" aria-label="Tarikh" id="datetimepicker1" name="datetimepicker1" aria-describedby="basic-addon1">
|
|
<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="btn-group-toggle col-md-12 col-sm-12 mb-4 radiostyle" data-toggle="buttons">
|
|
<label class="btn btn-lg radio-yellow">
|
|
<input autocomplete="off" type="radio" name="radaktif" id="option1" value="aktif" autocomplete="off" checked>
|
|
<span>Aktif</span>
|
|
</label>
|
|
<label class="btn btn-lg radio-green">
|
|
<input autocomplete="off" type="radio" name="radaktif" id="option2" value="takaktif" autocomplete="off"><span>Tak Aktif</span>
|
|
</label>
|
|
</div>
|
|
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script type="text/javascript">
|
|
|
|
var tablecustomers = $('#myTable').DataTable({
|
|
"ordering": false
|
|
});
|
|
|
|
$(document).ready( function () {
|
|
$('#datetimepicker1').datepicker({
|
|
format: 'dd-mm-yyyy'
|
|
});
|
|
});
|
|
|
|
</script>
|
|
@endsection
|
|
|