@php
  use Carbon\Carbon;
  use App\Models\DaClass;
  use App\Models\LevelCompletionModule\LevelCompletion;

// Get current month name
$currentMonth = Carbon::now()->format('F');
// Get last month name
$lastMonth = Carbon::now()->subMonth()->format('F');
// Get the month before last name
$monthBeforeLast = Carbon::now()->subMonths(2)->format('F');
@endphp
<x-dashboard.admin-layout>
  <x-slot name='title'>Dashboard - Dreamers Academy</x-slot>
  <!-- Main wrapper -->
    <div class="container-fluid">
      <div class="row card-list"
           data-total-registration="{{ can('trial_class.list') ? "true" : "false"  }}"
           data-total-students="{{ can('students.list') ? "true" : "false"  }}"
           data-active-students="{{ can('admitted_student.list') ? "true" : "false"  }}"
           data-on-hold-students="{{ can('on_hold_students.list') ? "true" : "false"  }}"
           data-terminated-students="{{ can('terminated_student.list') ? "true" : "false"  }}"
           data-graduated-students="{{ can('graduated_student.list') ? "true" : "false"  }}"
           data-trial-class-students-yesterday="{{ can('trial_class_student_yesterday.list') ? "true" : "false"  }}"
           data-trial-class-students-today="{{ can('trial_class_student_today.list') ? "true" : "false"  }}"
           data-trial-class-students-tomorrow="{{ can('trial_class_student_tomorrow.list') ? "true" : "false"  }}"
           data-student-payment-due="{{ can('student_due_payment.list') ? "true" : "false"  }}"
      >
        @can('trial_class.list')
          <div class="col-md-2">
            <div class="item">
              <div class="card bg-info">
                <div class="card-body">
                  <div class="text-center">
                    <img src="{{asset('assets/modernize/images/svgs/icon-form.svg')}}" width="50" height="50" class="mb-3" alt="" />
                    <p class="fw-semibold fs-3 text-dark mb-1"> Total </br> Registrations </p>
                    <h6 id="no_total_registration" class="card-title fs-18 font-weight-bold">
                      <a href="/trial-class" id="total_registration" class="text-dark"></a>
                    </h6>
                  </div>
                </div>
              </div>
            </div>
          </div>
        @endcan

        @can('trial_class_student_yesterday.list')
          <div class="col-md-2">
            <div class="item">
              <div class="card bg-warning">
                <div class="card-body">
                  <div class="text-center">
                    <img src="{{asset('assets/modernize/images/svgs/icon-laptop.svg')}}" width="50" height="50" class="mb-3" alt="" />
                    <p class="fw-semibold fs-3 text-dark mb-1"> Yesterday's </br> Trial Classes </p>
                    <h6 id="no_trial_class_students_yesterday" class="card-title fs-18 font-weight-bold">
                      <a href="/show-trial-class-students-yesterday" id="trial_class_students_yesterday" class="text-dark"></a>
                    </h6>
                  </div>
                </div>
              </div>
            </div>
          </div>
        @endcan

        @can('trial_class_student_today.list')
          <div class="col-md-2">
            <div class="item">
              <div class="card bg-success">
                <div class="card-body">
                  <div class="text-center">
                    <img src="{{asset('assets/modernize/images/svgs/icon-laptop.svg')}}" width="50" height="50" class="mb-3" alt="" />
                    <p class="fw-semibold fs-3 text-dark mb-1">Today's </br> Trial Classes</p>
                    <h6 id="no_trial_class_students_today" class="card-title fs-18 font-weight-bold">
                      <a href="/show-trial-class-students-today" id="trial_class_students_today" class="text-dark"></a>
                    </h6>
                  </div>
                </div>
              </div>
            </div>
          </div>
        @endcan

        @can('trial_class_student_tomorrow.list')
          <div class="col-md-2">
            <div class="item">
              <div class="card bg-primary">
                <div class="card-body">
                  <div class="text-center">
                    <img src="{{asset('assets/modernize/images/svgs/icon-laptop.svg')}}" width="50" height="50" class="mb-3" alt="" />
                    <p class="fw-semibold fs-3 text-dark mb-1">Tomorrow's </br> Trial Classes</p>
                    <h6 id="no_trial_class_students_tomorrow" class="card-title fs-18 font-weight-bold">
                      <a href="/show-trial-class-students-tomorrow" id="trial_class_students_tomorrow" class="text-dark"></a>
                    </h6>
                  </div>
                </div>
              </div>
            </div>
          </div>
        @endcan
      </div>

      <div class="row">
        @can('students.list')
          <div class="col-md-2">
            <div class="item">
              <div class="card bg-secondary">
                <div class="card-body">
                  <div class="text-center">
                    <img src="{{asset('assets/modernize/images/svgs/icon-user-male.svg')}}" width="50" height="50" class="mb-3" alt="" />
                    <p class="fw-semibold fs-3 text-dark mb-1"> Total </br> Students </p>
                    <h6 id="no_total_students" class="card-title fs-18 font-weight-bold">
                      <a href="/show-total-students" id="total_students" class="text-dark"></a>
                    </h6>
                  </div>
                </div>
              </div>
            </div>
          </div>
        @endcan

        @can('admitted_student.list')
          <div class="col-md-2">
            <div class="item">
              <div class="card bg-success">
                <div class="card-body">
                  <div class="text-center">
                    <img src="{{asset('assets/modernize/images/svgs/icon-user-male.svg')}}" width="50" height="50" class="mb-3" alt="" />
                    <p class="fw-semibold fs-3 text-dark mb-1"> Active </br> Students </p>
                    <h6 id="no_active_students" class="card-title fs-18 font-weight-bold">
                      <a href="/students" id="active_students" class="text-dark"></a>
                    </h6>
                  </div>
                </div>
              </div>
            </div>
          </div>
        @endcan

        @can('dashboard_student_not_assigned')
          <div class="col-md-2">
            <div class="item">
              <div class="card bg-primary">
                <div class="card-body">
                  <div class="text-center">
                    <img src="{{asset('assets/modernize/images/svgs/icon-user-male.svg')}}" width="50" height="50" class="mb-3" alt="" />
                    <p class="fw-semibold fs-3 text-dark mb-1"> Student </br> not assigned </p>
                    <h6 id="student_not_assigned" class="card-title fs-18 font-weight-bold">
                      0
                    </h6>
                  </div>
                </div>
              </div>
            </div>
          </div>
        @endcan

        @can('on_hold_students.list')
          <div class="col-md-2">
            <div class="item">
              <div class="card bg-warning">
                <div class="card-body">
                  <div class="text-center">
                    <img src="{{asset('assets/modernize/images/svgs/icon-user-male.svg')}}" width="50" height="50" class="mb-3" alt="" />
                    <p class="fw-semibold fs-3 text-dark mb-1"> Students</br> On Hold </p>
                    <h6 id="no_students_on_hold" class="card-title fs-18 font-weight-bold">
                      <a href="/show-students-on-hold" id="students_on_hold" class="text-dark"></a>
                    </h6>
                  </div>
                </div>
              </div>
            </div>
          </div>
        @endcan

        @can('terminated_student.list')
          <div class="col-md-2">
            <div class="item">
              <div class="card bg-danger">
                <div class="card-body">
                  <div class="text-center">
                    <img src="{{asset('assets/modernize/images/svgs/icon-user-male.svg')}}" width="50" height="50" class="mb-3" alt="" />
                    <p class="fw-semibold fs-3 text-dark mb-1"> Terminated </br> Students </p>
                    <h6 id="no_terminated_students" class="card-title fs-18 font-weight-bold">
                      <a href="students-terminated" id="terminated_students" class="text-dark"></a>
                    </h6>
                  </div>
                </div>
              </div>
            </div>
          </div>
        @endcan

        @can('graduated_student.list')
          <div class="col-md-2">
            <div class="item">
              <div class="card bg-secondary">
                <div class="card-body">
                  <div class="text-center">
                    <img src="{{asset('assets/modernize/images/svgs/icon-user-male.svg')}}" width="50" height="50" class="mb-3" alt="" />
                    <p class="fw-semibold fs-3 text-dark mb-1"> Graduated </br> Students </p>
                    <h6 id="no_graduated_students" class="card-title fs-18 font-weight-bold">
                      <a href="/students-graduated" id="graduated_students" class="text-dark"></a>
                    </h6>
                  </div>
                </div>
              </div>
            </div>
          </div>
        @endcan
      </div>

      <div class="row">
        @can('dashboard_prospect_student')
          <div class="col-md-2">
            <div class="item">
              <div class="card bg-primary">
                <div class="card-body">
                  <div class="text-center">
                    <img src="{{asset('assets/modernize/images/svgs/icon-user-male.svg')}}" width="50" height="50" class="mb-3" alt="" />
                    <p class="fw-semibold fs-3 text-dark mb-1"> Prospect </br> Students </p>
                    <h6 id="prospect_student" class="card-title fs-18 font-weight-bold">
                      0
                    </h6>
                  </div>
                </div>
              </div>
            </div>
          </div>
        @endcan

        @can('dashboard_new_admission_student')
          <div class="col-md-2">
            <div class="item">
              <div class="card bg-info">
                <div class="card-body">
                  <div class="text-center">
                    <img src="{{asset('assets/modernize/images/svgs/icon-user-male.svg')}}" width="50" height="50" class="mb-3" alt="" />
                    <p class="fw-semibold fs-3 text-dark mb-1"> New Admission </br> Students </p>
                    <h6 id="new_admission_student" class="card-title fs-18 font-weight-bold">
                      0
                    </h6>
                  </div>
                </div>
              </div>
            </div>
          </div>
        @endcan
      </div>

      <div class="row">
        @can('dashboard_student_by_class_type')
          <div class="col-md-2">
            <div class="item">
              <div class="card bg-warning">
                <div class="card-body">
                  <div class="text-center">
                    <img src="{{asset('assets/modernize/images/svgs/icon-user-male.svg')}}" width="50" height="50" class="mb-3" alt="" />
                    <p class="fw-semibold fs-3 text-dark mb-1"> CSR </br> Students </p>
                    <h6 id="csr_student" class="card-title fs-18 font-weight-bold">
                      0
                    </h6>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <div class="col-md-2">
            <div class="item">
              <div class="card bg-primary">
                <div class="card-body">
                  <div class="text-center">
                    <img src="{{asset('assets/modernize/images/svgs/icon-user-male.svg')}}" width="50" height="50" class="mb-3" alt="" />
                    <p class="fw-semibold fs-3 text-dark mb-1"> Group </br> Students </p>
                    <h6 id="group_student" class="card-title fs-18 font-weight-bold">
                      0
                    </h6>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <div class="col-md-2">
            <div class="item">
              <div class="card bg-success">
                <div class="card-body">
                  <div class="text-center">
                    <img src="{{asset('assets/modernize/images/svgs/icon-user-male.svg')}}" width="50" height="50" class="mb-3" alt="" />
                    <p class="fw-semibold fs-3 text-dark mb-1"> One To One </br> Students </p>
                    <h6 id="one_to_one_student" class="card-title fs-18 font-weight-bold">
                      0
                    </h6>
                  </div>
                </div>
              </div>
            </div>
          </div>
        @endcan
      </div>

      <div class="row">
        @can('dashboard_level_announcement')
          <div class="col-md-2">
            <div class="item">
              <div class="card bg-success">
                <div class="card-body">
                  <div class="text-center">
                    <img src="{{asset('assets/modernize/images/svgs/icon-tasks.svg')}}" width="50" height="50" class="mb-3" alt="" />
                    <p class="fw-semibold fs-3 text-dark mb-1"> Level <br> Completion </p>
                    <h6 id="level_announcement" class="card-title fs-18 font-weight-bold">
                      0
                    </h6>
                  </div>
                </div>
              </div>
            </div>
          </div>
        @endcan
      </div>

      <div class="row">
        @can('dashboard_received_payment')
          <div class="col-lg-4">
            <div class="card">
              <div class="card-body p-4">
                <h4 class="card-title">Total Payment Received ({{ now()->format('M') }})</h4>
                <div class="mt-3" style="display: flex; justify-content: flex-end;">
                  <p class="card-subtitle total_received_payment badge bg-warning">0</p>
                </div>
                <h4 class="card-title text-info text-center my-3" style="border-top: 1px solid; padding: 5px 0px; border-bottom: 1px solid;">Payment for the Month of</h4>
                <div class="position-relative received_payment">
                </div>
              </div>
            </div>
          </div>

          <div class="col-lg-4">
            <div class="card">
              <div class="card-body p-4">
                <h4 class="card-title" style="width: 105%;">Upcoming Dues</h4>
                <div class="mt-3" style="display: flex; justify-content: flex-end;">
                  <p class="card-subtitle total_advance_payment badge bg-warning">0</p>
                </div>
                <h4 class="card-title text-info text-center my-3" style="border-top: 1px solid; padding: 5px 0px; border-bottom: 1px solid;">Due for the Month of</h4>
                <div class="position-relative advance_payment">
                </div>
              </div>
            </div>
          </div>
        @endcan
      </div>

      <div class="row">
        @can('dashboard_wrong_payment')
          <div class="col-md-2">
            <div class="item">
              <div class="card bg-danger">
                <div class="card-body">
                  <div class="text-center">
                    <img src="{{asset('assets/modernize/images/svgs/icon-paypal.svg')}}" width="50" height="50" class="mb-3" alt="" />
                    <p class="fw-semibold fs-3 text-dark mb-1"> Wrong </br> Payments </p>
                    <h6 id="wrong_payment" class="card-title fs-18 font-weight-bold">
                      0
                    </h6>
                  </div>
                </div>
              </div>
            </div>
          </div>
        @endcan
      </div>

      <div class="row">
        @can('student_due_payment.list')
          <div class="col-md-2">
            <div class="item">
              <div class="card bg-danger">
                <div class="card-body">
                  <div class="text-center">
                    <img src="{{asset('assets/modernize/images/svgs/icon-paypal.svg')}}" width="50" height="50" class="mb-3" alt="" />
                    <p class="fw-semibold fs-3 text-dark mb-1"> Due </br> Payments </p>
                    <h6 id="no_due_payments" class="card-title fs-18 font-weight-bold">
                      <a href="/show-due-payment-students" id="due_payments" class="text-dark"></a>
                    </h6>
                  </div>
                </div>
              </div>
            </div>
          </div>
        @endcan

        @can('dashboard_month_due')
          <div class="col-md-2">
            <div class="item">
              <div class="card bg-secondary">
                <div class="card-body">
                  <div class="text-center">
                    <img src="{{asset('assets/modernize/images/svgs/icon-paypal.svg')}}" width="50" height="50" class="mb-3" alt="" />
                    <p class="fw-semibold fs-3 text-dark mb-1"> 1 Month </br> Due </p>
                    <h6 id="one_month_due" class="card-title fs-18 font-weight-bold">
                      0
                    </h6>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <div class="col-md-2">
            <div class="item">
              <div class="card bg-primary">
                <div class="card-body">
                  <div class="text-center">
                    <img src="{{asset('assets/modernize/images/svgs/icon-paypal.svg')}}" width="50" height="50" class="mb-3" alt="" />
                    <p class="fw-semibold fs-3 text-dark mb-1"> 2 Month </br> Due </p>
                    <h6 id="two_month_due" class="card-title fs-18 font-weight-bold">
                      0
                    </h6>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <div class="col-md-2">
            <div class="item">
              <div class="card bg-warning">
                <div class="card-body">
                  <div class="text-center">
                    <img src="{{asset('assets/modernize/images/svgs/icon-paypal.svg')}}" width="50" height="50" class="mb-3" alt="" />
                    <p class="fw-semibold fs-3 text-dark mb-1"> 3+ Month </br> Due </p>
                    <h6 id="three_plus_month_due" class="card-title fs-18 font-weight-bold">
                      0
                    </h6>
                  </div>
                </div>
              </div>
            </div>
          </div>
        @endcan

        @can('dashboard_wrong_due')
          <div class="col-md-2">
            <div class="item">
              <div class="card bg-danger">
                <div class="card-body">
                  <div class="text-center">
                    <img src="{{asset('assets/modernize/images/svgs/icon-paypal.svg')}}" width="50" height="50" class="mb-3" alt="" />
                    <p class="fw-semibold fs-3 text-dark mb-1"> Wrong </br> Due </p>
                    <h6 id="wrong_due" class="card-title fs-18 font-weight-bold">
                      0
                    </h6>
                  </div>
                </div>
              </div>
            </div>
          </div>
        @endcan

      </div>

      <div class="row">
        @can('current_last_month_revenue')
          <div class="col-md-2">
            <div class="item">
              <div class="card bg-secondary">
                <div class="card-body">
                  <div class="text-center">
                    <img src="{{asset('assets/modernize/images/svgs/icon-paypal.svg')}}" width="50" height="50" class="mb-3" alt="" />
                    <p class="fw-semibold fs-3 text-dark mb-1"> {{ $currentMonth }} </br> Revenue </p>
                    <h6 id="" class="card-title fs-18 font-weight-bold">
                      <a href="/payment-history" id="currentMonthRevenue" class="text-dark">0</a>
                    </h6>
                  </div>
                </div>
              </div>
            </div>
          </div>
          
          <div class="col-md-2">
            <div class="item">
              <div class="card bg-primary">
                <div class="card-body">
                  <div class="text-center">
                    <img src="{{asset('assets/modernize/images/svgs/icon-paypal.svg')}}" width="50" height="50" class="mb-3" alt="" />
                    <p class="fw-semibold fs-3 text-dark mb-1"> {{ $lastMonth  }} </br> Revenue </p>
                    <h6 id="" class="card-title fs-18 font-weight-bold">
                      <a href="/payment-history" id="lastMonthRevenue" class="text-dark">0</a>
                    </h6>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <div class="col-md-2">
            <div class="item">
              <div class="card bg-warning">
                <div class="card-body">
                  <div class="text-center">
                    <img src="{{asset('assets/modernize/images/svgs/icon-paypal.svg')}}" width="50" height="50" class="mb-3" alt="" />
                    <p class="fw-semibold fs-3 text-dark mb-1"> {{ $monthBeforeLast }} </br> Revenue </p>
                    <h6 id="" class="card-title fs-18 font-weight-bold">
                      <a href="/payment-history" id="beforeLastMonthRevenue" class="text-dark">0</a>
                    </h6>
                  </div>
                </div>
              </div>
            </div>
          </div>

        @endcan
      </div>
    </div>

  <x-slot name="script">

    <script src="{{asset('assets/js/dashboards/admin-2.4.6.js')}}"></script>

    <script>
      @can('dashboard_student_not_assigned')
        $.ajax({
          type: "GET",
          url: "{{ route('get.students.not.assigned.count') }}",
          success: function(res) {
            if (res <= 0) {
              return false;
            }
            $('#student_not_assigned').html(
                studentHref("{{ route('students.index', ['filter' => 'student_not_assigned']) }}", res)
            );
          }
        });
      @endcan

      @can('dashboard_prospect_student')
        $.ajax({
          type: "GET",
          url: "{{ route('get.prospect.students.count') }}",
          success: function(res) {
            if (res <= 0) {
              return false;
            }
            $('#prospect_student').html(
                studentHref("{{ route('students.index', ['filter' => 'prospect_student']) }}", res)
            );
          }
        });
      @endcan

      @can('dashboard_new_admission_student')
        $.ajax({
          type: "GET",
          url: "{{ route('get.new.admission.student.count') }}",
          success: function(res) {
            if (res <= 0) {
              return false;
            }
            $('#new_admission_student').html(
              `<a href="{{ route('student.new.admission.index') }}" class="text-dark">${res}</a>`
            );
          }
        });
      @endcan

      @can('dashboard_student_by_class_type')
        $.ajax({
          type: "GET",
          url: "{{ route('get.student.count.by.class.type', ['class_type' => DaClass::CLASS_TYPE_CSR]) }}",
          success: function(res) {
            if (res <= 0) {
              return false;
            }
            $('#csr_student').html(
                studentHref("{{ route('students.index', ['filter' => 'student_by_class_type', 'class_type' => DaClass::CLASS_TYPE_CSR]) }}", res)
            );
          }
        });

        $.ajax({
          type: "GET",
          url: "{{ route('get.student.count.by.class.type', ['class_type' => DaClass::CLASS_TYPE_GROUP]) }}",
          success: function(res) {
            if (res <= 0) {
              return false;
            }
            $('#group_student').html(
                studentHref("{{ route('students.index', ['filter' => 'student_by_class_type', 'class_type' => DaClass::CLASS_TYPE_GROUP]) }}", res)
            );
          }
        });

        $.ajax({
          type: "GET",
          url: "{{ route('get.student.count.by.class.type', ['class_type' => DaClass::CLASS_TYPE_ONE_TO_ONE]) }}",
          success: function(res) {
            if (res <= 0) {
              return false;
            }
            $('#one_to_one_student').html(
                studentHref("{{ route('students.index', ['filter' => 'student_by_class_type', 'class_type' => DaClass::CLASS_TYPE_ONE_TO_ONE]) }}", res)
            );
          }
        });
      @endcan

      @can('dashboard_level_announcement')
        $.ajax({
          type: "GET",
          url: "{{ route('get.level.announced.count') }}",
          success: function (res) {
            if (res <= 0) {
              return false;
            }
            $('#level_announcement').html(
              `<a @can('level_completion_list') href="{{ route('level.completion.index', ['status' => LevelCompletion::STATUS_ANNOUNCED]) }}" @endcan class="text-dark">${ res }</a>`
            );
          }
        });
      @endcan

      @can('dashboard_received_payment')
        $.ajax({
          type: "GET",
          url: "{{ route('get.received.payment.count') }}",
          success: function(res) {
            if (res <= 0) {
              return false;
            }
            let totalPayment = 0;
            let date = new Date();
            let month = date.toLocaleString('default', { month: 'long' });
            $.each(res, function(key, value) {
              totalPayment += value.payments_count;
              let forMonth = JSON.parse(value.for_month);
              $('.received_payment').append(`
                <div class="d-flex align-items-center justify-content-between mb-4">
                  <div class="d-flex align-items-center">
                    <div class="p-8 bg-primary-subtle rounded-1 d-flex align-items-center justify-content-center me-6">
                      <img src="{{ asset('assets/modernize/images/svgs/icon-dd-date.svg') }}" alt="modernize-img" class="img-fluid" width="24" height="24">
                    </div>
                    <h6 class="mb-1 fs-4 fw-semibold ${ forMonth == month ? 'text-danger' : ''}">${ forMonth }</h6>
                  </div>
                  <h6 class="mb-0">
                    ${ studentHref("{{ route('students.index', ['filter' => 'received_payment', 'received_month' => '__month__']) }}".replace('__month__', forMonth), value.payments_count) }
                  </h6>
                </div>
              `);
            });
            $('.total_received_payment').html(totalPayment);
          }
        });

        $.ajax({
          type: "GET",
          url: "{{ route('get.advance.payment.count') }}",
          success: function(res) {
            if (res <= 0) {
              return false;
            }
            let totalPayment = 0;
            $.each(res, function(key, value) {
              totalPayment += value.students_count;
              $('.advance_payment').append(`
                <div class="d-flex align-items-center justify-content-between mb-4">
                  <div class="d-flex align-items-center">
                    <div class="p-8 bg-primary-subtle rounded-1 d-flex align-items-center justify-content-center me-6">
                      <img src="{{ asset('assets/modernize/images/svgs/icon-dd-date.svg') }}" alt="modernize-img" class="img-fluid" width="24" height="24">
                    </div>
                    <h6 class="mb-1 fs-4 fw-semibold">${ value.due_for_months }</h6>
                  </div>
                  <h6 class="mb-0">
                    ${ studentHref("{{ route('students.index', ['filter' => 'advance_payment', 'due_for_months' => '__due_for_months__']) }}".replace('__due_for_months__', value.due_for_months == '' ? 'empty' : value.due_for_months), value.students_count) }
                  </h6>
                </div>
              `);
            });
            $('.total_advance_payment').html(totalPayment);
          }
        });
      @endcan

      @can('dashboard_wrong_payment')
        $.ajax({
          type: "GET",
          url: "{{ route('get.wrong.payment.count') }}",
          success: function(res) {
            if (res <= 0) {
              return false;
            }
            $('#wrong_payment').html(
                studentHref("{{ route('students.index', ['filter' => 'wrong_payment']) }}", res)
            );
          }
        });
      @endcan

      @can('dashboard_month_due')
        $.ajax({
          type: "GET",
          url: "{{ route('get.month.due.count', ['month' => encrypt(1)]) }}",
          success: function(res) {
            if (res <= 0) {
              return false;
            }
            $('#one_month_due').html(
                studentHref("{{ route('students.index', ['filter' => 'month_due', 'month' => 1]) }}", res)
            );
          }
        });

        $.ajax({
          type: "GET",
          url: "{{ route('get.month.due.count', ['month' => encrypt(2)]) }}",
          success: function(res) {
            if (res <= 0) {
              return false;
            }
            $('#two_month_due').html(
                studentHref("{{ route('students.index', ['filter' => 'month_due', 'month' => 2]) }}", res)
            );
          }
        });

        $.ajax({
          type: "GET",
          url: "{{ route('get.month.due.count', ['month' => encrypt(3)]) }}",
          success: function(res) {
            if (res <= 0) {
              return false;
            }
            $('#three_plus_month_due').html(
                studentHref("{{ route('students.index', ['filter' => 'month_due', 'month' => 3]) }}", res)
            );
          }
        });
      @endcan

      @can('dashboard_wrong_due')
        $.ajax({
          type: "GET",
          url: "{{ route('get.wrong.due.count') }}",
          success: function(res) {
            if (res <= 0) {
              return false;
            }
            $('#wrong_due').html(
                studentHref("{{ route('students.index', ['filter' => 'wrong_due']) }}", res)
            );
          }
        });
      @endcan

      @can('current_last_month_revenue')
      // current-month-revenue-count
          $.ajax({
              type: "GET",
              url: "/current-month-revenue-count",
              success: function(response) {
                  if (response > 0) {
                    var currentMonthRevenue = (parseFloat(response));
                    $('#currentMonthRevenue').text("৳ "+currentMonthRevenue);
                  } else {
                      $("#currentMonthRevenue").hide();
                  }
              },
              error: function(data) {
                  console.log('fail');
              }
          });
          // last-month-revenue-count
          $.ajax({
              type: "GET",
              url: "/last-month-revenue-count",
              success: function(response) {
                var lastMonthRevenue = (parseFloat(response));
                  if (response > 0) {
                      $('#lastMonthRevenue').text("৳ "+lastMonthRevenue);
                  } else {
                      $("#lastMonthRevenue").hide();
                  }
              },
              error: function(data) {
                  console.log('fail');
              }
          });
          // last-month-revenue-count
          $.ajax({
              type: "GET",
              url: "/before-last-month-revenue-count",
              success: function(response) {
                var lastMonthRevenue = (parseFloat(response));
                  if (response > 0) {
                      $('#beforeLastMonthRevenue').text("৳ "+lastMonthRevenue);
                  } else {
                      $("#beforeLastMonthRevenue").hide();
                  }
              },
              error: function(data) {
                  console.log('fail');
              }
          });
      @endcan

      function studentHref(url, data) {
        return `<a @can('admitted_student.list') href="${url}" @endcan class="text-dark">${data}</a>`
      }
    </script>
  </x-slot>
</x-dashboard.admin-layout>