@extends('layouts.AdminLayout') 
@section('content')
<style>
  .card-body {
    height: 110px;
  }
</style>
<div class="content-wrapper">
  <div class="container-xxl flex-grow-1 container-p-y">
    <div class="d-flex justify-content-between">
      <div class="heading">
        <h4 class="m-0">ERNET Dashboard</h4>
      </div>
      <div class="date">
        <div id="current_date">{{date('d/m/Y')}}
          <div>Welcome {{Auth::guard('admin')->user()->username}}</div>
          </p>
        
        </div>
      </div>
    </div>
    <hr>

    @if(Auth::guard('admin')->user()->role==1)
    <div class="row">

      <div class="col-12 col-md-6 col-lg-4 mb-4">
        <div class="">
          <a href="{{url('/ernetdash/admin-find-users-details?domainStatus=2&domaintext=Incomplete Application')}}">
            <div class="card-body" style="background: #FCA383;box-shadow: 2px 2px 10px 2px #1E617A;border-radius: 12px;">
              <div class="gap-3" style="float:left">
                <div class="card-title">
                  <h5 class="text-nowrap mb-2 text-left" style="color:#fff">Incomplete Applications</h5>
                </div>
                <div class="mt-sm-auto">
                  <h3 class="mb-0 text-left" style=" font-size: 25px;color: #fff;font-weight: 700;" id="incompleteApplicationCount"></h3>
                </div>
              </div>
              <div class="" style="float:right">
                <img src="../front/assets/img/incomplete-app.png">
              </div>
            </div>
          </a>
        </div>
      </div>

      <div class="col-12 col-md-6 col-lg-4 mb-4">
        <div class="">
          <a href="{{url('/ernetdash/admin-find-users-details?domainStatus=5&domaintext=Pending Creations')}}">
            <div class="card-body" style="background: #EF4000;box-shadow: 2px 2px 10px 2px #1E617A;border-radius: 12px;">
              <div class="gap-3" style="float:left">
                <div class="card-title">
                  <h5 class="text-nowrap mb-2 text-left" style="color:#fff">Pending Domain Creations</h5>
                </div>
                <div class="mt-sm-auto">
                  <h3 class="mb-0 text-left" style=" font-size: 25px;color: #fff;font-weight: 700;" id="pendingApplicationCount"></h3>
                </div>
              </div>
              <div class="" style="float:right">
                <img src="../front/assets/img/pending_domain_creation.png">
              </div>
            </div>
          </a>
        </div>
      </div>

      <div class="col-12 col-md-6 col-lg-4 mb-4">
        <a href="{{url('ernetdash/admin-find-users-details-rejected-doc?domaintext=Rejected')}}">
          <div class="">
            <div class="card-body" style="background: #900310;box-shadow: 2px 2px 10px 2px #1E617A;border-radius: 12px;">
              <div class="gap-3" style="float:left">
                <div class="card-title">
                  <h5 class="text-nowrap mb-2 text-left" style="color:#fff">Rejected Documents Applications</h5>
                </div>
                <div class="mt-sm-auto">
                  <h3 class="mb-0 text-left" style=" font-size: 25px;color: #fff;font-weight: 700;" id="rejectedDocsCount"></h3>
                </div>
              </div>
              <div class="" style="float:right">
                <img src="../front/assets/img/Rejected_Documents_Applications.png">
              </div>
            </div>
          </div>
        </a>
      </div>

      <div class="col-12 col-md-6 col-lg-4 mb-4">
        <a href="{{url('ernetdash/admin-find-users-details?domainStatus=10&domaintext=Renewal Domain Application')}}">
          <div class="card ">
            <div class="card-body" style="background: #F9A904;box-shadow: 2px 2px 10px 2px #1E617A;border-radius: 12px;">
              <div class="gap-3" style="float:left">
                <div class="card-title">
                  <h5 class="text-nowrap mb-2 text-left" style="color:#fff">Renewal Domain Service</h5>
                </div>
                <div class="mt-sm-auto">
                  <h3 class="mb-0 text-left" style=" font-size: 25px;color: #fff;font-weight: 700;" id="renewalApplicationCount"></h3>
                </div>
              </div>
              <div class="" style="float:right">
                <img src="../front/assets/img/Renewal_Domain _Applications.png">
              </div>
            </div>
          </div>
        </a>
      </div>

      <div class="col-12 col-md-6 col-lg-4 mb-4">
        <a href="{{url('ernetdash/admin-find-users-details?domainStatus=7&domaintext=Hold Domains')}}">
          <div class="">
            <div class="card-body" style="background: #CC338B;box-shadow: 2px 2px 10px 2px #1E617A;border-radius: 12px;">
              <div class="gap-3" style="float:left">
                <div class="card-title">
                  <h5 class="text-nowrap mb-2 text-left" style="color:#fff">Hold Domains</h5>
                </div>
                <div class="mt-sm-auto">
                  <h3 class="mb-0 text-left" style=" font-size: 25px;color: #fff;font-weight: 700;" id="holdApplicationCount"></h3>
                </div>
              </div>
              <div class="" style="float:right">
                <img src="../front/assets/img/Hold_Domain.png">
              </div>
            </div>
          </div>
        </a>
      </div>

      <div class="col-12 col-md-6 col-lg-4 mb-4">
        <a href="{{url('ernetdash/admin-find-users-details?domainStatus=8&domaintext=Pending Restorable Domains')}}">
          <div class="card ">
            <div class="card-body" style="background: #AF7C74;box-shadow: 2px 2px 10px 2px #1E617A;border-radius: 12px;">
              <div class="gap-3" style="float:left">
                <div class="card-title">
                  <h5 class="mb-2 text-left" style="color:#fff">Pending Restorable Domains</h5>
                </div>
                <div class="mt-sm-auto">
                  <h3 class="mb-0 text-left" style=" font-size: 25px;color: #fff;font-weight: 700;" id="expiredApplicationCount"></h3>
                </div>
              </div>
              <div class="" style="float:right">
                <img src="../front/assets/img/Pending_Restorable_Domain.png">
              </div>
            </div>
          </div>
        </a>
      </div>

      <div class="col-12 col-md-6 col-lg-4 mb-4">
        <a href="{{url('ernetdash/admin-find-users-details-cooling-period?domaintext=Cooling Period')}}">
          <div class="">
            <div class="card-body" style="background: #5531BB;box-shadow: 2px 2px 10px 2px #1E617A;border-radius: 12px;">
              <div class="gap-3" style="float:left">
                <div class="card-title">
                  <h5 class="text-nowrap mb-2 text-left" style="color:#fff">Cooling Period</h5>
                </div>
                <div class="mt-sm-auto">
                  <h3 class="mb-0 text-left" style=" font-size: 25px;color: #fff;font-weight: 700;" id="coolingperiodCount"></h3>
                </div>
              </div>
              <div class="" style="float:right">
                <img src="../front/assets/img/Cooling_Period.png">
              </div>
            </div>
          </div>
        </a>
      </div>

      <div class="col-12 col-md-6 col-lg-4 mb-4">
        <a href="{{url('ernetdash/admin-find-users-details?domainStatus=6&domainLangID=2&domaintext=Active Domain')}}">
          <div class="">
            <div class="card-body" style="background: #4C9A2A;box-shadow: 2px 2px 10px 2px #1E617A;border-radius: 12px;">
              <div class="gap-3" style="float:left">
                <div class="card-title">
                  <h5 class="text-nowrap mb-2 text-left" style="color:#fff">Active Domain - English</h5>
                </div>
                <div class="mt-sm-auto">
                  <h3 class="mb-0 text-left" style=" font-size: 25px;color: #fff;font-weight: 700;" id="activeApplicationCount"></h3>
                </div>
              </div>
              <div class="" style="float:right">
                <img src="../front/assets/img/Active_Domain_English.png">
              </div>
            </div>
          </div>
        </a>
      </div>

      <div class="col-12 col-md-6 col-lg-4 mb-4">
        <a href="{{url('ernetdash/reports/nodnsrecord')}}">
        <div class="">
        <div class="card-body" style="background: #EF4000;box-shadow: 2px 2px 10px 2px #1E617A;border-radius: 12px;">
       
          <div class="gap-3" style="float:left">
          <div class="card-title">
            <h5 class="text-nowrap mb-2 text-left" style="color:#fff">Domains with Other Name Server</h5>
          </div>
          <div class="mt-sm-auto">
            <h3 class="mb-0 text-left" style=" font-size: 25px;color: #fff;font-weight: 700;" id="thirdparty"></h3>
          </div>
          </div>
          
          <div class="" style="float:right">
          <img src="../front/assets/img/Active_Domain_English.png">
          </div>

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

      <div class="col-12 col-md-6 col-lg-4 mb-4">
        <a href="{{url('ernetdash/admin-find-users-details?domainStatus=6&domainLangID=3&domaintext=Active Domain')}}">
          <div class="">
            <div class="card-body" style="background: #4DC637;box-shadow: 2px 2px 10px 2px #1E617A;border-radius: 12px;">
              <div class="gap-3" style="float:left">
                <div class="card-title">
                  <h5 class="text-nowrap mb-2 text-left" style="color:#fff">Active Domains - Hindi</h5>
                </div>
                <div class="mt-sm-auto">
                  <h3 class="mb-0 text-left" style=" font-size: 25px;color: #fff;font-weight: 700;" id="hindiactiveApplicationCount"></h3>
                </div>
              </div>
              <div class="" style="float:right">
                <img src="../front/assets/img/Active_Domain_Hindi.png">
              </div>
            </div>
          </div>
        </a>
      </div>

      <!-- <div class="col-12 col-md-6 col-lg-4 mb-4">
        <a href="{{url('/ernetdash/admin-find-users-details?domainStatus=6&domaintext=No Zone Record')}}">
          <div class="">
            <div class="card-body" style="background: #4DC637;box-shadow: 2px 2px 10px 2px #1E617A;border-radius: 12px;">
              <div class="gap-3" style="float:left">
                <div class="card-title">
                  <h5 class="text-nowrap mb-2 text-left" style="color:#fff">Pending ERNET DNS Records</h5>
                </div>
                <div class="mt-sm-auto">
                  <h3 class="mb-0 text-left" style=" font-size: 25px;color: #fff;font-weight: 700;" id="zonenotcreatedcount"></h3>
                </div>
              </div>
              <div class="" style="float:right">
                <img src="../front/assets/img/Pending_Restorable_Domain.png">
              </div>
            </div>
          </div>
        </a>
      </div> -->

      <div class="col-12 col-md-6 col-lg-4 mb-4">
        <a href="{{url('/ernetdash/admin-find-users-details?domainStatus=6&domaintext=Active ERNET DNS')}}">
          <div class="">
            <div class="card-body" style="background: #4DC637;box-shadow: 2px 2px 10px 2px #1E617A;border-radius: 12px;">
              <div class="gap-3" style="float:left">
                <div class="card-title">
                  <h5 class="text-nowrap mb-2 text-left" style="color:#fff">Active ERNET DNS</h5>
                </div>
                <div class="mt-sm-auto">
                  <h3 class="mb-0 text-left" style=" font-size: 25px;color: #fff;font-weight: 700;" id="activeernetdns"></h3>
                </div>
              </div>
              <div class="" style="float:right">
                <img src="../front/assets/img/incomplete-app.png">
              </div>
            </div>
          </div>
        </a>
      </div>

      <div class="col-12 col-md-6 col-lg-4 mb-4">
        <a href="{{url('/ernetdash/bulkorgdetails')}}">
          <div class="">
            <div class="card-body" style="background: #EF4000;box-shadow: 2px 2px 10px 2px #1E617A;border-radius: 12px;">
              <div class="gap-3" style="float:left">
                <div class="card-title">
                  <h5 class="text-nowrap mb-2 text-left" style="color:#fff">Bulk Domain Registration</h5>
                </div>
                <div class="mt-sm-auto">
                  <h3 class="mb-0 text-left" style=" font-size: 25px;color: #fff;font-weight: 700;" id="bulkreg"></h3>
                </div>
              </div>
              <div class="" style="float:right">
                <img src="../front/assets/img/incomplete-app.png">
              </div>
            </div>
          </div>
        </a>
      </div>

      <div class="col-12 col-md-6 col-lg-4 mb-4">
        <a href="{{url('/ernetdash/bulkdomainRenewal')}}">
          <div class="">
            <div class="card-body" style="background:blue;box-shadow: 2px 2px 10px 2px #1E617A;border-radius: 12px;">
              <div class="gap-3" style="float:left">
                <div class="card-title">
                  <h5 class="text-nowrap mb-2 text-left" style="color:#fff">Bulk Domain Renewal</h5>
                </div>
                <div class="mt-sm-auto">
                  <h3 class="mb-0 text-left" style=" font-size: 25px;color: #fff;font-weight: 700;" id="bulkrenewal"></h3>
                </div>
              </div>
              <div class="" style="float:right">
                <img src="../front/assets/img/incomplete-app.png">
              </div>
            </div>
          </div>
        </a>
      </div>

      <div class="col-12 col-md-6 col-lg-4 mb-4">
        <a href="{{url('/ernetdash/servicereport?status=1&pagetext=WaaS Template Created')}}">
          <div class="">
            <div class="card-body" style="background: #EF4000;box-shadow: 2px 2px 10px 2px #1E617A;border-radius: 12px;">
              <div class="gap-3" style="float:left">
                <div class="card-title">
                  <h5 class="text-nowrap mb-2 text-left" style="color:#fff">WaaS Template Created</h5>
                </div>
                <div class="mt-sm-auto">
                  <h3 class="mb-0 text-left" style=" font-size: 25px;color: #fff;font-weight: 700;" id="waaspending"></h3>
                </div>
              </div>
              <div class="" style="float:right">
                <img src="../front/assets/img/incomplete-app.png">
              </div>
            </div>
          </div>
        </a>
      </div>

      <div class="col-12 col-md-6 col-lg-4 mb-4">
        <a href="#">
          <div class="">
            <div class="card-body" style="background: #F9A904;box-shadow: 2px 2px 10px 2px #1E617A;border-radius: 12px;">
              <div class="gap-3" style="float:left">
                <div class="card-title">
                  <h5 class="text-nowrap mb-2 text-left" style="color:#fff">WaaS  SSL Pending</h5>
                </div>
                <div class="mt-sm-auto">
                  <h3 class="mb-0 text-left" style=" font-size: 25px;color: #fff;font-weight: 700;">0</h3>
                </div>
              </div>
              <div class="" style="float:right">
                <img src="../front/assets/img/incomplete-app.png">
              </div>
            </div>
          </div>
        </a>
      </div>

      <div class="col-12 col-md-6 col-lg-4 mb-4">
        <a href="{{url('/ernetdash/servicereport?status=2&pagetext=WaaS Published')}}">
          <div class="">
            <div class="card-body" style="background: #4DC637;box-shadow: 2px 2px 10px 2px #1E617A;border-radius: 12px;">
              <div class="gap-3" style="float:left">
                <div class="card-title">
                  <h5 class="text-nowrap mb-2 text-left" style="color:#fff">WaaS Published</h5>
                </div>
                <div class="mt-sm-auto">
                  <h3 class="mb-0 text-left" style=" font-size: 25px;color: #fff;font-weight: 700;" id="waaspublished"></h3>
                </div>
              </div>
              <div class="" style="float:right">
                <img src="../front/assets/img/incomplete-app.png">
              </div>
            </div>
          </div>
        </a>
      </div>

      <div class="col-12 col-md-6 col-lg-4 mb-4">
        <a href="{{url('/ernetdash/servicereport?status=3&pagetext=L-MaaS Template Created')}}">
          <div class="">
            <div class="card-body" style="background: #CC338B;box-shadow: 2px 2px 10px 2px #1E617A;border-radius: 12px;">
              <div class="gap-3" style="float:left">
                <div class="card-title">
                  <h5 class="text-nowrap mb-2 text-left" style="color:#fff">L-MaaS Template Created</h5>
                </div>
                <div class="mt-sm-auto">
                  <h3 class="mb-0 text-left" style=" font-size: 25px;color: #fff;font-weight: 700;" id="lmaaspending"></h3>
                </div>
              </div>
              <div class="" style="float:right">
                <img src="../front/assets/img/incomplete-app.png">
              </div>
            </div>
          </div>
        </a>
      </div>

      <div class="col-12 col-md-6 col-lg-4 mb-4">
        <a href="#">
          <div class="">
            <div class="card-body" style="background: #F9A904;box-shadow: 2px 2px 10px 2px #1E617A;border-radius: 12px;">
              <div class="gap-3" style="float:left">
                <div class="card-title">
                  <h5 class="text-nowrap mb-2 text-left" style="color:#fff">L-MaaS  SSL Pending</h5>
                </div>
                <div class="mt-sm-auto">
                  <h3 class="mb-0 text-left" style=" font-size: 25px;color: #fff;font-weight: 700;">0</h3>
                </div>
              </div>
              <div class="" style="float:right">
                <img src="../front/assets/img/incomplete-app.png">
              </div>
            </div>
          </div>
        </a>
      </div>

      <div class="col-12 col-md-6 col-lg-4 mb-4">
        <a href="{{url('/ernetdash/servicereport?status=4&pagetext=L-MaaS Published')}}">
          <div class="">
            <div class="card-body" style="background: #4DC637;box-shadow: 2px 2px 10px 2px #1E617A;border-radius: 12px;">
              <div class="gap-3" style="float:left">
                <div class="card-title">
                  <h5 class="text-nowrap mb-2 text-left" style="color:#fff">L-MaaS Published</h5>
                </div>
                <div class="mt-sm-auto">
                  <h3 class="mb-0 text-left" style=" font-size: 25px;color: #fff;font-weight: 700;" id="lmaaspublished"></h3>
                </div>
              </div>
              <div class="" style="float:right">
                <img src="../front/assets/img/incomplete-app.png">
              </div>
            </div>
          </div>
        </a>
      </div>

    </div>
    @endif

  </div>
