@extends('backend.layout.master')
@include('backend.kg-dashboard.css')
@section('content')
    
    <!--Start Hero-->
      <section class="hero-section business-startup">
        <div class="container">

          <div class="row">
            <div class="col-md-12">
              
              <div class="heading mb-3">
                <h2>Dashboard</h2>
              </div>

            </div>

            <div class="col-md-12">
              
              @if(!auth()->guard('web')->user()->is_subscription_active && !is_null(auth()->guard('web')->user()->subscription_expiry))                
                  <div class="alert alert-warning pb-1" role="alert">
                      Subscription Status: <strong>Inactive</strong>  
                      <button class="btn btn-pill btn-secondary btn-sm float-right checkout_btn round">Activate Now</button>
                  </div>                
              @elseif(is_null(auth()->guard('web')->user()->subscription_expiry) || is_null(auth()->guard('web')->user()->subscription_start))
                  <div class="alert alert-danger pb-1" role="alert">
                      <b>Info! </b> Pay now and active your subscription.
                      <button class="btn btn-pill btn-secondary btn-sm float-right checkout_btn round">Pay Now</button>
                  </div>                
              @endif

              @php
                $now = time(); // or your date as well
                $expiry_date = strtotime(auth()->guard('web')->user()->subscription_expiry);
                $datediff = $expiry_date - $now;
                $diffInDays = round($datediff / (60 * 60 * 24));
                if($diffInDays >= 0 && $diffInDays <= 7)
                {
                    $renew = true;
                    echo '<div class="alert alert-danger alert-dismissible pt-1 pb-2" role="alert">Your Subscription will expire in '.abs($diffInDays).' days. <button class="btn btn-secondary btn-pill round checkout_btn float-right btn-sm">Renew Now</button> <button class="close" type="button" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button></div>';
                }
              @endphp

            @if(session()->has('success'))
                <div class="alert alert-success">
                    {{ session()->get('success') }}
                </div>
            @endif
            @if(session()->has('error'))
                <div class="alert alert-danger">
                    {{ session()->get('error') }}
                </div>
            @endif
              
            </div>

          </div>
          <h4 class="birthday-heading">Birthdays</h4>
          <div class="card birthday-card">
            <div class="card-body">
              <div class="row match-height dashboard justify-content-around">
                @foreach($data['next_birthday'] as $item)
                  <div class="col-md-2 student_edits mb-0"> 
                    <div class="avatar student_avatar"> 
                      <a href="{{route('view_student',$item->id)}}">
                        <img src="{{$item->image_url}}" alt="avtar img holder">
                      </a> 
                    </div> 
                    <div class="student_heading mb-0"> 
                      <a href="{{route('view_student',$item->id)}}">
                        <h4 class="student-name">{{$item->first_name}}</h4><h4 class="student-name"> {{$item->last_name}}</h4>
                      </a>                     
                      <h4 class="student-birth text-danger">{{$item->birthday}}</h4> 
                    </div> 
                  </div>
                @endforeach  
                
              </div>
            </div>
          </div>

          <h4 class="birthday-heading">Notes</h4>
          <div class="card notes-card">
            <div class="card-body">
              <div class="row match-height dashboard justify-content-around">
                
                  <div class="col-md-12 student_edits mb-0">
                  @if(count($data['note']) > 0) 
                    
                    <table class="text-left notes w-100">
                      <thead>
                        <tr>
                          <th>NOTE</th>
                          <th>STUDENT</th>
                          <th>DATE</th>
                          <th>ACTION</th>
                        </tr>
                      </thead>
                      <tbody>
                        @foreach($data['note'] as $key=>$item)
                          <tr>
                            <td width="50%"><p class="note_preview" data-id="{{ $item->id }}" data-kid-id="{{$item->kid_id}}">{{ $item->note }}</p></td>
                            <td width="50%">{{$item->student->first_name}} {{ substr($item->student->last_name, 0, 1) }}.</td>
                            <td width="50%">{{date('m/d/Y',strtotime($item->created_at))}}</td>
                            <td width="50%">
                              <a class="ask_delete" href="javascript:void(0)"  data-id="{{$item['id']}}">Delete</a>
                            </td>
                          </tr>
                        @endforeach

                      </tbody>
                    </table>
                    @endif
                    <div class="add_notes">
                      <div class="add_note_button mt-2 mb-1">
                        <a href="#" data-toggle="modal" data-target="#add_student_note">
                                    <img class="add_note_button" src="{!! asset('images/add-note.png')!!}">Add Note
                                </a>
                      </div>
                    </div>

                    <div class="modal fade" id="add_student_note" tabindex="-1" role="dialog" 
                      aria-labelledby="add_student_note" aria-hidden="true">
                      <div class="modal-dialog modal-dialog-centered" role="document">
                        <div class="modal-content">
                          <div class="modal-header">
                            <h5 class="modal-title" id="notTitle">Add Note</h5>
                            <button class="close" type="button" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                          </div>
                          <div class="modal-body p-0">
                            <form class="form theme-form" method="post" action="#" id="student_note">
                              @csrf
                              <input type="hidden" value="" name="note_id" id="note_id">
                              <div class="card-body">
                                <div class="validation-errors"></div>
                                <div class="row">
                                  <div class="col">
                                    <div class="form-group">
                                      <label for="exampleFormControlInput1">Select Stundent</label>
                                        <select class="form-control btn-square" name="kids_id" id="kids_id" required="">
                                          <option value="" disabled="" selected="">Select Stundent</option>
                                            @foreach($data['students'] as $item)
                                              <option value="{{$item->id}}">{{$item->first_name}} {{$item->last_name}}</option>
                                            @endforeach
                                           
                                        </select>
                                    </div>
                                  </div>
                                </div>
                                <div class="row">
                                  <div class="col">
                                    <div class="form-group">
                                      <label for="exampleFormControlInput1">Note</label>
                                      <textarea class="form-control" id="note_kids" name="note_kids" rows="4" cols="50"></textarea>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              <div class="card-footer pt-0 pb-0">
                                <button class="btn btn-pill round btn-primary" id="add_submit" type="submit">Add</button>
                                <button type="button" data-dismiss="modal" aria-label="Close" class="btn btn-pill btn-default">Cancel</button>
                              </div>
                            </form>
                          </div>
                        </div>
                      </div>
                    </div>
                    


                  </div>
                  
              </div>
            </div>
          </div>

          <!-- <div class="row match-height">
            <div class="col-md-4 col-sm-6 kb-search-content All Risk_Assessment">
                <a href="{{route('kids.index')}}">
                    <div class="card kb-hover-1 wave wave-teal">
                        <div class="card-body text-center">
                            <div class="row">
                              <div class="col-md-4">
                                <div class="badge badge-teal mr-1 mb-1 icon"><i class="fa fa-user"></i></div>
                              </div>
                              <div class="col-md-8">
                                <h3 class="">{{$data['total_students']}}</h3>
                                <h4 class=" text-muted">Students</h4>
                              </div>
                            </div>
                            
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-md-4 col-sm-6 kb-search-content All Method_Statement">
                <a href="{{route('report.index')}}">
                    <div class="card kb-hover-1 wave wave-info">
                        <div class="card-body text-center">
                          <div class="row">
                            <div class="col-md-4">
                              <div class="badge badge-info mr-1 mb-1 icon"><i class="fas fa-database"></i></div>
                            </div>
                            <div class="col-md-8">
                              <h3 class="">{{$data['reports']}}</h3>
                              <h4 class=" text-muted">Reports</h6>
                            </div>
                          </div>  
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-md-4 col-sm-6 kb-search-content All COSHH_Assessment">
                <a href="{{route('message.index')}}">
                    <div class="card kb-hover-1 wave wave-warning">
                        <div class="card-body text-center">
                          <div class="row">
                            <div class="col-md-4">
                              <div class="badge badge-warning mr-1 mb-1 icon"><i class="fas fa-comment"></i></div>
                            </div>
                            <div class="col-md-8">
                              <h3 class="">{{$data['messages']}}</h3>
                              <h4 class=" text-muted">Messages</h6>
                            </div>
                          </div>
                        </div>
                    </div>
                </a>
            </div>
            
          </div> -->

        </div>
      </section>
      <!--End Hero-->


@endsection
@include('backend.kg-dashboard.js')