@extends('mentor.layouts.app')
@section('content')
<div class="nk-wrap ">
<div class="nk-header nk-header-fixed is-light"></div>
<div class="nk-content ">
   <div class="container-fluid">
      <div class="nk-content-inner">
         <div class="nk-content-body">
            <div class="form-group">
               <div class="card card-preview">
                  <div class="card-inner">
                     <!-- <div class="preview-block">
                        <span class="preview-title-lg overline-title">Default Preview</span>
                        </div> -->
                     <div class="nk-block nk-block-lg">
                        <div class="nk-block-head">
                           <div class="nk-block-head-content nk-block-head-content d-flex justify-content-between align-items-center">
                              <h4 class="nk-block-title">All Videos</h4>
                              <a href="{{ route('tutorial.create') }}" class="btn btn-primary">Add Tutorial</a>
                           </div>
                        </div>
                        <div class="card card-preview">
                           <div class="card-inner">
                              <table class="datatable-init nowrap table">
                                 <thead>
                                    <tr>
                                       <th>Id</th>
                                       <th>Heading</th>
                                       <th>Discription</th>
                                       <th>Video</th>
                                       <th>Open Video</th>
                                       <th>Status</th>
                                       <th>Action</th>
                                    </tr>
                                 </thead>
                                 <tbody>
                                    <tr>
                                       @foreach ($mentors as $mentor)  
                                       <td>{{$mentor->id}}</td>
                                       <td>{{$mentor->title}}</td>
                                       <td>{{$mentor->content}}</td>
                                       <td>
                                          <iframe src="/video_file/{{$mentor->video_file}}" width="100px" height="80px"></iframe>
                                       </td>
                                       <td> 
                                          @if($mentor->video_file != '' & file_exists(public_path().'/video_file/'.$mentor->video_file))
                                             <a href="/video_file/{{$mentor->video_file}}" target="_blank" class="btn btn-primary btn-sm">Open File</a>
                                          @else
                                          @endif
                                       </td>
                                       <td>
                                                                                          <a href="{{url('mentor/update',$mentor->id)}}" class="btn btn-danger">Disable</a>
                                           
                                       </td>
                                       <td>
                                          <a href="{{route('files.edit',$mentor->id)}}" class="btn btn-primary btn-sm">Edit</a>
                                          <a href="/video_file/{{$mentor->video_file}}"download="{{$mentor->video_file}}" class="btn btn-primary btn-sm">Download</a>
                                          <a  onclick="deleteFile({{ $mentor->id }})" class="btn btn-danger btn-sm">Delete</a>
                                          <form id="file-edit-action-{{ $mentor->id }}" action="{{ route('files.destroy',$mentor->id) }}" method="post">
                                             @csrf
                                             @method('DELETE')
                                          </form>
                                       </td>
                                    </tr> 
                                    @endforeach
                                 </tbody>
                              </table>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
 </div>
</div>
<script>
   function deleteFile(id) {
       if (confirm("Are you sure you want to Delete ?")) {
           document.getElementById('file-edit-action-'+id).submit();
       }
   }
</script>
@endsection