@extends('layouts/layoutMaster')

@section('title', 'Student Dashboard')


@section('vendor-style')
<link rel="stylesheet" href="{{asset('assets/vendor/libs/apex-charts/apex-charts.css')}}" />
<link rel="stylesheet" href="{{asset('assets/vendor/libs/datatables-bs5/datatables.bootstrap5.css')}}" />
<link rel="stylesheet" href="{{asset('assets/vendor/libs/datatables-responsive-bs5/responsive.bootstrap5.css')}}" />
<link rel="stylesheet" href="{{asset('assets/vendor/libs/datatables-buttons-bs5/buttons.bootstrap5.css')}}" />
@endsection

@section('page-style')

@endsection

@section('vendor-script')

@endsection

@section('page-script')
<script src="{{asset('js/student-dashboard-index.js')}}"></script>
@endsection

@section('content')
<div class="row">
      <!-- Current Plan -->
      <div class="card mb-4">
        {{-- <h5 class="card-header">Current Plan</h5> --}}
        <div class="card-body">
          <div class="row">

            <div class="col-md-6 ">

               <!-- Quick links  -->


              <!-- Quick links -->

            </div>

            @if(isset($subscriptions))
              <div class="col-md-6">
              <div class="mb-0 pt-1">
                <h6 class="mb-0">Active until {{$subscriptions->end_date->format('D M Y H:i') }}</h6>
                <p>We will send you a notification upon Subscription expiration</p>
              </div>

            </div>
            <div class="col-6 order-2 order-xl-0">
            </div>
            <div class="col-6 order-2 order-xl-0">
              <button class="btn btn-primary me-2" data-bs-toggle="modal" data-bs-target="#subscriptionExtendingModal">Extend Subscription</button>
            </div>
        @else
             <div class="col-md-6">
              <div class="mb-0 pt-1">
              <h6 class="mb-0">Subscription is inactive</h6>
                <p>Subscribe to continue assessing the content</p>
              </div>
            </div>
            <div class="col-6 order-2 order-xl-0">
            </div>
            <div class="col-6 order-2 order-xl-0">
              <button class="btn btn-primary me-2" data-bs-toggle="modal" data-bs-target="#subscriptionActivationModal">Activate Subscription</button>
            </div>
        @endif


          </div>
        </div>
      </div>
      <!-- /Current Plan -->

  <!-- curriculum -->
<h5 class="mt-4">Curriculum Overview  <span class="badge mx-5 rounded-pill bg-success"><small class="text-white fw-bold level_name" id="level_name"></small></span></h5>
<div class="row">
  <div class="col-md-8 mb-4 mb-md-2">

    <div class="accordion mt-3" id="accordionExample">

    </div>
  </div>
  <div class="col-md-4">

  </div>
</div> 
</div>
@include('_partials/_modals/subscription/extend-subscription')
@include('_partials/_modals/subscription/activate-subscription')

@endsection