sigd/resources/views/modules/reports/gcom-crf/index.blade.php

76 lines
2.8 KiB
PHP

@extends('layouts.master')
@section('content')
<div class="card shadow-sm">
<div class="card-header d-flex justify-content-between align-items-center">
<h5 class="mb-0 font-weight-bold">{{ @$title }}</h5>
</div>
<div class="card-body">
<form id="gpcForm" method="GET">
<div class="row">
<div class="col-md-2 pr-1">
<x-inventory-year-select :selected-year="$inventoryYear" />
</div>
<div class="col-lg-2 pr-1">
<x-activity-year-select :selected-year="$activityYear" :inventory-year="$inventoryYear" />
</div>
<div class="col-lg-12 d-flex align-items-end align-items-center pt-1 pr-1 gap-3">
<div class="form-group mt-2 mb-0 mr-2">
<button type="submit" class="btn btn-info">Tampilkan</button>
</div>
<div class="form-group mt-2 mb-0">
<a href="{{ route($route.'.export', ['inventoryYear' => $inventoryYear, 'activityYear' => $activityYear]) }}"
class="btn btn-success">Ekspor Excel</a>
</div>
<div class="form-group mt-2 mb-0">
<button type="button" class="btn btn-warning" data-bs-toggle="modal" data-bs-target="#catatanModal">
Catatan
</button>
</div>
</div>
</div>
</form>
<br />
@if ($gpcData)
@include('modules.reports.gcom-crf.table')
@endif
@include('modules.reports.gcom-crf.note')
</div>
</div>
@endsection
@section('js')
<script>
$(document).ready(function() {
// Initialize select2 for dropdowns
$('#inventoryYear').select2({
placeholder: 'Pilih Tahun'
});
$('#activityYear').select2({
placeholder: 'Pilih Tahun'
});
// Handle form submission
$('#gpcForm').on('submit', function(event) {
event.preventDefault();
const actionUrl = updateFormAction();
window.location.href = actionUrl;
});
});
// Function to build the action URL for the form based on selected years
function updateFormAction() {
const inventoryYear = $('#inventoryYear').val();
const activityYear = $('#activityYear').val() || '';
let actionUrl = `{{ url('laporan/gcom') }}/${inventoryYear}`;
if (activityYear) actionUrl += `/${activityYear}`;
return actionUrl;
}
</script>
@endsection