@extends('layouts.student')

@section('styles')
@endsection

@section('content')
<!-- ============================================================== -->
<!-- Start right Content here -->
<!-- ============================================================== -->
<div class="content-page">
    <!-- Start content -->
    <div class="content">
        <div class="container-fluid">

            <div class="row">
                <div class="col-sm-12">
                    <div class="page-title-box">
                        <div class="row align-items-center">
                            <div class="col-md-8">
                                <h4 class="page-title mb-0">Dashboard</h4>
                                <ol class="breadcrumb m-0">
                                    <li class="breadcrumb-item"><a href="#">Student</a></li>
                                    <li class="breadcrumb-item active" aria-current="page">Dashboard</li>
                                </ol>
                            </div>
                            <!-- <div class="col-md-4">
                                <div class="float-right d-none d-md-block">
                                    <div class="dropdown">
                                        <button class="btn btn-primary btn-rounded dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                            <i class="ti-settings mr-1"></i> Settings
                                        </button>
                                        <div class="dropdown-menu dropdown-menu-right dropdown-menu-animated">
                                            <a class="dropdown-item" href="#">Action</a>
                                            <a class="dropdown-item" href="#">Another action</a>
                                            <a class="dropdown-item" href="#">Something else here</a>
                                            <div class="dropdown-divider"></div>
                                            <a class="dropdown-item" href="#">Separated link</a>
                                        </div>
                                    </div>
                                </div>
                            </div> -->
                        </div>

                    </div>
                </div>
            </div>
            <!-- end row -->
@if(Auth::User()->registration->status == 0)

<div class="row">
<div class="col-md-12">
<h4 style="color:red">Your Payment for the registration is pending</h4>
<a class="btn btn-sm btn-primary" href="{{route('student.pendingpayment')}}">Click here to submit</a>
</div>
</div>
@elseif(Auth::User()->registration->status == 1)


<div class="row">
<div class="col-md-12">
<h4 style="color:red">Your Payment is paid! Please wait for Approval</h4>

</div>
</div>
@else
            <div class="row">
                <div class="col-xl-3 col-md-6">
                    <div class="card mini-stats">
                        <div class="p-3 mini-stats-content">
                            <div class="mb-4">
                                <div class="float-right text-right">
                                    <span class="badge badge-light text-info mt-2 mb-2"> + 11% </span>
                                    <p class="text-white-50">From previous period</p>
                                </div>

                                <span class="peity-pie" data-peity='{ "fill": ["rgba(255, 255, 255, 0.8)", "rgba(255, 255, 255, 0.2)"]}' data-width="54" data-height="54">5/8</span>
                            </div>
                        </div>
                        <div class="ml-3 mr-3">
                            <div class="bg-white p-3 mini-stats-desc rounded">
                                <h5 class="float-right mt-0">1758</h5>
                                <h6 class="mt-0 mb-3">Orders</h6>
                                <p class="text-muted mb-0">Sed ut perspiciatis unde iste</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-md-6">
                    <div class="card mini-stats">
                        <div class="p-3 mini-stats-content">
                            <div class="mb-4">
                                <div class="float-right text-right">
                                    <span class="badge badge-light text-danger mt-2 mb-2"> - 27% </span>
                                    <p class="text-white-50">From previous period</p>
                                </div>

                                <span class="peity-donut" data-peity='{ "fill": ["rgba(255, 255, 255, 0.8)", "rgba(255, 255, 255, 0.2)"], "innerRadius": 18, "radius": 32 }' data-width="54" data-height="54">2/5</span>
                            </div>
                        </div>
                        <div class="ml-3 mr-3">
                            <div class="bg-white p-3 mini-stats-desc rounded">
                                <h5 class="float-right mt-0">48259</h5>
                                <h6 class="mt-0 mb-3">Revenue</h6>
                                <p class="text-muted mb-0">Sed ut perspiciatis unde iste</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-md-6">
                    <div class="card mini-stats">
                        <div class="p-3 mini-stats-content">
                            <div class="mb-4">
                                <div class="float-right text-right">
                                    <span class="badge badge-light text-primary mt-2 mb-2"> 0% </span>
                                    <p class="text-white-50">From previous period</p>
                                </div>

                                <span class="peity-pie" data-peity='{ "fill": ["rgba(255, 255, 255, 0.8)", "rgba(255, 255, 255, 0.2)"]}' data-width="54" data-height="54">3/8</span>
                            </div>
                        </div>
                        <div class="ml-3 mr-3">
                            <div class="bg-white p-3 mini-stats-desc rounded">
                                <h5 class="float-right mt-0">$17.5</h5>
                                <h6 class="mt-0 mb-3">Average Price</h6>
                                <p class="text-muted mb-0">Sed ut perspiciatis unde iste</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-md-6">
                    <div class="card mini-stats">
                        <div class="p-3 mini-stats-content">
                            <div class="mb-4">
                                <div class="float-right text-right">
                                    <span class="badge badge-light text-info mt-2 mb-2"> - 89% </span>
                                    <p class="text-white-50">From previous period</p>
                                </div>
                                <span class="peity-donut" data-peity='{ "fill": ["rgba(255, 255, 255, 0.8)", "rgba(255, 255, 255, 0.2)"], "innerRadius": 18, "radius": 32 }' data-width="54" data-height="54">3/5</span>
                            </div>
                        </div>
                        <div class="ml-3 mr-3">
                            <div class="bg-white p-3 mini-stats-desc rounded">
                                <h5 class="float-right mt-0">2048</h5>
                                <h6 class="mt-0 mb-3">Product Sold</h6>
                                <p class="text-muted mb-0">Sed ut perspiciatis unde iste</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- end row -->

  @endif

        </div> <!-- container-fluid -->

    </div> <!-- content -->

    <footer class="footer">
        © 2020 - 2021  The Educators Academy
    </footer>
</div>


<!-- ============================================================== -->
<!-- End Right content here -->
<!-- ============================================================== -->

@endsection

@section('scripts')

@endsection