</div>
 @endsection @section("js") 
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

 <script>
    $(document).ready(function(){
        function loadCounter() {
            $.ajax({
                url: '{{ route("admin.getDashboardData") }}',
                type: 'GET',
                success: function(response) {
        
                    $('#incompleteApplicationCount').text(response.data['incompleteApplicationCount']);
                    $('#activeApplicationCount').text(response.data['activeApplicationCount']);
                    $('#pendingApplicationCount').text(response.data['pendingApplicationCount']);
                    $('#expiredApplicationCount').text(response.data['expiredApplicationCount']);
                    $('#holdApplicationCount').text(response.data['holdApplicationCount']);
                    $('#renewalApplicationCount').text(response.data['renewalApplicationCount']);
                    $('#rejectedDocsCount').text(response.data['rejectedDocsCount']);
                    $('#hardcopy').text(response.data['hardcopy']);

                    $('#coolingperiodCount').text(response.data['coolingperiodCount']);
                    $('#hindiactiveApplicationCount').text(response.data['hindiactiveApplicationCount']);
                    $('#waaspublished').text(response.data['waaspublished']);
                    $('#waaspending').text(response.data['waaspending']);
                    $('#lmaaspublished').text(response.data['lmaaspublished']);
                    $('#lmaaspending').text(response.data['lmaaspending']);

                    $('#zonenotcreatedcount').text(response.data['zonenotcreatedcount']);
                    $('#activeernetdns').text(response.data['activeernetdns']);
                    $('#thirdparty').text(response.data['thirdparty']);
                    $('#bulkreg').text(response.data['bulkdomainRegistration']);
                    $('#bulkrenewal').text(response.data['bulkdomainRenewal']);
                },
                error: function(xhr, status, error) {
                  console.error("Error loading counter: " + error);
                }
            });
        }

        loadCounter();

    });
    </script>

 @endsection