@extends('layouts.admin')

<title>{{ config('app.name', 'Laravel') }} | Admin | Fee Mangements</title>
@section('styles')

<style>
    /* Custom styles */
    .container-fluid {
        margin-top: 20px;
    }

    .card-header {
        background-color: #3498db;
        color: #fff;
    }

    .table {
        margin-top: 20px;
    }

    .table th,
    .table td {
        text-align: center;
    }

    .table thead th {
        background-color: #f8f9fa;
    }

    .card-body p {
        font-style: italic;
        color: #636b6f;
    }

    .table tbody tr:nth-child(even) {
        background-color: #f2f2f2;
    }

    .table tbody tr:hover {
        background-color: #e0e0e0;
    }

    /* Custom status colors */
    .status-success {
        color: #28a745 !important;
    }

    .status-pending {
        color: #ffc107 !important;
    }

    .table td{
        padding:0.625rem 0.25rem !important;
    }
    .scrollme {
        overflow-x: auto;
    }

</style>
@endsection
@include('datepicker')
@section('main-content')
<div class="loader"></div>
<div class="msg_on_screen me-5 mt-4 d-none" style="text-align:right;">
</div>
<div class="d-none updated_msg" style="position: absolute; top:15%; margin-left:1%;">
    <div>
        <div class="alert alert-success" role="alert">
            Fee details updated successfuly.
        </div>
    </div>
