@extends('coaching.layout.master')

@section('title')
	Admisure Coaching | Dashboard
@endsection

@section('content')

<link rel="stylesheet" href="{{ asset('admin/plugins/morris/morris.css') }}">
 <link rel="stylesheet" href="{{ asset('admin/plugins/custom-select/custom-select.css') }}">
 <div class="app-content my-3 my-md-5">
          <div class="side-app">
            <!-- MAIN BODY CONTENT -->
            <h1>Dashboard</h1>
            <div class="row">
              <div class="col-xl-3 col-lg-6 col-md-12">
                <div class="card">
                  <div class="card-body small-card">
                    <h5 class="font-medium">Today's Sales</h5>
                    <div class="counter list-group">
                      <p class="list-item">
                        Test Series: <span> 0</span>
                      </p>
                      <p class="list-item">
                        Pass: <span> 0</span>
                      </p>
                      <p class="list-item">
                        Total Sales: <span> 0</span>
                      </p>
                    </div>
                    <svg id="small-card-bg-icon" class="red" xmlns="http://www.w3.org/2000/svg" width="70.91" height="100.621" viewBox="0 0 70.91 100.621">
                      <g>
                        <g transform="translate(0 0)">
                          <g transform="translate(0 0.026)">
                            <path d="M250.3,155.693c-1.364-1.27-2.739-2.541-4.1-3.812q-4.937-4.57-9.863-9.152-5.952-5.515-11.892-11.03-5.157-4.79-10.314-9.568c-1.668-1.552-3.314-3.137-5.016-4.655l-.068-.068c.552,1.327,1.1,2.653,1.646,3.98v-3.216l-5.636,5.622h6.572c2.254,0,4.531.079,6.786-.023a29.7,29.7,0,0,0,14.834-4.643,30.109,30.109,0,0,0,10.212-11.03,29.331,29.331,0,0,0-1.206-29.75A29.678,29.678,0,0,0,217.216,64.7H202.2a5.875,5.875,0,0,0-3.991,1.642,5.636,5.636,0,0,0,0,7.96,5.853,5.853,0,0,0,3.991,1.642H216.45a31.341,31.341,0,0,1,3.979.2l-1.5-.2a24.322,24.322,0,0,1,6.154,1.664c-.451-.191-.9-.382-1.341-.562a24.834,24.834,0,0,1,5.388,3.148c-.383-.292-.755-.585-1.138-.877a24.82,24.82,0,0,1,4.283,4.273c-.293-.382-.586-.753-.879-1.136a24.764,24.764,0,0,1,3.156,5.374c-.192-.45-.383-.9-.564-1.338a24.164,24.164,0,0,1,1.668,6.139c-.067-.495-.135-1-.2-1.5a24.06,24.06,0,0,1,0,6.24c.068-.495.136-1,.2-1.5a24.166,24.166,0,0,1-1.668,6.139c.192-.45.383-.9.564-1.338a24.759,24.759,0,0,1-3.156,5.374c.293-.382.586-.753.879-1.136a24.815,24.815,0,0,1-4.283,4.273c.383-.292.755-.585,1.138-.877a24.842,24.842,0,0,1-5.388,3.148c.451-.191.9-.382,1.341-.562a24.322,24.322,0,0,1-6.154,1.664l1.5-.2a47.1,47.1,0,0,1-6.042.2h-9.333a5.712,5.712,0,0,0-5.636,5.622c0,1.046-.011,2.091,0,3.137a5.921,5.921,0,0,0,1.872,4.261c.721.664,1.443,1.338,2.164,2q4.717,4.368,9.434,8.747,6.256,5.8,12.512,11.615,5.63,5.228,11.272,10.456c1.859,1.732,3.708,3.474,5.579,5.183.023.022.057.045.079.067a5.928,5.928,0,0,0,3.99,1.642,5.752,5.752,0,0,0,3.99-1.642,5.654,5.654,0,0,0,1.646-3.98,5.716,5.716,0,0,0-1.657-3.98Z" transform="translate(-196.562 -64.7)" fill=""></path>
                          </g>
                          <g transform="translate(0.011 0)">
                            <path d="M202.288,75.624h52.3c2.417,0,4.835.033,7.241,0h.1A5.881,5.881,0,0,0,265.914,74a5.56,5.56,0,0,0,0-7.889,5.861,5.861,0,0,0-3.981-1.627h-52.3c-2.418,0-4.835-.034-7.241,0h-.1a5.88,5.88,0,0,0-3.98,1.627,5.561,5.561,0,0,0,0,7.889,5.881,5.881,0,0,0,3.98,1.627Z" transform="translate(-196.662 -64.467)" fill=""></path>
                          </g>
                          <g transform="translate(0.011 23.964)">
                            <path d="M202.288,288.524h52.3c2.417,0,4.835.034,7.241,0h.1a5.88,5.88,0,0,0,3.981-1.627,5.561,5.561,0,0,0,0-7.889,5.859,5.859,0,0,0-3.981-1.627h-52.3c-2.418,0-4.835-.034-7.241,0h-.1a5.878,5.878,0,0,0-3.98,1.627,5.561,5.561,0,0,0,0,7.889,5.934,5.934,0,0,0,3.98,1.627Z" transform="translate(-196.662 -277.367)" fill=""></path>
                          </g>
                        </g>
                      </g>
                    </svg>
                  </div>
                </div>
              </div>
              <div class="col-xl-3 col-lg-6 col-md-12">
                <div class="card">
                  <div class="card-body small-card">
                    <h5 class="font-medium">Test Series</h5>
                    <div class="counter list-group">
                      <p class="list-item">
                      Test Series Package: <span> {{$coaching_test_packages_count}}</span>
                      </p>
                      <p class="list-item">
                        T.No.Test Series: <span> {{$coaching_test_count}}</span>
                      </p>
                      <p class="list-item">
                        T.Enrolled Students: <span> {{$coaching_test_student_count}}</span>
                      </p>
                    </div>
                    <svg id="small-card-bg-icon" class="blue" xmlns="http://www.w3.org/2000/svg" width="90.074" height="47.541" viewBox="0 0 90.074 47.541">
                      <path d="M87.872,113.18l2.2-.312V96H65.444v8.1H60.166V96H0v16.868l2.2.312c3.821.542,6.594,3.313,6.594,6.591S6.023,125.82,2.2,126.362l-2.2.312v16.868H60.166v-8.1h5.278v8.1h24.63V126.674l-2.2-.312c-3.821-.542-6.594-3.313-6.594-6.591S84.051,113.722,87.872,113.18ZM65.444,130.988H60.166v-8.914h5.278Zm0-13.52H60.166v-8.914h5.278Z" transform="translate(0 -96)" fill=""></path>
                    </svg>
                  </div>
                </div>
              </div>
              <div class="col-xl-3 col-lg-6 col-md-12">
                <div class="card">
                  <div class="card-body small-card">
                    <h5 class="font-medium">Practice</h5>
                    <div class="counter list-group">
                      <p class="list-item">
                      T.Practice Sets: <span> {{$coaching_practice_sets_count}}</span>
                      </p>
                      <p class="list-item">
                        Total Chapter: <span> {{$coaching_practice_sets_chapter_count}}</span>
                      </p>
                      <p class="list-item">
                        T.Enrolled Students: <span> {{$coaching_practice_sets_student_count}}</span>
                      </p>
                    </div>
                    <svg id="small-card-bg-icon" class="red" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28">
                      <g transform="translate(-474 -1481.625)">
                        <rect width="28" height="28" transform="translate(474 1481.625)" fill="rgba(0,0,0,0)"></rect>
                        <path d="M19.684,25H6.935a2.291,2.291,0,0,1-2.3-2.272L4.643,6.818a2.291,2.291,0,0,1,2.3-2.272h7.145a2.333,2.333,0,0,1,1.644.67L21.328,10.7a2.255,2.255,0,0,1,.672,1.6v10.42A2.3,2.3,0,0,1,19.684,25ZM13.894,6.251h0v5.114A1.148,1.148,0,0,0,15.052,12.5h5.211ZM1.158,18.182A1.148,1.148,0,0,1,0,17.045V2.273A2.3,2.3,0,0,1,2.316,0H15.052A1.149,1.149,0,0,1,16.21,1.137a1.148,1.148,0,0,1-1.158,1.136H3.473A1.148,1.148,0,0,0,2.316,3.41V17.045A1.148,1.148,0,0,1,1.158,18.182Z" transform="translate(476 1483.625)" fill=""></path>
                      </g>
                    </svg>
                  </div>
                </div>
              </div>
              <div class="col-xl-3 col-lg-6 col-md-12">
                <div class="card">
                  <div class="card-body small-card">
                    <h5 class="font-medium">Quizzes</h5>
                    <div class="counter list-group">
                      <p class="list-item">
                      Total No. Of Quiz: <span> {{$coaching_quizes_count}}</span>
                      </p>
                      <p class="list-item">
                        Total No. Of Question: <span> {{$coaching_quiz_ques_count}}</span>
                      </p>
                      <p class="list-item">
                      T.Enrolled Students: <span> {{$coaching_quizes_student_count}}</span>
                      </p>
                    </div>
                    <svg id="small-card-bg-icon" class="blue" xmlns="http://www.w3.org/2000/svg" width="90.074" height="47.541" viewBox="0 0 90.074 47.541">
                      <path d="M87.872,113.18l2.2-.312V96H65.444v8.1H60.166V96H0v16.868l2.2.312c3.821.542,6.594,3.313,6.594,6.591S6.023,125.82,2.2,126.362l-2.2.312v16.868H60.166v-8.1h5.278v8.1h24.63V126.674l-2.2-.312c-3.821-.542-6.594-3.313-6.594-6.591S84.051,113.722,87.872,113.18ZM65.444,130.988H60.166v-8.914h5.278Zm0-13.52H60.166v-8.914h5.278Z" transform="translate(0 -96)" fill=""></path>
                    </svg>
                  </div>
                </div>
              </div>
            </div>
            <div class="row">
              <div class="col-lg-8">
                <div class="card">
                  <div class="card-header border-bottom">
                    <h2>Engagement</h2>
                  </div>
                  <div class="card-body">
                    <h2 class="text-warning fs-25 font-medium mb-8">
                      <i class="fa fa-rupee"></i> 852K
                    </h2>
                    <div id="morrisBar2" class="chartsh"></div>
                  </div>
                </div>
              </div>
              <div class="col-lg-4">
                <div class="card">
                  <div class="card-header border-bottom">
                    <h2>Payout</h2>
                  </div>
                  <div class="card-body">
                    <ul class="week-list">
                      <li><a href="javascript:void(0)">WEEK1</a></li>
                      <li class="active">
                        <a href="javascript:void(0)">WEEK2</a>
                      </li>
                      <li><a href="javascript:void(0)">WEEK3</a></li>
                      <li><a href="javascript:void(0)">WEEK4</a></li>
                    </ul>
                    <div id="echart8" class="chartsh"></div>
                    <ul class="week-list yearly">
                      <li><a href="javascript:void(0)">DAY</a></li>
                      <li class="active">
                        <a href="javascript:void(0)">WEEK</a>
                      </li>
                      <li><a href="javascript:void(0)">MONTH</a></li>
                      <li><a href="javascript:void(0)">YEAR</a></li>
                    </ul>
                  </div>
                </div>
              </div>
              <div class="col-lg-12" id="data_div"></div>  
              <div class="col-lg-12" id="review_data_div"></div>  
              <div class="col-lg-12">
                <div class="card">
                  <div class="card-header center-header pt-5">
                    <h2>Result</h2>
                  </div>
                  <div class="card-body pt-0">
                    <div class="table-responsive">
                      <table
                        id="coaching-daschboard-result"
                        class="table card-table dataTable table-hover table-vcenter text-nowrap"
                      >
                        <thead>
                          <tr>
                            <th width="25">Test Name</th>
                            <th>Test Type</th>
                            <th>Subject</th>
                            <th>T.Question</th>
                            <th>Max Marks</th>
                            <th>Time</th>
                            <th>Faculty</th>
                            <th>Attempted By</th>
                            <th>Action</th>
                          </tr>
                        </thead>
                      </table>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!--// MAIN BODY CONTENT -->
          </div>
        </div>
