@section('modal_title', __('accounting.add_academic_fee_set_up'))

<div class="main-card mb-3 card p-3">
    <div class="card-body">
        <form class="row g-3 mb-5 shadow-sm py-4 px-3" id="addFeeSetUp"
            action="{{ route('accounting.academic_fee_set_up.store') }}" method="POST">
            @csrf

            <div class=" col-lg-4">
                <label for="academic_class_id" class="form-label">{{ __('accounting.select_class') }}</label>
                <select name="academic_class_id" id="academicClasses" class="form-select form-control">
                    <option value="">{{ __('accounting.select_class') }}</option>
                    @foreach ($academic_classes as $item)
                        <option value="{{ $item->get_class->first()->id }}"
                            {{ old('academic_class_id') == $item->get_class->first()->id ? 'selected' : '' }}>
                            {{ $item->get_class->first()->academic_class }}
                        </option>
                    @endforeach
                </select>
            </div>

            <input type="hidden" id="payment_fee_schedule_id" name="payment_fee_schedule_id"
                value="{{ $payment_fee_schedule->id }}">

            <div class=" col-lg-4">
                <label for="group_id" class="form-label">{{ __('accounting.select_group') }}</label>
                <select name="group_id" id="academicGroups" class="form-select form-control">
                    <option value="">{{ __('accounting.select_group') }}</option>
                    @foreach ($groups as $item)
                        <option value="{{ $item->get_group->first()->id }}"
                            {{ old('group_id') == $item->get_group->first()->id ? 'selected' : '' }}>
                            {{ $item->get_group->first()->group_name }}
                        </option>
                    @endforeach
                </select>
            </div>
            <div class=" col-lg-4">
                <label for="section_id" class="form-label">{{ __('accounting.select_section') }}</label>
                <select name="section_id" id="academicSections" class="form-select form-control">
                    <option value="">{{ __('accounting.select_section') }}</option>
                    @foreach ($sections as $item)
                        <option value="{{ $item->get_section->first()->id }}"
                            {{ old('group_id') == $item->get_section->first()->id ? 'selected' : '' }}>
                            {{ $item->get_section->first()->section_name }}
                        </option>
                    @endforeach
                </select>
            </div>


            @if ($payment_fee_schedule->applicable_for == 2)
                <div class="col-lg-4" id="specificStudentsDiv">
                    <label for="specificStudents" class="form-label">{{ __('accounting.select_students') }}</label>
                    <select name="user_id[]" id="specificStudents" class="form-select form-control" multiple>
                        <option value="">{{ __('accounting.select_students') }}</option>

                        @foreach ($students as $item)
                            <option value="{{ $item->user->id }}">{{ $item->user->username }}</option>
                        @endforeach
                    </select>
                </div>
            @endif
            <div class=" col-lg-4">
                <label for="amount" class="form-label">{{ __('accounting.amount') }}</label>
                <input type="text" class="form-control" id="amount" name="amount" value="{{ old('amount') }}">
            </div>
            <div class="col-lg-4">
                <button class="mt-4  btn btn-primary" style="margin-top: 30px !important;">{{ __('Assign') }}</button>
            </div>
        </form>

        <table style="width: 100%" id="academicFeeSetup"
            class="table table-hover table-striped table-bordered shadow-sm">
            <thead>
                <tr>
                    <th class="text-center">{{ __('accounting.class') }}</th>
                    <th class="text-center">{{ __('accounting.group') }}</th>
                    <th class="text-center">{{ __('accounting.section') }}</th>
                    <th class="text-center">{{ __('accounting.amount') }}</th>
                    <th class="text-center">{{ __('accounting.action') }}</th>
                </tr>
            </thead>
            <tbody id="academicFeeSetupData">

            </tbody>
        </table>
    </div>
</div>