@extends('layouts.parents.master') 
@section('title')
    {{studentCommonName(auth()->guard('student')->user()->username).__(' | Dashboard')}}
@endsection
@section('headerTitle')
  {{ __('Dashboard')}}
@endsection
@section('content')

  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <div class="content-header">
      <!-- <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1 class="m-0">Dashboard</h1>
          </div>
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="{{route('student.parent.dashboard')}}">Home</a></li>
              <li class="breadcrumb-item active">Dashboard</li>
            </ol>
          </div>
        </div>
      </div> -->
    </div>
    <!-- /.content-header -->
    <!-- Main content -->
    <section class="content">
      <div class="container-fluid">
        <!-- Small boxes (Stat box) -->
        <div class="dashbord-right">
            <!-- <div class="banner-slider">
              @foreach ($banners as $banner)
                @php
                    if(strpos($banner->img, 'services') === false) {
                       $imagePath = updateImageToAWSAll($banner->img, 'Services', $banner->id);
                    } else {
                       $imagePath = $banner->img;
                    }
                @endphp
                <div class="inner-slider">
                  <div class="leftSlider">
                    <img src="{{Storage::disk('s3')->url($imagePath)}}" alt=""/>
                  </div>
                  <div class="rightSlider">
                      <span>News</span>
                      <h4>{{$banner->title}}</h4>
                      <h5>{!!$banner->descrip!!}</h5>
                      <a href='#'>Read more <i class="fas fa-chevron-right"></i></a>
                  </div>
                </div>
              @endforeach
             
            </div> -->
              <!-- <div class="row mobile-view">
                 <div class="col-md-6">
                    <div class="student-id">
                      <span><img src="{{studentPannelImage(auth()->guard('student')->user()->username)}}" alt=""/></span>
                      <div><h5>{{$studentDetail->name}}({{$studentDetail->class.'-'.$studentDetail->sec}})</h5><h6>{{$studentDetail->session}}</h6></div>
                    </div>
                  </div>
                  <div class="col-md-6">
                    <div class="student-id">
                      <span><img src="{{asset('students/images/graph.png')}}" alt=""/></span>
                      <div><h5>Attendance</h5><h6>100%</h6></div>
                    </div>
                  </div>
              </div> -->

              @php 
                  $dob_certificate = schoolRedisDetail()['code'].'/live-students/'.auth()->guard('student')->user()->username.'dob.jpg';
              @endphp
              <div class="student-category">
                @if(Storage::disk('s3')->exists($dob_certificate))
                <a href="javascript:void(0);" 
                  class="btn btn-primary download-btn" 
                  onclick="window.location.href='https://{{ schoolRedisDetail()['live_website'] }}/forms_registration.php?admno={{ auth()->guard('student')->user()->username }}';" 
                  style="float: right;">
                    Download Application Form
                </a>
                @endif    
                <h4>Category</h4>
                <div class="row">
                    <div class="col-md-3">
                      <div class="cat-inner">
                        <a href="{{route('student.parent.email-inbox')}}">
                          <img src="{{asset('students/images/mail-box.png')}}" alt=""/>
                          <h5>Mail Box</h5>
                        </a>  
                      </div>
                    </div>
                    <div class="col-md-3">
                      <div class="cat-inner">
                        <a href="{{route('student.parent.portfolio')}}">
                          <img src="{{asset('students/images/portfolio.png')}}" alt=""/>
                          <h5>Port Folio</h5>
                        </a>  
                      </div>
                    </div>
                    <div class="col-md-3">
                      <div class="cat-inner">
                        <a href="{{route('student.parent.in-pass')}}">
                          <img src="{{asset('students/images/pass.png')}}" alt=""/>
                          <h5>In Pass</h5>
                        </a>  
                      </div>
                    </div>
                    <div class="col-md-3">
                      <div class="cat-inner">
                        <a href="{{route('student.parent.calendars')}}">
                          <img src="{{asset('students/images/calender.png')}}" alt=""/>
                          <h5>Calendar</h5>
                        </a>  
                      </div>
                    </div>
                    <div class="col-md-3">
                      <div class="cat-inner">
                        <a href="{{route('student.parent.results')}}">
                          <img src="{{asset('students/images/Result.png')}}" alt=""/>
                          <h5>Result</h5>
                        </a>  
                      </div>
                    </div>
                    <div class="col-md-3">
                      <div class="cat-inner">
                        <a href="{{route('student.parent.fee-ledger')}}">
                          <img src="{{asset('students/images/fee-leadger.png')}}" alt=""/>
                          <h5>Fee Ledger</h5>
                        </a>  
                      </div>
                    </div>
                    <div class="col-md-3">
                      <div class="cat-inner">
                        <a href="{{route('student.parent.dfe-ledger')}}">
                          <img src="{{asset('students/images/Finance.png')}}" alt=""/>
                          <h5>DFE Ledger</h5>
                        </a>  
                      </div>
                    </div>
                    <div class="col-md-3">
                      <div class="cat-inner">
                        <a href="{{route('student.parent.milk-ledger')}}">
                          <img src="{{asset('students/images/milk.png')}}" alt=""/>
                          <h5>Milk</h5>
                        </a>  
                      </div>
                    </div>
                    <div class="col-md-3">
                      <div class="cat-inner">
                        <a href="{{route('student.parent.parcel-ledger')}}">
                          <img src="{{asset('students/images/parcel.png')}}" alt=""/>
                          <h5>Parcel</h5>
                        </a>  
                      </div>
                    </div>
                    <div class="col-md-3">
                      <div class="cat-inner">
                        <a href="{{route('student.parent.tuck-ledger')}}">
                          <img src="{{asset('students/images/tuck.png')}}" alt=""/>
                          <h5>Tuck</h5>
                        </a>  
                      </div>
                    </div>
                    <div class="col-md-3">
                      <div class="cat-inner">
                        <a href="{{route('student.parent.store-ledger')}}">
                          <img src="{{asset('students/images/store.png')}}" alt=""/>
                          <h5>Store</h5>
                        </a>  
                      </div>
                    </div>
                    <div class="col-md-3">
                      <div class="cat-inner">
                        <a href="{{route('student.parent.messages')}}">
                          <img src="{{asset('students/images/message.png')}}" alt=""/>
                          <h5>Messages</h5>
                        </a>  
                   </div>
          </div>
      </div><!-- /.container-fluid -->
    </section>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->
@endsection
@push('web-scripts')
  <script>
      $('.banner-slider').slick({
        dots: false,
        infinite: true,
        loop:true,
        speed: 300,
        slidesToShow: 1,
        autoplay: true,
        autoplaySpeed: 2000,
        speed: 1000,
        fade: true,
        cssEase: 'linear',
        responsive: [
          {
            breakpoint: 767,
            settings: {
              slidesToShow: 1,
              slidesToScroll: 1,
              centerMode: true,
            }
          }
       ]
      });
  </script>
@endpush