@extends('layouts.admin')

@section('content')
<style type="text/css">
.form-label {
  font-weight: bold;
  color: #333; /* Adjust color as desired */
}
</style>
  <div class="bg-primary pt-10 pb-21"></div>
    <div class="container-fluid mt-n22 px-6">
        <div class="row">
            <div class="col-lg-12 col-md-12 col-12">
                <!-- Page header -->
                <div>
                    <div class="d-flex justify-content-between align-items-center">
                        <div class="mb-2 mb-lg-0">
                            <h3 class="mb-0  text-white">
                               <a href="" class="text-white" >
                         <strong></strong>
                                </a> 
                            </h3>
                        </div>
                        <div>
                        <h3 class="mb-0  text-dark">
                               <a href="" class="text-warning" >
                           
                                </a> 
                            </h3>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <!-- row  -->
        <div class="row mt-6">
            <div class="col-md-12 col-12">
                <!-- card  -->
                <div class="card">
                    <!-- card header  -->
                    <div class="card-header bg-white  py-4">
                        <h4 class="mb-0">{{ __('Mise à jour Masterclass') }}</h4>
                    </div>
                    <div class="card-body">
                         <form method="POST" action="{{ route('admin.masterclasses.update',$masterclass->id) }}" enctype="multipart/form-data">
                                     @method('PATCH')
                                    @csrf
                                  
                                <div class="row"> 
                                  <div class="col-md-6 mb-3">
                                    <label for="titre" class="form-label">{{ __('Titre') }}</label>
                                    <input id="titre" value="{{$masterclass->titre}}" type="text" class="form-control @error('titre') is-invalid @enderror" name="titre"  autocomplete="titre" autofocus>
                                    @error('titre')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                  </div>
                                 <div class="col-md-12 mb-3">
                                    <label for="description" class="form-label">{{ __('Description') }}</label>
                          
                                      <textarea id="description" name="description">
                                        {{$masterclass->description}}
                                            </textarea>
                                    @error('description')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                  </div>
                                </div>
                                  <div class="row"> 
                                  
                                 <div class="col-md-6 mb-3">
                                    <label for="date" class="form-label">{{ __('Date') }}</label>
                                
                                   <input id="date"  value="{{ $masterclass->date ? date('Y-m-d h:i:s', strtotime($masterclass->date)) : '' }}" type="datetime-local" class="form-control @error('date') is-invalid @enderror" name="date"   autocomplete="date" autofocus>
                                    @error('date')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                  </div>
                                  <div class="col-md-6 mb-3">
                                    <label for="presentateur_id" class="form-label">{{ __('Présentateur') }}</label>
                                 <select name="presentateur_id" id="presentateur_id" class="form-control @error('presentateur_id') is-invalid @enderror">
                                       <option value="" disabled selected>-------------</option>
                                      @foreach($presentateurs as $p)

                                          <option value="{{ $p->id }}" @if($masterclass->presentateur_id==$p->id) selected @endif>{{ $p->nom }} {{ $p->prenom }}</option>
                                      @endforeach
                                    </select>
                                    @error('presentateur_id')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                                  <a href="{{ route('admin.presentateurs.create') }}" class="d-block mt-2 text-primary">{{ __('Créer un nouveau présentateur') }}</a>
                                  </div>
                                </div>
                                <hr>
                                
                                <h3>Images</h3>
                                 <hr>
                                  <div class="row"> 
                                          <div class="col-md-3" id="gallery-img">

                                              <img alt="image" class="mb-3" style="width: 100%;max-height: 200px" src="{{$masterclass->image}}" class="img-fluid">
                                          </div>
                                </div>
                                <div class="row"> 
                                  <div class="col-md-12 mb-3">

                                     <input type="file" id="image"   accept="image/*" name="image" >
                                  </div>
                                 
                                
                               
                                </div>
                                  <hr>
                     

                                  <div>
                                    <!-- Button -->
                                    <div class="col-md-2 d-grid">
                                      <button type="submit" class="btn btn-primary">
                                        {{ __('Enregistrer') }}
                                      </button>
                                    </div>

                         
                                  </div>

                                </form>
                   
                </div>
            </div>
            </div>
        </div>  
 <hr>
<div class="row bg-dark pt-3 pb-3">
    <!-- Button trigger modal -->



    <div class="col-md-2 ">
                          <h4 class="mb-0 text-white"> {{ __('Liste des Vidéos') }}</strong></h4>
     </div>
      <div class="col-md-2 offset-md-8">
                          <button type="button" class="btn btn-info" data-bs-toggle="modal" data-bs-target="#modalAddVideo">
  Ajouter un vidéo