</div>
<div class="container-fluid mt-4 mb-4">
    <div class="row">
        <div class="col-md-12">
            <h4 class="fw-bold py-3 mb-4">
                <span class="text-muted fw-light">Records /</span> Fee Details
            </h4>
        </div>
    </div>
    @if(session('success'))
        <div id="success-alert" class="alert alert-success">
            {{ session('success') }}
        </div>
        <script>
            setTimeout(function() {
                $('#success-alert').fadeOut('slow');
            }, 2000); // 5000 milliseconds = 5 seconds
        </script>
    @endif
    <div class="card">
        @if(!isset($feedetails) && count($feedetails))
            @foreach($feedetails as $feedetail)
                @if($feedetail->payment_status == 'Pending')
                    <div class="text-end mb-3"> <!-- Add 'text-end' class to align right -->
                        <a class="btn btn-primary" href="/reminder/{{$student->id}}">
                            <i class="bx bx-bell"></i> Send Payment Reminder
                        </a>
                    </div>
                    @break {{-- Stop the loop if at least one payment has 'Pending' status --}}
                @endif
            @endforeach
        @endif

        <div class="card-body row">
            <div class="col-12 {{isset($upcoming_fee_list) || isset($pending_fee_list)?'col-lg-4':''}}">
                <div class="text-center mt-3">
                    @if(isset($student->profile_photo_path))
                        <img src="{{$student->profile_photo_path}}" alt="user" class="rounded-circle" width="150" height="150" />
                    @else
                        <img src="{{ URL::asset('assets/images/users/avatar.jpg') }}" alt="user" class="rounded-circle" width="150" height="150" />
                    @endif
                </div>

                <div class="card-body">
                    <h5 class="mb-3 bg-secondary text-white rounded p-2">Student Details</h5>
                    <table class="table">
                        <tbody>
                            <tr>
                                <td class="fs-6 bg-light"> {{ isset($student->first_name)?ucwords($student->first_name):" " }} {{ isset($student->last_name)?ucwords($student->last_name):" " }}</td>
                            </tr>
                            <tr>
                                <td class="fs-6 bg-light"> {{ isset($student->gender)?ucwords($student->gender):" Gender not included yet " }}</td>
                            </tr>
                            <tr>
                                <td class="fs-6 bg-light"> {{ isset($student->dob)?(calculate_age($student->dob)."y/o ( ".dateformatter($student->dob)." )"):" Date of birth not include yet " }}</td>
                            </tr>
                            
                        </tbody>
                    </table>

                    @if (isset($parent) && $parent!=null)
                        <h5 class="mb-3 bg-secondary text-white rounded p-2 mt-4">Parent Details</h5>
                        <table class="table">
                            <tbody>
                                <tr>
                                    <td class="fs-6 bg-light"> {{ isset($parent->first_name)?ucwords($parent->first_name):" " }} {{ isset($parent->last_name)?ucwords($parent->last_name):" " }}</td>
                                </tr>
                                <tr>
                                    <td class="fs-6 bg-light"> {{ isset($parent->email)?ucwords($parent->email):" Mail not included yet " }}</td>
                                </tr>
                                <tr>
                                    <td class="fs-6 bg-light"> {{ isset($parent->phone)?$parent->phone:" Mobile number not included yet " }}</td>
                                </tr>
                                <tr>
                                    <td class="fs-6 bg-light"> {{ isset($parent->gender)?ucwords($parent->gender):" Gender not included yet " }}</td>
                                </tr>
                                <tr>
                                    <td class="fs-6 bg-light"> {{ isset($parent->dob)?(calculate_age($parent->dob)."y/o ( ".dateformatter($parent->dob)." )"):" Date of birth not include yet " }}</td>
                                </tr>
                            </tbody>
                        </table>
                    @else
                        <p>Parent information not available might be a old user.</p>
                    @endif

                    @if (isset($fee_history))
                        <div class="mt-5">
                            <div class="mb-2">
                                <button class="btn btn-primary" id="mail_invoice" {{($feedetails->amountpaid==0)?"disabled":""}}>Mail Fee Request</button>
                            </div>
                            <div>
                                <a href="/generateInvoice/{{$feedetails->uuid}}" class="btn btn-primary" id="download_invoice">Download Fee Request</a>
                            </div>
                        </div>   
                    @endif
                </div>
            </div>

            <div class="col-12 {{isset($upcoming_fee_list) || isset($pending_fee_list)?'col-lg-4':''}}">

                <table class="table table-bordered">
                                        <tbody>
                        <tr>
                            <td>Class</td>
                            <td>{{$feedetails->class_name}}</td>
                        </tr>
                        <tr>
                            <td>Duration</td>
                            <td>12 Months</td>
                        </tr>
                        <tr>
                            <td>Start Date</td>
                            <td>17-04-{{$year}}</td>
                        </tr>
                        <tr>
                            <td>End Date</td>
                            <td>18-03-{{$year+1}}</td>
                        </tr>
                    </tbody>
                </table>

                @if(!isset($fee_plans))
                    <div class="border text-center p-1 mt-4 mb-2 bg-danger text-white">
                        <strong>Fee plan for {{$feedetails->class_name}} not found.</strong>
                    </div>
                @else
                    <table class="table table-bordered mt-3 mb-3">
                        <tbody>
                            <tr class="text-center bg-success text-white fw-bold">
                                <td colspan="2">Fee plan for {{$feedetails->class_name}}</td>
                            </tr>
                            <tr>
                                <td>Class</td>
                                <td>{{ $feedetails->class_name }}</td>
                            </tr>
                            <tr>
                                <td>Monthly</td>
                                <td>&#8377;{{ $fee_plans->monthly_fee ? $fee_plans->monthly_fee : 0 }}</td>
                            </tr>
                            <tr>
                                <td>Quarterly</td>
                                <td>&#8377;{{ $fee_plans->monthly_fee? 3*$fee_plans->monthly_fee : 0 }}</td>
                            </tr>
                            <tr>
                                <td>Semi Annual</td>
                                <td>&#8377;{{ $fee_plans->monthly_fee? 6*$fee_plans->monthly_fee : 0 }}</td>
                            </tr>
                            <tr>
                                <td>Annual</td>
                                <td>&#8377;{{ $fee_plans->monthly_fee? 12*$fee_plans->monthly_fee : 0 }}</td>
                            </tr>
                            {{-- <tr>
                                <td>Discount</td>
                                <td>&#8377;{{ $fee_plans->discount? $fee_plans->discount : 0 }}</td>
                            </tr> --}}
                            {{-- Only Show when there is some payment pending --}}
                        </tbody>
                    </table>
                    @if ($feedetails->remaining_fee!=0)
                        <input id="annual_charges" hidden value="{{$additional_fee_charges_one_time_paid?0:($additional_fee_charges?$additional_fee_charges->annual_charges:0)}}"/>
                        <table class="table table-bordered mt-3 mb-3">
                            <!-- <tbody>
                                <tr class="text-center text-white bg-info">
                                    <td colspan="3">Update Payment Status</td>
                                </tr>
                                @if ($additional_fee_charges)
                                    <tr>
                                        <td>Annual Fee</td>
                                        <td>&#8377;{{$additional_fee_charges->annual_charges}} ( <span>{{$additional_fee_charges_one_time_paid?"Paid":"Unpaid"}}</span> ) </td>
                                    </tr>
                                    <tr>
                                        <td>Tranportation Fee</td>
                                        <td>&#8377;<span class="set_transport_fee">{{$additional_fee_charges->transport_charges}}</span> ( Per Km )</td>
                                    </tr>
                                    <tr>
                                        <td>Paid Fee</td>
                                        <td>&#8377;{{$feedetails->amountpaid }}</td>
                                    </tr>
                                    <tr>
                                        <td>Remaining Fee</td>
                                        <td>&#8377;{{$feedetails->remaining_fee }}</td>
                                    </tr>
                                    <tr>
                                        <td></td>
                                        <td>
                                            <button id="update_btn" class="btn btn-primary text-white">Update</button>
                                        </td>
                                    </tr> 
                                @else
                                   <tr>
                                    <td>
                                        Additional Fees is required before updating the fee.
                                        <a href="{{route('additional-charges.index')}}">Go To Additional Charges</a>
                                    </td>
                                    </tr> 
                                @endif
                                  
                            </tbody> -->
                        </table>                          
                    @endif
                            
                    <table class="table show_table d-none mb-3">
                        <tbody>
                            <tr>
                                <td>Select Plan</td>
                                <td>
                                    <select name="payment_plan" id="payment_plan" class="form-select input form-control-line">
                                        <option value="" selected disabled hidden>Select Payment Plan</option>
                                        <option value="0" {{$feedetails->monthly_payment<=11?"":"disabled"}}>Monthly</option>
                                        <option value="1" {{$feedetails->monthly_payment<=9?"":"disabled"}}>Quarterly</option>
                                        <option value="2" {{$feedetails->monthly_payment<=6?"":"disabled"}}>Semi Annual</option>
                                        <option value="3" {{$feedetails->monthly_payment==0?"":"disabled"}}>Annual</option>
                                      </select>
                                </td>
                            </tr>
                            <tr class="{{($additional_fee_charges && $additional_fee_charges->transport_charges)?"":"d-none"}}">
                                <td colspan="2">
                                    <div class="col-12 p-1 ps-0 pe-3">
                                        <label class="form-label">Start Month</label>
                                        <input class="form-control form-input" type="text" value="" id="start_month" readonly autocomplete="off"/>
                                    </div>
                                    
                                    <div class="col-12 p-1 ps-0 pe-3">
                                        <label class="form-label">End Month</label>
                                        <input class="form-control form-input" type="text" value="" id="end_month"  readonly autocomplete="off"/>
                                    </div>
                                </td>
                            </tr>
                            @if ($additional_fee_charges)
                                <tr class="{{($additional_fee_charges && $additional_fee_charges->transport_charges)?"":"d-none"}}">
                                    <td colspan="2">Want Transport Facility ?</td>
                                </tr>
                                <tr class="{{($additional_fee_charges && $additional_fee_charges->transport_charges)?"":"d-none"}}">
                                    <td colspan="2">
                                        <div class="col-12 col-xs-12 d-flex flex-wrap justify-content-between transportDiv">
                                            <div class="form-check">
                                            <input class="form-check-input" type="radio" name="radioBtn" id="radioBtn1" value="yes" onclick="handleRadioChange(event)">
                                            <label class="form-check-label" for="radioBtn1">
                                                Yes
                                            </label>
                                            </div>
                                            <div class="form-check">
                                            <input class="form-check-input" type="radio" name="radioBtn" id="radioBtn2" value="no" onclick="handleRadioChange(event)" checked>
                                            <label class="form-check-label" for="radioBtn2">
                                                No
                                            </label>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="2" class="show_transport_fee">
                                    </td>
                                </tr>
                            @endif
                            <tr class="btn_tr" style="text-align: center;">
                                <td><button class="btn btn-primary text-white cancel">Cancel</button></td>
                                <td><button class="btn btn-primary text-white check_btn">Check Tution Fee</button></td>
                            </tr>
                            <tr class='d-none save_tr_section'>
                                <td colspan="2" style='text-align:center;'>
                                    <button class='btn btn-success text-white' id='save_btn'>Save Details</button>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                @endif
            </div>

            <div class="col-12 col-lg-4">
                @if (isset($upcoming_fee_list) && count($upcoming_fee_list)>0)
                    <table class="table table-bordered upcoming_fee_table mb-3">
                        <tbody>
                            <tr class="text-center text-white bg-info">
                                <td colspan="3">Upcoming Payments</td>
                            </tr>
                            <tr>
                                <td>Class</td>
                                <td>Dates</td>
                                <td>Amount</td>
                            </tr>
                                                        @foreach ($upcoming_fee_list as $key=>$u_fee)
                                <tr>
                                    <td>{{$u_fee->class_name}}</td>
                                    <td class="upcoming_fee_table_date_{{$key}}">{{dateformatter($u_fee->next_payment_date)}}</td>
                                    <td>&#8377;{{$fee_plans->discounted_monthly_fee}}</td>
                                                                    </tr>
                            @endforeach
                            <tr>
                                <td colspan="2" class="text-center">Total Upcoming Amount:</td>
                                <td>&#8377;{{$total_upcoming}}</td>
                            </tr>
                        </tbody>
                    </table>                    
                @endif

                @if (isset($pending_fee_list) && count($pending_fee_list)>0)
                    <table class="table table-bordered pending_fee_table mb-3">
                        <tbody>
                            <tr class="text-center text-white bg-danger">
                                <td colspan="3">Pending Payments</td>
                            </tr>
                            <tr>
                                <td>Class</td>
                                <td>Dates</td>
                                <td>Due</td>
                            </tr>
                                                        @foreach ($pending_fee_list as $key=>$p_fee)
                                <tr>
                                    <td>{{$p_fee->class_name}}</td>
                                    <td class="pending_fee_table_date_{{$key}}">{{dateformatter($p_fee->next_payment_date)}}</td>
                                    <td>&#8377;{{$fee_plans->discounted_monthly_fee}}</td>
                                                                    </tr>
                            @endforeach
                            <tr>
                                <td colspan="2" class="text-center">Total Overdue:</td>
                                <td>&#8377;{{$total_due}}</td>
                            </tr>
                        </tbody>
                    </table>
                @endif

                @if(!$upcoming_fee_list && !$pending_fee_list)
                    <div class="border text-center pt-3 mt-4 bg-success">
                        <h3 class="text-white">Bravo! All bills Cleared.</h3>
                    </div>
                @endif
            </div>
            <div class="col-12">                
                @if (isset($fee_history) && count($fee_history)>0)
                    <table class="table table-responsive show_history_table mt-3 mb-3">
                        <tbody> 
                            <tr class="text-center bg-success text-white fw-bold">
                                <td colspan="10">Transaction History</td>
                            </tr>
                            <tr>
                                <td style="min-width: 115px;">Payment</br>Date</td>
                                <td>Class</td>
                                <td>Mode</td>
                                <td>Chosen<br/>Plan</td>
                                <td>Tution Fee<br/>Paid</td>
                                <td>Tranport Fee<br/>Paid</td>
                                <td>Total<br/>Amount Paid</td>
                                <td>Tution Fee<br/>Pending</td>
                                <td>Status</td>
                                <td>Payments<br/>Recieved</td>
                            </tr>
                                                                                    @foreach ($fee_history as $ind => $fee_data)
                                <tr>
                                    <td>{{date('d-m-y',strtotime($fee_data->fee_paid_on))}}</td>
                                    <td>{{$fee_data->class_name}}</td>
                                    <td>
                                        @if ($fee_data->payment_mode==1)
                                            <span class="text-info">Online</span>
                                        @else
                                            <span class="text-primary">Offline</span>
                                        @endif
                                    </td>

                                    <td>
                                        @if ($fee_data->payment_type==0)
                                            Monthly
                                        @elseif($fee_data->payment_type==1)
                                            Quarterly
                                        @elseif($fee_data->payment_type==2)
                                            Semi Annual
                                        @elseif($fee_data->payment_type==3)
                                            Annual     
                                        @endif
                                    </td>

                                    <td>&#8377;{{$fee_data->total_amount}}</td>

                                    {{--
                                        if(!$ind){
                                            $remaining_fee = $feedetails->fullpayment - $fee_history[$ind]->total_amount;
                                        }
                                        else if($ind<$total_fee_history_count){
                                            $remaining_fee = $remaining_fee - $fee_history[$ind]->total_amount;
                                        }
                                     --}}

                                    <td>&#8377;{{$fee_data->transport_charges}}</td>
                                    <td>&#8377;{{$fee_data->total_amount}}</td>

                                    
                                    <td>&#8377;{{$remaining_fee_student}}</td>
                                        @if($fee_data->status==1)
                                            <td style="color: rgba(113,221,55,1);">Done</td>                                        
                                        @elseif($fee_data->next_payment_date<date('Y-m-d') && $fee_data->status==0)
                                            <td style="color: rgba(255,62,29,1);">Late</td>
                                        @else
                                            <td style="color: rgba(3,195,236)">Pending</td>                                        
                                        @endif
                                    <td>
                                        @if ($fee_data->start_date==$fee_data->end_date)
                                            Jan 70                                        @else
                                            Jan 70 - Jan 70                                        @endif
                                    </td>

                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                @else
                    <div class="border text-center p-1 mt-4 mb-2 bg-danger text-white">
                        <strong>Transactions not found.</strong>
                    </div>
                @endif
            </div>
        </div>
    </div>
