@extends('layouts.admin')

<title>{{ config('app.name', 'Laravel') }} | Fee Plans</title>

<link rel="stylesheet" href="assets/css/toggle.css">
@section('main-content')
    <style>
        .edit:hover {
            color: #fff !important;
            background-color: blue !important;
            border-color: #696cff !important;
            border-radius: 5px !important;
        }

        .delete:hover {
            color: #fff !important;
            background-color: #E3242B !important;
            border-color: #E3242B !important;
            border-radius: 5px !important;
        }

        .dtbl_dropdown .dataTables_length {
            width: 65px;
        }

        .dtbl_dropdown .dataTables_length label {
            width: 100%;
        }

        table.dataTable thead .sorting_asc {
            background-image: none !important;
        }

        table.dataTable thead .sorting {
            background-image: none !important;
        }

        #services_wrapper .row:nth-child(2) {
            overflow-x: scroll;
        }

        .table_heads_class {
            min-width: 100px;
        }

        table {
            min-height: 180px;
        }

        table tr td {
            vertical-align: top;
        }

        .form_dltBtn {
            margin: 0;
        }
    </style>

    <div class="{{ Session::has('success') ? '' : 'd-none' }} hide_msg_class"
        style="position: absolute; top:15%; margin-left:1%;">
        <div id="alert">
            @if (Session::has('success'))
                <div class="alert {{ Session::get('success') == 'Fee plans removed successfully.' ? 'alert-danger' : 'alert-success' }}"
                    role="alert">
                    {{ Session::get('success') }}
                </div>
            @endif

            @if ($errors->any())
                <div class="alert alert-danger">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif
        </div>
    </div>

    <div class="d-none" id="messageContainer" style="position: absolute; top:15%; margin-left:1%;">

    </div>

    <div class="content-wrapper">
        <!-- Content -->
        <div class="container-xxl flex-grow-auto container-p-y row">
            <div class="row mb-2">
                <div class="col-md-6 col-12 mb-3">
                    <h4 class="fw-bold py-3 mb-1"><span class="text-muted fw-light">Records / </span>Class Fee Plans</h4>
                </div>
                {{-- <div class="col-md-3 col-12 d-flex flex-row-reverse">
                <div class="upgrade-btn m-1 text-end">
                    <a href="/edit-fixed-fees" class="btn btn-primary text-white">Edit Fixed Charges</a>
                </div>
            </div> --}}
                <div class="col-md-6 col-12 d-flex flex-row-reverse">
                    <div class="upgrade-btn m-1 text-end">
                        <a href="{{ route('fee-planner.create') }}" class="btn btn-primary text-white">Add New Fee Plans</a>
                    </div>
                </div>
            </div>

            <!-- Basic Bootstrap Table -->
            <div class="card pb-5 ms-2">
                <h5 class="mt-4">Fee Plans</h5>
                <div class="table dataTable text-nowrap dtbl_dropdown">
                    <table class="table" id="services">
                        <thead class="text-nowrap">
                            <tr>
                                <th>S.No</th>
                                <th class="table_heads_class">Package Name</th>
                                <th class="table_heads_class">Portal Registration Fee</th>
                                <th class="table_heads_class">Admission Form Fee</th>
                                <th class="table_heads_class">Miscellaneous Fee</th>
                                <th class="table_heads_class">Annual Fee</th>
                                <th class="table_heads_class">Kit Fee</th>
                                <th class="table_heads_class">Monthly Tuition Fee</th>
                                <th class="table_heads_class">Quarterly Tuition Fee</th>
                                <th class="table_heads_class">Semi-Annual Tuition Fee</th>
                                <th class="table_heads_class">Annual Tuition Fee</th>
                                <th class="text-center table_heads_class" style="width: 210px;">Actions</th>
                            </tr>
                        </thead>
                        <tbody class="table-border-bottom-0">
                            @if (isset($feesPlans) && count($feesPlans) != 0)
                                @foreach ($feesPlans as $key => $value)
                                    <tr id="row_{{ $value->id }}">
                                        <td>{{ $key + 1 }}</td>
                                        <td>{{ $value->class_name != 'Other' ? ucwords($value->class_name) : ucwords($value->other_class_name) }}
                                        </td>
                                        <td>₹ {{ ucwords($value->registeration_fee) }}</td>
                                        <td>₹ {{ ucwords($value->admission_form_fee) }}</td>
                                        <td>₹ {{ ucwords($value->miscellaneous_fee) }}</td>
                                        <td>₹ {{ ucwords($value->annual_fee) }}</td>
                                        <td>₹ {{ ucwords($value->kit_fee) }}</td>
                                        <td>₹ {{ ucwords($value->monthly) }}</td>
                                        <td>₹ {{ ucwords($value->quarterly) }}</td>
                                        <td>₹ {{ ucwords($value->semi_annual) }}</td>
                                        <td>₹ {{ ucwords($value->annual) }}</td>

                                        <td class="">
                                            {{-- @if (in_array($value->class_name, $class_names) || in_array($value->other_class_name, $class_names))
                                            <div>
                                                <button class="btn btn-danger delete" onclick="return alert('Some students already pay for this class plan. Hence, no updation allowed.')">N.A.</button>
                                            </div>    
                                        @else --}}
                                            <div class="dropdown text-center">
                                                <button type="button" class="btn p-0 dropdown-toggle hide-arrow"
                                                    data-bs-toggle="dropdown">
                                                    <i class="bx bx-dots-vertical-rounded"></i>
                                                </button>
                                                <div class="dropdown-menu">
                                                    <a class="dropdown-item"
                                                        href="{{ route('fee-planner.edit', ['fee_planner' => $value->id]) }}">
                                                        <i class="bx bx-edit-alt me-1"></i> Edit
                                                    </a>

                                                    @if ($value->class_name != 'default')
                                                        @php
                                                            // Check if this fee plan is linked with any class in class_fee_plans table
                                                            $isPlanUsed = DB::table('class_fee_plans')
                                                                ->where('fee_plan_id', $value->id)
                                                                ->exists();
                                                        @endphp

                                                        @if (!in_array($value->class_name, $class_names) && !in_array($value->other_class_name, $class_names) && !$isPlanUsed)
                                                            <form class="form_dltBtn" method="POST"
                                                                action="{{ route('fee-planner.destroy', $value->id) }}">
                                                                @csrf
                                                                @method('DELETE')
                                                                <button type="submit" class="dropdown-item"
                                                                    onclick="return confirm('Warning: Some data may be linked with {{ ucwords($value->class_name) }} plans. Still you want to remove fee plans for {{ ucwords($value->class_name) }} class?');">
                                                                    <i class="bx bx-trash me-1"></i> Delete
                                                                </button>
                                                            </form>
                                                        @endif
                                                    @endif
                                                </div>

                                                {{-- @if ($value->class_name != 'default')
                                                <form
                                                    class="{{ in_array($value->class_name, $class_names) || in_array($value->other_class_name, $class_names) ? 'd-none' : '' }}"
                                                    method="POST"
                                                    action="{{ route('fee-planner.destroy', $value->id) }}">
                                                    @csrf
                                                    @method('DELETE')
                                                    <button type="submit" class="btn btn-danger delete"
                                                        onclick="return confirm('Warning: Some data may linked with {{ ucwords($value->class_name) }} plans. Still you want to remove fee plans for {{ ucwords($value->class_name) }} class?');">
                                                        <i class="bx bx-trash me-1"></i> Delete
                                                    </button>
                                                </form>
                                            @endif --}}
                                            </div>

                                        </td>
                                    </tr>
                                @endforeach
                            @else
                                <tr>
                                    <td><span></span></td>
                                    <td><span></span></td>
                                    <td><span>{{ 'No record found' }}</span></td>
                                    <td><span></span></td>
                                    <td><span></span></td>
                                </tr>
                            @endif
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <!-- / Content -->
    </div>
