@extends('master')
@section('title', 'বাজেট')
@section('breadcrumbMainTitle', 'বাজেট')

@section('content')
    <div class="post d-flex flex-column-fluid" id="kt_post">
        <!--begin::Container-->
        <div id="kt_content_container" class="container-fluid">
            <!--begin::Card-->
            <div class="card">

                <!--begin::Header-->
                <div class="card-header border-0 pt-5">
                    <h3 class="card-title align-items-start flex-column">
                        <span class="card-label fw-bolder fs-3 mb-1">Monthly Report Topsheet</span>
                    </h3>
                </div>
                <!--end::Header-->

                <!--begin::Card body-->
                <div class="card-body py-4">
                    {{-- Fiscal Year --}}
                    <div class="row mb-10">
                        <div class="col-md-4">
                            <input class="form-select form-select-solid month_year" placeholder="{{ __('Select Month') }}"
                                readonly id="month_year" name="month_year" type="text" value="">
                        </div>

                        <div class="col-md-4 form-group">
                            <div class="form-actions">
                                <button id="payslip_filter" type="submit" class="filtering btn btn-primary"> <i
                                        class="fa fa-search"></i> {{ trans('Search') }} </button>
                            </div>
                        </div>
                    </div>
                </div>
                <!--end::Card body-->
            </div>
            <!--end::Card-->
        </div>
        <!--end::Container-->
    </div>
@endsection

@section('page_script')

    <script nonce="{{ $cspNonce }}">
        $(document).ready(function() {
            $("#payslip_filter").on("click", function(e) {
                e.preventDefault();

                let monthYear = $("#month_year").val(); // Get the value of the month_year field

                if (!monthYear) {
                    // Get the current date
                    const currentDate = new Date();

                    // Format the current date as YYYY-MM
                    const currentMonth = String(currentDate.getMonth() + 1).padStart(2,
                        "0"); // Months are zero-indexed
                    const currentYear = currentDate.getFullYear();

                    monthYear = `${currentYear}-${currentMonth}`;
                }

                // Construct the URL with the query parameter
                const targetRoute = `/report/topsheet/view?yearMonth=${encodeURIComponent(monthYear)}`;

                // Redirect to the constructed URL
                window.location.href = targetRoute;
            });
        });
    </script>

@endsection