@extends('layouts.admin') @section('title') {{ $namePage }} @endsection @section('content')

<div class="page-content">
    <div class="container-fluid">
        <!-- start page title -->
        <div class="row">
            <div class="col-12">
                <div class="page-title-box d-flex align-items-center justify-content-between">
                    <h4 class="mb-0 font-size-18">Dashboard</h4>

                    <div class="page-title-right">
                        <ol class="breadcrumb m-0">
                            <li class="breadcrumb-item"><a href="javascript: void(0);">Dashboards</a></li>
                            <li class="breadcrumb-item active">Dashboard</li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
        <!-- end page title -->

        <div class="row">
            <div class="col-xl-12">
                <div class="row">
                    <div class="col-sm-5">
                      <div class="row">
                        <div class="col-sm-12">
                          <div class="card overflow-hidden">
                                    <div class="bg-soft-primary" style="height:100px">

                                    </div>
                                    <div class="card-body pt-0 auth_user">
                                        <div class="row">
                                            <div class="col-sm-6">
                                                <div class="avatar-md profile-user-wid mb-4">
                                                    <img alt="" class="img-thumbnail rounded-circle">
                                                </div>
                                                <h5 class="font-size-15 text-truncate config_auth_fullname"></h5>
                                                <p class="text-muted mb-0 text-truncate config_auth_role"></p>
                                            </div>

                                            <div class="col-sm-6">
                                                <div class="pt-4">

                                                    <div class="row">
                                                        <div class="col-6">
                                                            <h5 class="font-size-15">125</h5>
                                                            <p class="text-muted mb-0">Projects</p>
                                                        </div>
                                                        <div class="col-6">
                                                            <h5 class="font-size-15">$1245</h5>
                                                            <p class="text-muted mb-0">Revenue</p>
                                                        </div>
                                                    </div>
                                                    <div class="mt-4">
                                                        <a href="/admin/setting/myprofile" class="btn btn-primary waves-effect waves-light btn-sm float-right">View Profile <i class="mdi mdi-arrow-right ml-1"></i></a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                        </div>
                      </div>
                      <div class="row">
                        <div class="col-sm-6">
                            <div class="card mini-stats-wid">
                                <div class="card-body">
                                    <div class="media">
                                        <div class="media-body">
                                            <p class="text-muted font-weight-medium">Department</p>
                                            <h4 class="mb-0"></h4>
                                        </div>

                                        <div class="mini-stat-icon avatar-sm rounded-circle bg-primary align-self-center">
                                            <span class="avatar-title">
                                                <i class="bx bx-briefcase-alt font-size-24"></i>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="card mini-stats-wid">
                                <div class="card-body">
                                    <div class="media">
                                        <div class="media-body">
                                            <p class="text-muted font-weight-medium">Teacher</p>
                                            <h4 class="mb-0"></h4>
                                        </div>

                                        <div class="avatar-sm rounded-circle bg-primary align-self-center mini-stat-icon">
                                            <span class="avatar-title rounded-circle bg-primary">
                                                <i class="bx bxs-user font-size-24"></i>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="card mini-stats-wid">
                                <div class="card-body">
                                    <div class="media">
                                        <div class="media-body">
                                            <p class="text-muted font-weight-medium">Student</p>
                                            <h4 class="mb-0"></h4>
                                        </div>

                                        <div class="avatar-sm rounded-circle bg-primary align-self-center mini-stat-icon">
                                            <span class="avatar-title rounded-circle bg-primary">
                                                <i class="bx bx-user font-size-24"></i>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="card mini-stats-wid">
                                <div class="card-body">
                                    <div class="media">
                                        <div class="media-body">
                                            <p class="text-muted font-weight-medium">Administrator</p>
                                            <h4 class="mb-0"></h4>
                                        </div>

                                        <div class="avatar-sm rounded-circle bg-primary align-self-center mini-stat-icon">
                                            <span class="avatar-title rounded-circle bg-primary">
                                                <i class="bx bx-user font-size-24"></i>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-sm-12">
                          <div class="card">
                              <div class="card-body">
                                  <h4 class="card-title mb-4">Recent Online Paymanet</h4>
                                  <div data-simplebar style="max-height: 350px;">
                                  <table class="table table-striped mb-0">

                                                  <thead>
                                                      <tr>
                                                          <th>#</th>
                                                          <th>First Name</th>
                                                          <th>Last Name</th>
                                                          <th>Status</th>
                                                      </tr>
                                                  </thead>
                                                  <tbody>
                                                    @for($i=1; $i<=10; $i++)
                                                      <tr>
                                                          <th scope="row">{{$i}}</th>
                                                          <td>Doni Subagus</td>
                                                          <td>@SPP#Januari</td>
                                                          <td>Lunas</td>
                                                      </tr>
                                                      @endfor
                                                  </tbody>
                                              </table>
                                            </div>
                              </div>
                          </div>
                        </div>

                        <div class="col-sm-12">
                          <div class="card mini-stats-wid">
                            <div class="card-body">
                                <h4 class="card-title mb-4">Lastest Login</h4>
                                <div>
                                                    <ul class="list-unstyled activity-list" data-simplebar style="max-height: 410px;">
                                                        <li>
                                                            <a href="#">
                                                                <div class="media">
                                                                    <div class="align-self-center mr-3">
                                                                        <i class="mdi mdi-circle font-size-10"></i>
                                                                    </div>
                                                                    <div class="align-self-center mr-3">
                                                                        <img src="{{URL::asset('/assets/images/users/avatar-2.jpg')}}" class="rounded-circle avatar-xs" alt="">
                                                                    </div>

                                                                    <div class="media-body overflow-hidden">
                                                                        <h5 class="text-truncate font-size-14 mb-1">Steven Franklin</h5>
                                                                        <p class="text-truncate mb-0">Hey! there I'm available</p>
                                                                    </div>
                                                                    <div class="font-size-11">05 min</div>
                                                                </div>
                                                            </a>
                                                        </li>

                                                        <li>
                                                            <a href="#">
                                                                <div class="media">
                                                                    <div class="align-self-center mr-3">
                                                                        <i class="mdi mdi-circle text-success font-size-10"></i>
                                                                    </div>
                                                                    <div class="align-self-center mr-3">
                                                                        <img src="{{URL::asset('/assets/images/users/avatar-3.jpg')}}" class="rounded-circle avatar-xs" alt="">
                                                                    </div>
                                                                    <div class="media-body overflow-hidden">
                                                                        <h5 class="text-truncate font-size-14 mb-1">Adam Miller</h5>
                                                                        <p class="text-truncate mb-0">I've finished it! See you so</p>
                                                                    </div>
                                                                    <div class="font-size-11">12 min</div>
                                                                </div>
                                                            </a>
                                                        </li>

                                                        <li>
                                                            <a href="#">
                                                                <div class="media">
                                                                    <div class="align-self-center mr-3">
                                                                        <i class="mdi mdi-circle text-success font-size-10"></i>
                                                                    </div>
                                                                    <div class="align-self-center mr-3">
                                                                        <img src="{{URL::asset('/assets/images/users/avatar-3.jpg')}}" class="rounded-circle avatar-xs" alt="">
                                                                    </div>
                                                                    <div class="media-body overflow-hidden">
                                                                        <h5 class="text-truncate font-size-14 mb-1">Keith Gonzales</h5>
                                                                        <p class="text-truncate mb-0">This theme is awesome!</p>
                                                                    </div>
                                                                    <div class="font-size-11">24 min</div>
                                                                </div>
                                                            </a>
                                                        </li>

                                                        <li>
                                                            <a href="#">
                                                                <div class="media">
                                                                    <div class="align-self-center mr-3">
                                                                        <i class="mdi mdi-circle text-warning font-size-10"></i>
                                                                    </div>
                                                                    <div class="align-self-center mr-3">
                                                                        <img src="{{URL::asset('/assets/images/users/avatar-3.jpg')}}" class="rounded-circle avatar-xs" alt="">
                                                                    </div>
                                                                    <div class="media-body overflow-hidden">
                                                                        <h5 class="text-truncate font-size-14 mb-1">Jose Vickery</h5>
                                                                        <p class="text-truncate mb-0">Nice to meet you</p>
                                                                    </div>
                                                                    <div class="font-size-11">1 hr</div>
                                                                </div>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="#">
                                                                <div class="media">
                                                                    <div class="align-self-center mr-3">
                                                                        <i class="mdi mdi-circle font-size-10"></i>
                                                                    </div>

                                                                    <div class="align-self-center mr-3">
                                                                        <img src="{{URL::asset('/assets/images/users/avatar-3.jpg')}}" class="rounded-circle avatar-xs" alt="">
                                                                    </div>
                                                                    <div class="media-body overflow-hidden">
                                                                        <h5 class="text-truncate font-size-14 mb-1">Mitchel Givens</h5>
                                                                        <p class="text-truncate mb-0">Hey! there I'm available</p>
                                                                    </div>
                                                                    <div class="font-size-11">3 hrs</div>
                                                                </div>
                                                            </a>
                                                        </li>

                                                        <li>
                                                            <a href="#">
                                                                <div class="media">
                                                                    <div class="align-self-center mr-3">
                                                                        <i class="mdi mdi-circle text-success font-size-10"></i>
                                                                    </div>
                                                                    <div class="align-self-center mr-3">
                                                                        <img src="{{URL::asset('/assets/images/users/avatar-3.jpg')}}" class="rounded-circle avatar-xs" alt="">
                                                                    </div>
                                                                    <div class="media-body overflow-hidden">
                                                                        <h5 class="text-truncate font-size-14 mb-1">Stephen Hadley</h5>
                                                                        <p class="text-truncate mb-0">I've finished it! See you so</p>
                                                                    </div>
                                                                    <div class="font-size-11">5hrs</div>
                                                                </div>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="#">
                                                                <div class="media">
                                                                    <div class="align-self-center mr-3">
                                                                        <i class="mdi mdi-circle text-success font-size-10"></i>
                                                                    </div>
                                                                    <div class="align-self-center mr-3">
                                                                        <img src="{{URL::asset('/assets/images/users/avatar-3.jpg')}}" class="rounded-circle avatar-xs" alt="">
                                                                    </div>
                                                                    <div class="media-body overflow-hidden">
                                                                        <h5 class="text-truncate font-size-14 mb-1">Keith Gonzales</h5>
                                                                        <p class="text-truncate mb-0">This theme is awesome!</p>
                                                                    </div>
                                                                    <div class="font-size-11">24 min</div>
                                                                </div>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                            </div>
                          </div>
                        </div>

                        </div>

                    </div>
                    <div class="col-sm-7">
                        <div class="card mini-stats-wid">
                            <div class="row justify-content-md-center">
                                <div class="col-sm-8">
                                    <div class="card-body info_widget">
                                        <div class="text-center">
                                            <h4>Selamat Datang Di</h4>
                                            <h1 class="text-primary">SISTEM INFORMASI SEKOLAH <span>Owlschool v.1.0</h1>
                                            <img class="logo" />
                                            <h3 class="name_school">SMK DIRGANTARAN PUTRA BANGSA</h3>
                                            <p class="address mt-4">JL. Jamin Ginting KM.14 Simp.Gardu, Dusun V Komp.Griya Rumah Tengah, Namo Bintang, Kec. Pancur Batu</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="card">
                            <div class="card-body">
                                <h4 class="card-title mb-4">Department Statistics</h4>
                                <div id="department_chart" class="apex-charts" dir="ltr"></div>
                            </div>
                        </div>
                    </div>
                </div>


            </div>
        </div>
        <!-- end row -->

    </div>
    <!-- container-fluid -->
</div>
@endsection @section('header') @endsection @section('footer')

<script src="{{URL::asset('/assets/script/dashboard_admin.js')}}"></script>
<!-- apexcharts -->
<script src="{{URL::asset('/assets/libs/apexcharts/apexcharts.min.js')}}"></script>

        <!-- apexcharts init -->
<script src="{{URL::asset('/assets/js/pages/apexcharts.init.js')}}"></script>

@endsection