@endsection

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
    function usersstatus(id) {

        var mainParent = $('#' + id);

        if ($(mainParent).find('input.cb-value').is(':checked')) {
            $(mainParent).addClass('active');
            var status = "active";
        } else {
            $(mainParent).removeClass('active');
            var status = "in-active";
        }
        var formData = new FormData();

        formData.append('uuid', id);
        formData.append('status', status);
        $.ajax({
            type: "post",
            url: "{{ url('/active-teacher') }}",
            contentType: 'application/json',
            cache: false,
            contentType: false,
            processData: false,
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            data: formData,
            success: function(data) {
                window.scrollTo({
                    top: 0,
                    behavior: 'smooth'
                });
                if ($.isEmptyObject(data.error)) {
                    const msg = data["msg"];
                    const messageContainer = $('#messageContainer');
                    messageContainer.empty();
                    $('#messageContainer').removeClass('d-none');
                    if (msg == "activated" || msg == "deactivated") {
                        // Add the success message to the #messageContainer
                        if (msg == "activated") messageContainer.html(
                            `<div class="alert alert-success">${data["response"]}</div>`);
                        else messageContainer.html(
                            `<div class="alert alert-danger">${data["response"]}</div>`);
                    } else {
                        // Add the error message to the #messageContainer
                        messageContainer.html(
                            '<div class="alert alert-danger">Error: Something went wrong</div>');
                    }
                    setTimeout(function() {
                        messageContainer.empty();
                        $('#messageContainer').addClass('d-none');
                    }, 3000);
                } else {
                    // printErrorMsg(data.error);
                    $.each(data.error, function(field_name, error) {
                        // $(document).find('[name='+field_name+']').after('<span class="text-strong text-danger">' +error+ '</span>')
                        $(document).find('#' + field_name + '').closest('div').after(
                            '<span class="text-strong text-danger">' + error + '</span>')
                    })
                }
            }
        });
    }
</script>