@extends('layouts.app')
@section('title', 'Add Direct Student Payment')
@include('admin.components.select2css')
@section('content')
    <div class="container">
        <div class="page-breadcrumb d-flex align-items-center mb-2 border-bottom pb-2">
            <div>
                <h4>Add Direct Student Payment</h4>
            </div>
            <div class="ms-auto">
                <a href="{{ route('admin.paymenthistory.index') }}" type="button" class="btn btn-primary btn-sm"> <i
                        class="bi bi-arrow-counterclockwise"></i> Back To Student Payment history list</a>
            </div>
        </div>
        <!--breadcrumb-->
        <form action="{{ route('admin.paymenthistory.store') }}" method="post" enctype="multipart/form-data">
            @csrf
            <div class="row">
                <div class="col-12 col-xl-12">
                    <div class="card">
                        <div class="card-body">
                            <div class="row g-3">
                                <div class="col-12 col-md-4">
                                    <label class="form-label">Students<span class="text-danger">*</span></label>
                                    <select name="student_user_id" id="student_user_id" class="form-control select2 student_user_id" required>
                                        <option value="">Select Student</option>
                                        @foreach ($studentusers as $user)
                                            <option value="{{ $user->id }}">{{ $user->uid }} - {{ $user->name }} </option>
                                        @endforeach
                                    </select>
                                    <div class="text-danger">{{ $errors->first('student_user_id') }}</div>
                                </div>
                                <div class="col-12 col-md-4">
                                    <label class="form-label">Student Class Year<span class="text-danger">*</span></label>
                                    <select name="student_id" id="student_id" class="form-select student_id" required>
                                        <option value="">Select Class Year</option>
                                    </select>
                                    <div class="text-danger">{{ $errors->first('student_id') }}</div>
                                </div>
                                <div class="col-12 col-md-4">
                                    <label class="form-label">Payment Mothod<span class="text-danger">*</span></label>
                                    <select name="payment_method_id" id="payment_method_id" class="form-select payment_method_id" required>
                                        <option value="">Select Student</option>
                                        @foreach ($paymentmothods as $paymentmothod)
                                            <option value="{{ $paymentmothod->id }}"> {{ $paymentmothod->name }} </option>
                                        @endforeach
                                    </select>
                                    <div class="text-danger">{{ $errors->first('payment_method_id') }}</div>
                                </div>

                                <div class="col-12 col-md-4">
                                    <label class="form-label" for="receipt">Receipt No.<span class="text-danger">*</span></label>
                                    <input type="text" name="receipt" class="form-control" value="{{ old('receipt') }}" required>
                                    <div class="text-danger">{{ $errors->first('receipt') }}</div>
                                </div>

                                <div class="col-12 col-md-4">
                                    <label class="form-label" for="amount">Amount <span class="text-danger">*</span></label>
                                    <input type="text" name="amount" class="form-control" value="{{ old('amount')?old('amount'): '00.00' }}" required>
                                    <div class="text-danger">{{ $errors->first('amount') }}</div>
                                </div>

                                <div class="col-12 col-md-4">
                                    <label class="form-label" for="payment_date">Payment Date <span class="text-danger">*</span></label>
                                    <input type="datetime-local" name="payment_date" class="form-control" value="{{ old('payment_date') }}" required>
                                    <div class="text-danger">{{ $errors->first('payment_date') }}</div>
                                </div>

                                <div class="col-12 col-md-12">
                                    <label class="form-label" for="remarks">Remarks <span class="text-danger">*</span></label>
                                    <textarea name="remarks" id="remarks" class="form-control"></textarea>
                                    <div class="text-danger">{{ $errors->first('remarks') }}</div>
                                </div>

                            </div>
                        </div>
                    </div>


                    <div class="card">
                        <div class="card-body">
                            <div class="row">
                                <div class="col-12">
                                    <button type="submit" class="btn btn-primary px-4">Submit</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
    </div>



    @include('admin.components.common')
    @include('admin.components.select2js')
@endsection

@push('js')
<script>
     $(document).on('change', '.student_user_id', function() {
            var student_user_id = $('.student_user_id').val();
            if (student_user_id) {
                $.ajax({
                    type: "get",
                    url: "{{ route('get.student') }}",
                    data: {
                        student_user_id: student_user_id
                    },
                    success: function(data) {
                        $(".student_id").html(data);
                    },
                    error: function(data) {
                        console.log('Error:', data);
                    }
                });
            }
        });
</script>
@endpush