@extends('layouts.master_panel')

@section('title') {{ html_entity_decode($folder->folder_name) }} @stop

@section('CSS') 



<link rel="stylesheet" type="text/css" href="{{url('/')}}/js/datatables/dataTables.bootstrap4.min.css">

<style type="text/css">
.figure-attachment {
    min-height: 100px;
}
.fa-lg {
  font-size: 36px !important;
}


</style>

@stop

@section('JS') 


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

<script type="text/javascript" class="init">
  $(document).ready(function() {
    $("#example").dataTable({ "language": { "url": "{{ url('/') }}/js/datatables/lang/fr.json" }
    });
  });
  </script>



<script type="text/javascript">
$(document).ready(function(){

    $("#FormID").submit(function(evn){

        evn.preventDefault();

                    $('.resp-div').css('display', 'block');
                    $('.myprogress').css('width', '0%');
                    $('.msg').text('');

                    var file_name = $('#file_name').val();
                    var myfile = $('#myfile').val();
                  //  var token = $('#token').val();

                    var formData = new FormData();

                  //  formData.append('_token', token);

                    formData.append('file', $('#file')[0].files[0]);
                    formData.append('file_name', file_name);
                    

                    $('#submit').css('display', 'none');
                    $('.msg').text('Téléchargement en cours ...');

                    $.ajax({
                        url: '{{ URL::route("files_store", $folder->id) }}',
                        data: formData,
                        processData: false,
                        contentType: false,
                        type: 'POST',
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        // this part is progress bar
                        xhr: function () {
                            var xhr = new window.XMLHttpRequest();
                            xhr.upload.addEventListener("progress", function (evt) {
                                if (evt.lengthComputable) {
                                    var percentComplete = evt.loaded / evt.total;
                                    percentComplete = parseInt(percentComplete * 99);
                                    $('.myprogress').text(percentComplete + '%');
                                    $('.myprogress').css('width', percentComplete + '%');
                                }
                            }, false);
                            return xhr;
                        },
                        success: function (data) {
                            $('.msg').html(data);
                            $('.myprogress').text('100%');
                            $('.myprogress').css('width', '100%');
                            $('#submit').css('display', 'block');
                            $('#FormID input').val('');
                        }
                    });
    });
});

function refresh() {
  window.location='{{ URL::current() }}';
}

function ValidateSize(file) {
  var FileSize = file.files[0].size / 1024 / 1024; // in MB
  if (FileSize > 50) {
      $('#file').val(''); //for clearing with Jquery
      alert('La taille du fichier dépasse 50 Mo');
      
  } 
}

</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">{{ html_entity_decode($folder->folder_name) }}</h3>
                           
                              <div class="page-breadcrumb">
                                  <nav aria-label="breadcrumb">
                                      <ol class="breadcrumb">

                                        @if(auth()->user()->is_admin == 1)  

                                          <li class="breadcrumb-item"><a href="{{ URL::route('admin_index') }}" class="breadcrumb-link">Accueil</a></li>

                                          <li class="breadcrumb-item"><a href="{{ URL::route('enseignant_dossiers') }}" class="breadcrumb-link">Dossiers</a></li>

                                        @else

                                          <li class="breadcrumb-item"><a href="{{ URL::route('enseignant_index') }}" class="breadcrumb-link">Accueil</a></li>

                                          <li class="breadcrumb-item"><a href="{{ URL::route('enseignant_documents') }}" class="breadcrumb-link">Mes dossiers</a></li>

                                        @endif


                                          <li class="breadcrumb-item active" aria-current="page">{{ html_entity_decode($folder->folder_name) }}</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">
  <div class="card">
    <h5 class="card-header">

@if(auth()->user()->super_admin == 1 OR auth()->user()->is_teacher == 1)

      <a href="#" class="btn btn-primary mb-1" data-toggle="modal" data-target="#exampleModal"><i class="fa fa-plus"></i> Déposer des ressources </a>

@endif

    </h5>
  <div class="card-body">

<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
  <div class="modal-content">
    <div class="modal-header">
      <h5 class="modal-title" id="exampleModalLabel">Déposer des ressources</h5>
      <a  onclick="refresh();" href="#" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></a>
    </div>
    <div class="modal-body">

<div class="col-md-12 text-center resp-div" style="display: none;">
  <div class="msg mb-3"></div>

    <div class="progress mb-3" style="margin: auto;">
      <div class="progress-bar progress-bar-success progress-bar-striped myprogress" role="progressbar" style="width:0%; ">0%</div>
    </div>
    
</div>



<div class="clearfix"></div>


<form method="POST" id="FormID" action="#" enctype="multipart/form-data">

<input type="hidden" name="_token" id="token" value="{{ csrf_token() }}">


  <div class="col-md-12">
    <div class="form-group">
    <label>Nom de fichier:</label>
    <input name="file_name" type="text" class="form-control input-lg" value="{{ old('file_name') }}" id="file_name" required="required">
    </div>
  </div>

