@extends('layouts.master_panel')

@section('title') Planning des devoirs  @stop

@section('CSS') 

<link rel="stylesheet" href="{{url('/')}}/assets/vendor/datepicker/tempusdominus-bootstrap-4.css" />

@stop

@section('JS') 

<script src="{{url('/')}}/js/datatables/jquery.dataTables.min.js"></script>

@stop


@section('content')


                  <!-- ============================================================== -->
                  <!-- pageheader  -->
                  <!-- ============================================================== -->
                  <div class="row">
                      <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                          <div class="page-header">
                              <h3 class="mb-2">Planning des devoirs </h3>
                           
                              <div class="page-breadcrumb">
                                  <nav aria-label="breadcrumb">
                                      <ol class="breadcrumb">
                                          <li class="breadcrumb-item active" aria-current="page">Planning des devoirs  </li>
                                      </ol>
                                  </nav>
                              </div>
                          </div>
                      </div>
                  </div>
                  <!-- ============================================================== -->
                  <!-- end pageheader  -->
                  <!-- ============================================================== -->


<div class="row">


<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
  
@if($planning == null)


<div class="card">
<div class="card-body text-center">

<h1 class="display-3"><i class="fas fa-info-circle"></i></h1>
<h3 class="display-3" style="font-size: 22px;">Nous n'avons pas encore finalisé votre planning des devoirs.</h3>

</div>
</div>

@else




<div class="card">
<div class="card-header d-flefx">
  @if(!empty($planning->fichier))
        
      <a target="_black" class="btn btn-primary btn-lg" href="{{ $uploadsLink }}/uploads/planning_devoirs/{{ $planning->fichier }}"><i class="fa fa-download"></i> Télécharger</a>
  @endif
</div>
  <div class="card-body">
    
<h3 class="display-3" style="font-size: 22px;">Date du {{ $planning->date_du }} au {{ $planning->date_au }}</h3>


<iframe
    src="https://drive.google.com/viewerng/viewer?embedded=true&url={{ $uploadsLink }}/uploads/planning_devoirs/{{ $planning->fichier }}#toolbar=0&scrollbar=0"
    frameBorder="0"
    scrolling="auto"
    height="700px"
    width="100%"
></iframe>



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

                                     
@endif


</div><!-- END row -->
                
               

@stop