@extends('layouts.TF')

@section('content')
<div class="row">
    <div class="col-sm-12">
        <div class="home-tab">
            {{-- <div class="d-sm-flex align-items-center justify-content-between border-bottom">
      
      <div>
        <div class="btn-wrapper">
          <a href="#" class="btn btn-otline-dark align-items-center"><i class="icon-share"></i> Share</a>
          <a href="#" class="btn btn-otline-dark"><i class="icon-printer"></i> Print</a>
          <a href="#" class="btn btn-primary text-white me-0"><i class="icon-download"></i> Export</a>
        </div>
      </div>
    </div> --}}
            <div class="tab-content tab-content-basic">
                <div class="tab-pane fade show active" id="overview" role="tabpanel" aria-labelledby="overview">
                    <div class="row">
                        <div class="col-md-6 col-lg-4 grid-margin stretch-card">
                            <div class="card bg-primary card-rounded">
                                <div class="card-body pb-0">
                                    <h4 class="card-title card-title-dash text-white mb-4">Jumlah Penelitian Dosen</h4>
                                    <div class="row">
                                        <div class="col-sm-4">
                                            <p class="status-summary-ight-white mb-1">Selesai</p>
                                            <h2 class="text-info">-</h2>
                                        </div>
                                        <div class="col-sm-4">
                                            <p class="status-summary-ight-white mb-1">On Process</p>
                                            <h2 class="text-info">-</h2>
                                        </div>
                                        <div class="col-sm-4">
                                            <p class="status-summary-ight-white mb-1">Ditolak</p>
                                            <h2 class="text-info">-</h2>
                                        </div>
                                        {{-- <div class="col-sm-">
                                                <div class="status-summary-chart-wrapper pb-4">
                                                    <canvas id="status-summary"></canvas>
                                                </div>
                                            </div> --}}
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-lg-4 grid-margin stretch-card">
                            <div class="card bg-primary card-rounded">
                                <div class="card-body pb-0">
                                    <h4 class="card-title card-title-dash text-white mb-4">Jumlah Dosen</h4>
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <p class="status-summary-ight-white mb-1">Total</p>
                                            <h2 class="text-info">-</h2>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-lg-4 grid-margin stretch-card"> 
                            <div class="card bg-primary card-rounded">
                                    <div class="card-body pb-0">
                                        <h4 class="card-title card-title-dash text-white mb-4">Jumlah Reviewer</h4>
                                        <div class="row">
                                            <div class="col-sm-4">
                                                <p class="status-summary-ight-white mb-1">Total</p>
                                                <h2 class="text-info">-</h2>
                                            </div>
                                            <div class="col-sm-8">
                                                <div class="status-summary-chart-wrapper pb-4">
                                                    {{-- <canvas id="status-summary"></canvas> --}}
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                        </div>

                    </div>
                    <div class="row">
                        <div class="col-lg-10 d-flex flex-column mx-auto" >
                            <div class="row flex-grow">
                                <div class="col-md-6 col-lg-6 grid-margin stretch-card" >
                                    <div class="card card-rounded" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);">
                                        <div class="card-body card-rounded">
                                            <div class="d-flex align-items-center justify-content-between mb-3">
                                                <h4 class="card-title card-title-dash">Daftar Pengumpulan Proposal Terakhir
                                                </h4>

                                            </div>
                                            <br>
                                            <div class="table-responsive">
                                                <table class="table table-dark">
                                                    <thead>
                                                        <tr>
                                                            <th>Profile</th>
                                                            <th>VatNo.</th>
                                                            <th>Created</th>
                                                            <th>Status</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <tr>
                                                            <td>Jacob</td>
                                                            <td>53275531</td>
                                                            <td>12 May 2017</td>
                                                            <td><label class="badge badge-danger">Pending</label></td>
                                                        </tr>

                                                    </tbody>
                                                </table>
                                            </div>

                                            <div class="list align-items-center pt-3">
                                                <div class="wrapper w-100">
                                                    <p class="mb-0">
                                                        <a href="#" class="fw-bold text-primary">Show all <i
                                                                class="mdi mdi-arrow-right ms-2"></i></a>
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6 col-lg-6 grid-margin stretch-card">
                                    <div class="card card-rounded" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);">
                                        <div class="card-body">
                                            <div class="d-flex align-items-center justify-content-between mb-3">
                                                <h4 class="card-title card-title-dash">Daftar Pengumpulan Laporan Terakhir</h4>

                                            </div>
                                            <br>
                                            <div class="table-responsive">
                                                <table class="table table-dark">
                                                    <thead>
                                                        <tr>
                                                            <th>Profile</th>
                                                            <th>VatNo.</th>
                                                            <th>Created</th>
                                                            <th>Status</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <tr>
                                                            <td>Jacob</td>
                                                            <td>53275531</td>
                                                            <td>12 May 2017</td>
                                                            <td><label class="badge badge-danger">Pending</label></td>
                                                        </tr>

                                                    </tbody>
                                                </table>
                                            </div>
                                            <div class="list align-items-center pt-3">
                                                <div class="wrapper w-100">
                                                    <p class="mb-0">
                                                        <a href="#" class="fw-bold text-primary">Show all <i
                                                                class="mdi mdi-arrow-right ms-2"></i></a>
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                    </div>

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