@extends('master')
@section('content')
    <section class="w-100">
        <div class="container-fluid">
            <div class="card mb-4">
                <div class="card-header with-border">
                    <h3 class="card-title text-center"> {{ __('Salary Topsheet') }} </h3>
                </div>
                <span id="bulk_payment_result"></span>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-12">
                            <form method="post" class="form-horizontal" action={{ route('salary.report.generate') }}>
                                @csrf

                                <div class="row">

                                    <div class="col-md-4 mb-5">
                                        <select class="form-select form-select-solid dynamic" data-control="select2"
                                            name="cat_id" aria-hidden="true">
                                            <option value="">{{ __('Select Category') }}</option>
                                            @foreach ($categoryList as $category)
                                                <option value="{{ $category->category_id }}">
                                                    {{ $category->category_name }}
                                                </option>
                                            @endforeach
                                            {{ csrf_field() }}
                                        </select>
                                        @error('cat_id')
                                            <span class="text-danger mt-2">{{ $message }}</span>
                                        @enderror
                                    </div>

                                    <div class="col-md-4 mb-5">
                                        <input class="form-select form-select-solid month_year"
                                            placeholder="{{ __('Select Month') }}" readonly id="month_year"
                                            name="month_year" type="text" value="">
                                        @error('month_year')
                                            <span class="text-danger mt-2">{{ $message }}</span>
                                        @enderror
                                    </div>

                                    <div class="col-md-8 fv-row mb-5">
                                        {{-- <label class="required fs-6 fw-bold mb-1">Journal Voucher Note</label> --}}
                                        <textarea class="form-control form-control-solid" id="note" name="journal_voucher_note" rows="3"
                                            placeholder="Journal Voucher Note*"></textarea>
                                        @error('journal_voucher_note')
                                            <span class="text-danger mt-2">{{ $message }}</span>
                                        @enderror
                                    </div>

                                    <div class="col-md-8 text-end">
                                        <div class="form-actions">
                                            <button {{-- id="payslip_filter"  --}} type="submit" class="filtering btn btn-primary">
                                                <i class="fas fa-cog"></i>
                                                {{ trans('Generate') }}
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>

                @include('message')


                <div class="card-header border-0 pt-5 p-0">
                    <div class="container-fluid">
                        <div class="card-title text-center">
                            <h3>{{ __('Generated Topsheets') }} <span id="details_month_year"></span></h3>
                        </div>
                        <div class="container-fluid"><span id="general_result"></span></div>
                    </div>

                    <div class="container row">
                        <div class="col-md-4 mt-2">
                            <div class="form-group">
                                <input class="form-select form-select-solid month_year"
                                    placeholder="{{ __('Select Month-Year') }}" readonly id="search" name="month_year"
                                    type="text" value="">
                            </div>
                        </div>
                    </div>
                </div>

                <div class="card-body py-4">
                    <div class="table-responsive">
                        <table id="data-table" class="table table-row-dashed table-row-gray-300 align-middle gs-0 gy-4">
                            <thead>
                                <tr class="text-start text-muted text-uppercase fw-bolder fs-7 gs-0">
                                    <th class="not-exported">#</th>
                                    <th>{{ __('Month-Year') }}</th>
                                    <th>{{ trans('Category') }}</th>
                                    <th>{{ trans('Status') }}</th>
                                    <th class="not-exported">{{ trans('topsheet') }}</th>
                                    <th class="not-exported">{{ trans('Journal Voucher') }}</th>
                                    <th class="not-exported">{{ trans('action') }}</th>
                                </tr>
                            </thead>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </section>
    @include('hr.salary.pay_list.includes.generate_bank_advice_modal')
@endsection

@section('page_script')
    <script src="{{ asset('assets/custom/js/helpers/helper.js') }}" {{ Sri::html('assets/custom/js/helpers/helper.js') }}>
    </script>

    <script src="{{ asset('assets/custom/js/salary/topsheet.js') }}"
        {{ Sri::html('assets/custom/js/salary/topsheet.js') }}></script>
@endsection