</button>
     </div>

                 <!-- Modal -->
            <div class="modal fade" id="modalAddVideo" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
              <div class="modal-dialog">
                <div class="modal-content">
                     <form action="{{ route('admin.videos.store') }}" method="POST" enctype="multipart/form-data">
                            @csrf
                  <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Ajout de vidéo</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                  </div>
                  <div class="modal-body">

                        <div class="form-group">
                            <label for="titre">Titre:</label>
                            <input type="text" class="form-control" id="titre" name="titre" required>
                        </div>

                        <div class="form-group">
                            <label for="description">Description:</label>
                            <textarea class="form-control" id="description" name="description" rows="3" required></textarea>
                        </div>
                        <div class="form-group">
                            <label for="description">Date :</label>
                            <input class="form-control"  type="datetime-local" id="date_video" name="date_video"  required>
                        </div>
                        <div class="form-group">
                            <label for="lien">Lien:</label>
                            <input type="url" class="form-control" id="lien" name="lien" required>
                        </div>

                        <div class="form-group">
                            <label for="duree">Durée:</label>
                            <input type="text" class="form-control" id="duree" name="duree" required>
                        </div>
                        <div class="form-group">
                            <label for="available_ontrial" class="form-label">{{ __("Disponible en période d'essai") }}</label>
                            <input id="available_ontrial" style="width: 20px" type="checkbox" class="form-check-input @error('available_ontrial') is-invalid @enderror" checked name="available_ontrial" value="1"  autofocus>
                                    
                            @error('available_ontrial')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                         <input type="hidden" class="form-control" id="masterclasse_id" name="masterclasse_id" value="{{$masterclass->id}}">
               
                  </div>
                  <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fermer</button>
                    <button type="submit" class="btn btn-primary">Enregistrer</button>
                  </div>
                      </form>
                </div>
                 
              </div>
            </div>
 </div>
  <hr>
 <div class="row">
                      
     
          <div class="table-responsive mt-2">
                        <table class="table text-nowrap mb-0">
                            <thead class="table-light">
                                <tr>
                                    <th>{{ __('Titre') }}</th>
                                    <th>{{ __('description') }}</th>
                                    <th>{{ __('Durée') }}</th>
                                    <th>{{ __('Lien') }}</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                            @forelse($masterclass->videos as $video)
                                <tr>
                                   <td class="align-middle">
                                      <h5 class=" mb-1"> <a href="" class="text-inherit">{!! $video->titre !!}</a></h5>
                                    </td>
                                    <td class="align-middle">
                                      <h5 class=" mb-1"> <a href="" class="text-inherit">{!! $video->description !!}</a></h5>
                                    </td>
                             
                                    <td class="align-middle">
                                       <h5 > {{$video->duree}}</h5>
                                    </td>
                                      <td class="align-middle">
                                       <h5 > {{$video->lien}}</h5>
                                    </td>
                                    <td>
                                      
                              
                                              <a href="" class="btn btn-ghost btn-icon btn-sm rounded-circle texttooltip" data-template="eyeOne" data-bs-toggle="modal" data-bs-target="#modalEditVideo{{$video->id}}" >
                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-eye icon-xs"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg>
                                                <div id="eyeOne" class="d-none">
                                                  <span>View</span>
                                                </div>
                                              </a>
                                            
                                

                                    </td>

                                                <div class="modal fade" id="modalEditVideo{{$video->id}}" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                                      <div class="modal-dialog">
                                                        <div class="modal-content">
                                                             <form action="{{ route('admin.videos.update',$video->id ) }}" method="POST" enctype="multipart/form-data">
                                                                     @method('PATCH')
                                                                    @csrf
                                                          <div class="modal-header">
                                                            <h5 class="modal-title" id="exampleModalLabel">Ajout de vidéo</h5>
                                                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                                          </div>
                                                          <div class="modal-body">

                                                                <div class="form-group">
                                                                    <label for="titre">Titre:</label>
                                                                    <input type="text" class="form-control" id="titre" value="{{$video->titre}}" name="titre" required>
                                                                </div>

                                                                <div class="form-group">
                                                                    <label for="description">Description:</label>
                                                                    <textarea class="form-control" id="description" name="description"  rows="3" required>{{$video->description}}</textarea>
                                                                </div>
                                                                
                                                                <div class="form-group">
                                                                    <label for="description">Date :</label>
                                                                    <input class="form-control"  type="datetime-local" id="date_video" name="date_video" value="{{ $video->date_video ? date('Y-m-d h:i:s', strtotime($video->date_video)) : '' }}" required>
                                                                </div>

                                                                <div class="form-group">
                                                                    <label for="lien">Lien:</label>
                                                                    <input type="url" value="{{$video->lien}}" class="form-control" id="lien" name="lien" required>
                                                                </div>

                                                                <div class="form-group">
                                                                    <label for="duree">Durée:</label>
                                                                    <input type="text" value="{{$video->duree}}" class="form-control" id="duree" name="duree" required>
                                                                </div>
                                                                 <div class="form-group">
                                                                    <label for="available_ontrial" class="form-label">{{ __("Disponible en période d'essai") }}</label>
                                                                    <input id="available_ontrial" style="width: 20px" type="checkbox" class="form-check-input @error('available_ontrial') is-invalid @enderror" name="available_ontrial" value="1" {{ $video->available_ontrial == 1 ? 'checked' : '' }}  autofocus>
                                                                            
                                                                    @error('available_ontrial')
                                                                        <span class="invalid-feedback" role="alert">
                                                                            <strong>{{ $message }}</strong>
                                                                        </span>
                                                                    @enderror
                                                                </div>
                                                                 <input type="hidden" class="form-control" id="masterclasse_id" name="masterclasse_id" value="{{$masterclass->id}}">
                                                       
                                                          </div>
                                                          <div class="modal-footer">
                                                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fermer</button>
                                                            <button type="submit" class="btn btn-primary">Enregistrer</button>
                                                          </div>
                                                              </form>
                                                        </div>
                                                         
                                                      </div>
                                                    </div>
                                    
                                </tr>
                             @empty
                                 <tr>
                                   <td colspan="5" class="text-center">No data found.</td>
                                </tr>
                             @endforelse
                            
                            </tbody>
                        </table>
                    </div>
               </div>
     </div>



       

@endsection


@push('scripts')
<script>
    $(document).ready(function(){
       $('#description').trumbowyg();
    });

</script>
@endpush