</div>

<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
<script>    
    function allowNumberOnly(evt) {
        var theEvent = evt || window.event;
        // Handle paste
        if (theEvent.type === 'paste') {
            key = event.clipboardData.getData('text/plain');
        } else {
        // Handle key press
            var key = theEvent.keyCode || theEvent.which;
            key = String.fromCharCode(key);
        }
        var regex = /[0-9]|\./;
        if( !regex.test(key) && evt.keyCode!=8) {
            theEvent.returnValue = false;
            if(theEvent.preventDefault) theEvent.preventDefault();
        }
    }

    let transport_fee=0,include_transport_charges="no";

    function calculateTransportFee(months){
        transport_fee=0;
        const transport_charges=$(".set_transport_fee").length?$(".set_transport_fee").text():0;

        if(months==0){
            months=1;
            transport_fee=transport_charges*months*30;
        }
        else if(months==1){
            months=3;
            transport_fee=transport_charges*months*30;
        }
        else if(months==2){
            months = 6;
            transport_fee=transport_charges*months*30;
        }
        else if(months==3){
            months=12;
            transport_fee=transport_charges*months*30;
        }
        return transport_fee;
    }

    function handleRadioChange(event){
        let months = $("#payment_plan").val();
        transport_fee = calculateTransportFee(months);

        $(".save_tr_section").addClass('d-none');   
        $(".tution_fee_info").remove();
        $(".show_transport_fee").html('');

        if(event.target.value=="yes"){
            include_transport_charges="yes";
            
            if(months!="" && transport_fee!=""){
                $(".show_transport_fee")
                .append(`<div style="color: #0dcaf0;">Calculated transport fee will be: ₹${transport_fee}</div>`);
            }

        }else{
            include_transport_charges="no";
            transport_fee=0;
        } 
    }

    function addMonthsToDate(dateStr, monthsToAdd) {
      const [day, month, year] = dateStr.split('-').map(Number);
      const dateObj = new Date(year, month - 1, day);

      // Add the months
      dateObj.setMonth(dateObj.getMonth() + monthsToAdd);

      // Move to the end of the month by setting the date to 0 of the next month
      dateObj.setMonth(dateObj.getMonth(), 0);

      const newDay = String(dateObj.getDate()).padStart(2, '0');
      const newMonth = String(dateObj.getMonth() + 1).padStart(2, '0'); // getMonth() returns zero-indexed month
      const newYear = dateObj.getFullYear();

      // Format the new date in dd-mm-yyyy format
      const end_month = `${newDay}-${newMonth}-${newYear}`;

      return end_month;
    }

    $(document).on("change","#payment_plan",function(e){
        $(".save_tr_section").addClass('d-none');   
        $(".tution_fee_info").remove();

        let monthsToAdd=0;
        if(e.target.value==0)monthsToAdd=1;
        else if(e.target.value==1)monthsToAdd=3;
        else if(e.target.value==2)monthsToAdd=6;
        else if(e.target.value==3)monthsToAdd=12;
        $("#end_month").val(addMonthsToDate($("#start_month").val(),monthsToAdd));

        if(e.target.value>=0 && include_transport_charges=="yes"){    
            transport_fee = calculateTransportFee(e.target.value);
            $(".show_transport_fee").html('');
            $(".show_transport_fee")
            .append(`<div style="color: #0dcaf0;">Calculated transport fee will be: ₹${transport_fee}</div>`);
        }
    });

    $("#update_btn").on("click",function(e){
        e.preventDefault();
        e.stopPropagation();
        $(this).prop("disabled",true);
        $(".save_tr_section").addClass('d-none');
        $(".show_table").removeClass('d-none');
    
        if($('.pending_fee_table_date_1'.length)==1){
            $("#start_month").val($('.pending_fee_table_date_0').text());
        }
        else if($('.upcoming_fee_table_date_1').length==1){
            $("#start_month").val($('.upcoming_fee_table_date_0').text());
        }

        let months = $("#payment_plan").val();
        transport_fee = calculateTransportFee(months);

        if(include_transport_charges=="yes"){
            if(months!="" && transport_fee!=""){
                $(".show_transport_fee").html('');
                $(".show_transport_fee").append(`<div style="color: #0dcaf0;">Calculated transport fee will be: ₹${transport_fee}</div>`);
            }

        }else{
            $(".show_transport_fee").html('');
        } 

    });

    $(".cancel").on("click",function(e){
        e.preventDefault();
        e.stopPropagation();
        $(".show_table").addClass('d-none');
        $(".save_tr_section").addClass('d-none');   
        $("#update_btn").prop("disabled",false);
        $('.text-danger').remove();
        $('.text-info').remove();
    });

    $(".check_btn").on("click",function(e){
        e.preventDefault();
        e.stopPropagation();
        $('.text-danger').remove();
        $('.text-info').remove();
        $('.tution_fee_info').remove();
        $(this).prop("disabled",true);

        const fee_id = "{{ $feedetails->id }}";
        const student_id = "{{ $student->id }}";
        const payment_plan = $("#payment_plan").val()?$("#payment_plan").val():"";
        const annual_charges = $("#annual_charges").val();

        $.ajax({
            url:"/checkFeeUpdation",
            type:"GET",
            headers:{
                "X-CSRF-TOKEN":$("meta[name='csrf-token']").attr('content')
            },
            data:{"student_id":student_id,"fee_id":fee_id,"payment_plan":payment_plan},
            success:function(resp){
                $(".check_btn").prop("disabled",false);
                const status = resp["status"];
                
                if(status==400){
                    const msg = resp["message"];
                    if(msg == "required_error"){
                        $(".btn_tr").before(`<tr class='text-danger'>
                                <td colspan="2">${resp['errors']['payment_plan']}</td>
                            </tr>`);
                    }
                }else if(status == 404){
                    const msg = resp["message"];
                    if(msg=="record_not_found"){
                        $(".btn_tr").after(`<tr class='text-danger'>
                                <td colspan="2">No fee detail found. Refresh the page</td>
                            </tr>`);
                    }
                }else if(status==200){
                    const msg = resp["message"];
                    $(".save_tr_section").removeClass('d-none');   
                    
                    if(msg=="succcess"){
                        let total =  Number(resp["calc_fee"]);
                        if(include_transport_charges=="yes") total+=Number(transport_fee);
                        let addAnnualCharges = "";
                        if(annual_charges!=0){
                            total+=Number(annual_charges);
                            addAnnualCharges=`<tr class='text-info tution_fee_info' style='text-align:center;'>
                                <td colspan="2">Annual Fee: &#8377;${annual_charges}</td>
                            </tr>`
                        }
                        $(".btn_tr").after(`<tr class='text-info tution_fee_info' style='text-align:center;'>
                                <td colspan="2">Remaining Tution Fee: &#8377;${resp["remaining_fee_left"]}</td>
                            </tr>
                            <tr class='text-info tution_fee_info' style='text-align:center;'>
                                <td colspan="2">Calculated Tution Fee: &#8377;${resp["calc_fee"]}</td>
                            </tr>
                            ${addAnnualCharges}
                            <tr class='text-info tution_fee_info' style='text-align:center;'>
                                <td colspan="2">Grand Total: &#8377;${total}</td>
                            </tr>
                            `); 
                    }
                     
                }
            },
            error:function(resp){
                $(".check_btn").prop("disabled",false);
            },
            complete:function(resp){
                $(".check_btn").prop("disabled",false);
            }
        });
    });

    $("#save_btn").on("click",function(e){
        e.preventDefault();
        e.stopPropagation();
        $("#save_btn").prop("disabled",true);
        $("#payment_plan").prop("disabled",true);
        $(".cancel").prop("disabled",true);
        $(".check_btn").prop("disabled",true);

        const payment_plan = $("#payment_plan").val();
        const fee_id = "{{ $feedetails->id }}";
        const student_id = "{{ $student->uuid }}";
        const payment_type = $("#payment_plan").val();
        const annual_charges = $("#annual_charges").val();

        $.ajax({
            url:"/updateFeeDetails",
            type:"GET",
            headers:{
                "X-CSRF-TOKEN":$("meta[name='csrf-token']").attr("content")
            },
            data:{"student_id":student_id,"fee_id":fee_id,"payment_plan":payment_plan, "payment_type":payment_type, "annual_charges":annual_charges,"include_transport_charges":include_transport_charges,"transport_fee":transport_fee},
            success:function(resp){
                window.scrollTo({
                    top: 0,
                    behavior: 'smooth'
                });
                $(".updated_msg").removeClass("d-none");
                const status=resp["status"];
                if(status==200){
                    setTimeout(function(){
                        window.location.reload();
                        $(".updated_msg").addClass("d-none");

                    },3000);
                }
                $("#save_btn").prop("disabled",false);
                $("#payment_plan").prop("disabled",false);
                $(".check_btn").prop("disabled",false);
                $(".cancel").prop("disabled",false);
            },
            error:function(){
                $("#save_btn").prop("disabled",false);
                $("#payment_plan").prop("disabled",false);
                $(".check_btn").prop("disabled",false);
                $(".cancel").prop("disabled",false);
            },
            complete:function(){
                $("#save_btn").prop("disabled",false);
                $("#payment_plan").prop("disabled",false);
                $(".check_btn").prop("disabled",false);
                $(".cancel").prop("disabled",false);

            }
        });
    });

    $("#mail_invoice").on("click",function(e){
        e.preventDefault();
        e.stopPropagation();
        $('.loader').addClass('loading');
        $("#mail_invoice").prop("disabled",true);

        $.ajax({
            url:"/sendInvoiceMail/{{$feedetails->uuid}}",
            type:"GET",
            headers:{
                "X-CSRF-TOKEN":$("meta[name='csrf-token']").attr('content')
            },
            success:function(resp){
                window.scrollTo({
                    top: 0,
                    behavior: 'smooth'
                });
                const status=resp["status"];
                if(status===200){
                    $(".msg_on_screen").removeClass('d-none').html(`<span class="bg-light p-3 rounded">Email sent successfully.</span>`);
                }else{
                    $(".msg_on_screen").removeClass('d-none').html(`<span class="bg-light p-3 rounded">Unable to sent email.</span>`);
                }
                $("#mail_invoice").prop("disabled",false);
                $('.loader').removeClass('loading');
                setTimeout(()=>{
                    $(".msg_on_screen").addClass('d-none');
                },3000);
            },
            error:function(resp){
                $("#mail_invoice").prop("disabled",false);
                $('.loader').removeClass('loading');
            }
        });
    });
 
</script>
@endsection