<div class="col-md-12">
      <label>fichier</label>
        <div class="custom-file">
          <input type="file" name="file" id="file" required="required" onchange="ValidateSize(this)">
        </div>
        <small class="form-text">Fichiers autorisés: <span class="text-uppercase">jpg|jpeg|gif|png|bmp|pdf|doc|docx|txt|ppt|pptx|xls|xlsx|zip|rar|mp4|avi|mpeg|mpg|mov|wmv|rm|3gp|webm</span></small>
        <small class="form-text text-danger">La taille limite du fichier est de 50Mo </small>
        
        @if($errors->first('file'))
          <small class="form-text text-danger">{{ $errors->first('file') }}</small>
        @endif
</div>

<div class="clearfix"></div><br>

<div class="col-md-12">
    <button type="submit" name="submit" id="submit" class="btn btn-success btn-block input-lg">Déposer</button>
</div>

<div class="clearfix"></div>


</form>



    </div>
    <div class="modal-footer">
      <a  onclick="refresh();" href="#" class="btn btn-dark" data-dismiss="modal">Fermer</a>
    </div>
  </div>
</div>
</div>
<!-- End Modal -->




<div class="clearfix"></div>

@if(Session::has('error'))

<div class="alert alert-danger alert-dismissible fade show text-center" role="alert">
  <strong>{{ Session::get('error') }}</strong>
  <button type="button" class="close" data-dismiss="alert" aria-label="Close">
    <span aria-hidden="true">&times;</span>
  </button>
</div>

@endif

@if(Session::has('success'))
<div class="alert alert-success alert-dismissible fade show text-center" role="alert">
  <strong>{{ Session::get('success') }}</strong>
  <button type="button" class="close" data-dismiss="alert" aria-label="Close">
    <span aria-hidden="true">&times;</span>
  </button>
</div>
@endif

<div class="clearfix"></div>



        <div class="table-responsive">
          <table id="example" class="table table-striped table-bordered first">
            <thead>
            <tr class="text-uppercase">
              <th style="width: 20%">Nom de fichier</th>
              <th>Télécharger</th>
              <th>Type de fichier</th>
              <th>Taille du fichier</th>
              <th>Date</th>
              <th>Action</th>
            </tr>
            </thead>
            <tbody>

             @foreach($files as $fil)
                <tr>
                                                
                    <td>{{ html_entity_decode($fil->file_name) }}</td>

                    <td class="text-center">
                      <a class="btn btn-rounded btn-dark btn-sm" target="_black" href="{{ url('/') }}/uploads/files/{{ $fil->file_path }}"><i class="fas fa-download"></i></a>
                      
                    </td>

                    <td class="text-uppercase">{{ $fil->file_type }}</td>
                    <td>{{ formatSizeUnits($fil->file_size) }}</td>
                    
                    <td>
                    
                      {{ $enTofr->format('d/m/Y H:i') }}
                    </td>

                    <td>

                      @if(auth()->user()->super_admin == 1 OR auth()->user()->is_teacher == 1)

                        <a href="#" data-toggle="modal" data-target="#exampleModal-{{ $fil->id }}" class="btn btn-success btn-sm"><i class="fa fa-edit"></i> Renommer</a>
                      @endif


                        @if(auth()->user()->super_admin == 1)

                          <a onclick="return confirm('Supprimer?')" href="{{ URL::route('file_delete', $fil->id) }}" class="btn btn-danger btn-sm"><i class="fa fa-edit"></i> Supprimer</a>

                        @endif

<!-- Modal -->
<div class="modal fade" id="exampleModal-{{ $fil->id }}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel-{{ $fil->id }}" aria-hidden="true">
<div class="modal-dialog" role="document">
  <div class="modal-content">
    <div class="modal-header">
      <h5 class="modal-title" id="exampleModalLabel-{{ $fil->id }}">Renommer</h5>
      <a href="#" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></a>
    </div>
    <div class="modal-body">

<form method="POST" action="{{ URL::route('files_update', [$folder->id, $fil->id]) }}">

{{ csrf_field() }}


  <div class="col-md-12">
    <div class="form-group">
    <label>Nom de fichier:</label>
    <input name="file_name_up" type="text" class="form-control input-lg" value="{{ $fil->file_name }}" required>
    </div>
  </div>


<div class="clearfix"></div><br>

<div class="col-md-12">
    <button class="btn btn-success btn-block input-lg" type="submit">Renommer</button>
</div>


</form>

    </div>
    <div class="modal-footer">
      <a href="#" class="btn btn-dark" data-dismiss="modal">Fermer</a>
    </div>
  </div>
</div>
</div>
<!-- End Modal -->

                    </td>

                  </tr>



                    @endforeach
                  </tbody>
              </table>
          </div>



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

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

                    

@stop