@endsection
@section('scripts')
<!--Morris.js Charts Plugin -->
<script src="{{asset('admin/plugins/morris/raphael-min.js')}}"></script>
<script src="{{asset('admin/plugins/morris/morris.js')}}"></script>
<script src="{{asset('admin/js/morris.js')}}"></script>
<!-- ECharts Plugin -->
<script src="{{asset('admin/plugins/echart/echarts.js')}}"></script>
<script src="{{asset('admin/js/echarts.js')}}"></script>
<script src="{{asset('admin/plugins/custom-select/custom-select.js')}}"></script>
<script type="text/javascript" src="{{asset('js/coaching/coaching_dashboard.js?v='.time())}}"></script>
<script type="text/javascript">
  $(function(){
    var data_type=1;
    var review_data_type=1;
    show_data(data_type);
    show_review_data(review_data_type);
    $('body').on('change', '#data_type', function(){
      var data_type=$('#data_type').val();
      show_data(data_type);
    })
    $('body').on('change', '#review_data_type', function(){
      var review_data_type=$('#review_data_type').val();
      show_review_data(review_data_type);
    })

    function show_data(data_type){
        var link  = "{{ url('/coaching-master/get-dashboard-data') }}";
        $.ajax({
          url : link,
          type : "POST",
          data : {
              "_token" : "{{ csrf_token() }}",
              "data_type" : data_type
          },
          success: function(data) {
            //console.log('package_data',data);
            $("#data_div").html(data);
          }
        });
    }

    function show_review_data(review_data_type){
        var link  = "{{ url('/coaching-master/get-dashboard-review-data') }}";
        $.ajax({
          url : link,
          type : "POST",
          data : {
              "_token" : "{{ csrf_token() }}",
              "data_type" : review_data_type
          },
          success: function(data) {
            //console.log('package_data',data);
            $("#review_data_div").html(data);
          }
        });
    }

  });
  </script>
@endsection