Afiq Hamzah
121 lines
6.1 KiB
PHP
121 lines
6.1 KiB
PHP
@extends('layouts.app')
|
|
|
|
@section('content')
|
|
<div class="bg-gray-900 opacity-50 hidden fixed inset-0 z-10" id="sidebarBackdrop"></div>
|
|
<div id="main-content" class="h-full w-full bg-gray-50 relative overflow-y-auto">
|
|
<main>
|
|
|
|
<div class="pt-6 px-4">
|
|
|
|
<breadcrumb
|
|
:items="[{ 'title': 'Laporan Keseluruhan', 'icon': 'fas fa-users', 'url': '{{ route('reports') }}' },
|
|
{ 'title': 'Stok Audit', 'icon': 'fas fa-users' }]">
|
|
</breadcrumb>
|
|
|
|
<div class="container">
|
|
@if ($errors->any())
|
|
<div id="error-alert" class="flex justify-center">
|
|
<div id="alert-border-2" class="flex items-center p-4 text-red-800 border-t-4 border-red-300 bg-red-50 dark:text-red-400 dark:bg-gray-800 dark:border-red-800 px-10" role="alert">
|
|
<svg class="flex-shrink-0 w-4 h-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20">
|
|
<path d="M10 .5a9.5 9.5 0 1 0 9.5 9.5A9.51 9.51 0 0 0 10 .5ZM9.5 4a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM12 15H8a1 1 0 0 1 0-2h1v-3H8a1 1 0 0 1 0-2h2a1 1 0 0 1 1 1v4h1a1 1 0 0 1 0 2Z"/>
|
|
</svg>
|
|
<div class="ms-3 text-sm font-medium ml-2 ">
|
|
@foreach ($errors->all() as $error)
|
|
{{ $error }}
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endif
|
|
<div class="flex w-full">
|
|
<div class="xl:w-2/3 2xl:w-1/2 p-8 mx-auto">
|
|
<div class="bg-yellow-600 text-gray-200 text-lg px-6 py-4 rounded-t-lg"><a href="/reports"
|
|
class="router-link-active"><i class="fas fa-backspace text-white"></i></a> <span
|
|
class="text-center mx-auto text-white font-bold">Laporan Stok Audit</span></div>
|
|
<form method="get" id="formStokAudit" action="{{ route('reports.stok-audit.show') }}">
|
|
<div class="rounded bg-white shadow p-6">
|
|
<div class="pb-6"><label for="username"
|
|
class="font-semibold text-gray-700 block pb-1">Tarikh</label>
|
|
<div class="flex">
|
|
<span
|
|
class="text-gray-600 border border-2 rounded-l px-4 py-2 whitespace-no-wrap"
|
|
style="background-color: rgb(249, 250, 251);">Mula</span>
|
|
<input id="stock_audit_monthYear" name="monthYear" value=""
|
|
class="border border-2 border-l-0 rounded-r px-4 py-2 w-80r mr-2">
|
|
<div class="hidden">
|
|
<input type="radio" name="generateType" id="generateTypePdf"
|
|
value="pdf">
|
|
<input type="radio" name="generateType" id="generateTypeExcel"
|
|
value="excel">
|
|
</div>
|
|
<button id="generateExcel"
|
|
class="border border-yellow-600 text-yellow-600 font-montserrat py-2 px-8 font-medium rounded-xl hover:bg-yellow-600 hover:text-white transition-all duration-300 ml-5"
|
|
type="button">
|
|
<i class="fas fa-file-excel mr-2"></i>Excel
|
|
</button>
|
|
<button id="generatePdf"
|
|
class="border border-yellow-600 text-yellow-600 font-montserrat py-2 px-8 font-medium rounded-xl hover:bg-yellow-600 hover:text-white transition-all duration-300 ml-5"
|
|
type="button">
|
|
<i class="fas fa-eye mr-2"></i>View
|
|
</button>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div kodcaw="operasi">
|
|
<div>
|
|
<!---->
|
|
<!---->
|
|
</div>
|
|
<div>
|
|
<!---->
|
|
<!---->
|
|
</div>
|
|
<div class="flex justify-between mb-2">
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</main>
|
|
@include('layouts.footer')
|
|
|
|
</div>
|
|
@endsection
|
|
|
|
@push('additional_scripts')
|
|
<script>
|
|
document.addEventListener("DOMContentLoaded", function(event) {
|
|
|
|
let form = document.querySelector('#formStokAudit')
|
|
|
|
document.querySelector('button#generatePdf').addEventListener("click", function(event) {
|
|
document.querySelector('#generateTypePdf').checked = true;
|
|
form.submit();
|
|
})
|
|
|
|
document.querySelector('button#generateExcel').addEventListener("click", function(event) {
|
|
document.querySelector('#generateTypeExcel').checked = true;
|
|
form.submit();
|
|
})
|
|
|
|
const errorAlert = document.getElementById("error-alert");
|
|
|
|
if (errorAlert) {
|
|
|
|
setTimeout(function() {
|
|
errorAlert.classList.add = "opacity-0";
|
|
setTimeout(function() {
|
|
errorAlert.style.display = "none";
|
|
}, 500)
|
|
}, 5000); // 5000 milliseconds = 5 seconds
|
|
}
|
|
});
|
|
</script>
|
|
@endpush
|