@extends('layout.adminapp')
@section('page-css')
  {{-- <link rel="stylesheet" href="https://cdn.datatables.net/1.10.25/css/dataTables.bootstrap4.min.css"> --}}
    {{-- <link href="{{ asset('css0/buttons.bootstrap.min.css') }}" rel="stylesheet">
      <link href="{{ asset('css0/buttons.dataTables.min.css') }}" rel="stylesheet"> --}}
      <link rel="stylesheet" href="{!! asset('css/hover-min.css') !!}">
      <link rel="stylesheet" href="{!! asset('css/dataTables.bootstrap.min.css') !!}" type="text/css">
    <link rel="stylesheet" href="{!! asset('css/dataTables.bootstrap4.css') !!}" type="text/css">
      <link rel="stylesheet" href="https://cdn.datatables.net/buttons/1.6.2/css/buttons.dataTables.min.css"/>

      {{-- <link rel="stylesheet" href="https://cdn.datatables.net/buttons/1.0.3/css/buttons.dataTables.min.css"> --}}
@endsection
@section('page-content')

      <section class="content">

        <div class="content-inner content-docs">
  <div class="card">
    <div class="card-body">
      <div class="row mt-2 mb-4 d-flex justify-content-center">
<div class="col-lg hvr-float">
<a href="{!! route('admin.grant.app') !!}">
<div class="card bg-tertiary">
<div class="card-body text-center">
  <h5 class="text-white">Total <br> Applications</h5>
  <h3 class="text-center text-white">{{ $totalapp }}</h3>
</div>
</div></a>



</div>
{{-- <div class="col-lg hvr-float">
<a href="{!! route('admin.started.app') !!}">
<div class="card bg-primary">
<div class="card-body text-center">
  <h5 class="text-white">Total Applications Started</h5>
  <h3 class="text-center text-white">{{ $totalstart }}</h3>
</div>
</div>
</a>

</div> --}}

<div class="col-lg hvr-float">
<a href="{!! route('credit.under_review') !!}">
<div class="card bg-danger">
<div class="card-body text-center">
  <h5 class="text-white">Applications Under Assessment</h5>
  <h3 class="text-center text-white">{{ $totalrev }}</h3>
</div>
</div></a>



</div>

<div class="col-lg hvr-float">
<a href="{!! route('credit.underinterview') !!}">
<div class="card" style="background:#ffcb05;">
<div class="card-body text-center">
  <h5 class="text-white">Interview <br> Stage</h5>
  <h3 class="text-center text-white">{{ $intercount }}</h3>
</div>
</div>
</a>
</div>
<div class="col-lg hvr-float">
<a href="{!! route('admin.reviewed.app') !!}">
<div class="card bg-success">
<div class="card-body text-center">
  <h5 class="text-white">Completed <br> Review</h5>
  <h3 class="text-center text-white">{{ $totalrevi }}</h3>
</div>
</div>
</a>

</div>

</div>
<div class="row">
<div class="col-lg-4 mx-auto">
  @include('layout.alert')
</div>
</div>
<div class="table-responsive">
  {{$dataTable->table(['class' => 'table table-bordered table-striped table-centered table-hover w-100 dt-responsive wrap mb-0',])}}

</div>    </div>
  </div>
</div>
@endsection

@section('page-js')

  {{-- <script src="https://cdn.datatables.net/1.10.25/js/jquery.dataTables.min.js" charset="utf-8"></script>
    <script src="https://cdn.datatables.net/1.10.25/js/dataTables.bootstrap4.min.js" charset="utf-8"></script>--}}
      {{-- <script src="{{ asset('js0/dataTables.buttons.min.js') }}"></script> --}}
  {{-- <script src="{{ asset('js0/buttons.print.min.js') }}"></script> --}}
  {{-- <script src="{{ asset('js0/buttons.bootstrap.min.js') }}"></script> --}}
  {{-- <script src="{{ asset('js0/buttons.buttons.server-side.js') }}"></script> --}}
  {{-- <script src="https://cdn.datatables.net/buttons/1.0.3/js/dataTables.buttons.min.js"></script> --}}
  {{-- <script src="/vendor/datatables/buttons.server-side.js"></script> --}}
  <script src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
    <script src="https://cdn.datatables.net/1.10.19/js/dataTables.bootstrap4.min.js"></script>
    <script src="{!! asset('vendor/datatables/buttons.server-side.js') !!}"></script>
    <script src="{!! asset('js/dataTables.buttons.min.js') !!}"></script>
    <script src="{!! asset('js/buttons.server-side.js') !!}"></script>
      {{$dataTable->scripts()}}
@endsection