@extends('academia.layouts.dashboard')

@section('content')

<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    
                @if(Auth::user()->rol_id == 0)    
                <div class="col-md-3">
                    <div class="form-group">
                        <a class="btn btn-info text-white btn-block" data-toggle="modal" data-target="#agregar">Agregar Cursos</a>
                    </div>
                </div>
                @endif
                    
                <table class="table table-bordered table-striped zero-configuration">
				      <thead>
					    <tr>
						<th class="text-center">
                            #
                        </th>
                        <th class="text-center">
                            Título
                        </th>
                     
                        <th class="text-center">
                            Categoría
                        </th>
                        
                        <th class="text-center">
                            Lecciones
                        </th>
                        
                        <th class="text-center">
                            Precio
                        </th>
                        
                        <th class="text-center">
                            Tipo de Curso
                        </th>
                        
                        <th class="text-center">
                            Estado
                        </th>
                        
                        <th class="text-center">
                            Acciones
                        </th>
					</tr>
				</thead>
				<tbody>
					@foreach($cursos as $curs)
					<tr>
						<td class="text-center">
                            {{$curs->id}}
                        </td>
                       
                        <td class="text-center">
                            {{$curs->title}}
                        </td>
                        
                        <td class="text-center">
                            {{$curs->category->title}}
                        </td>
                        
                        <td class="text-center">
                            {{$curs->lessons->count()}}
                        </td>
                        
                        <td class="text-center">
                            @if ($moneda->mostrar_a_d)
                                {{$moneda->simbolo}} {{number_format($curs->price, 2 , "." , ",") . "\n"}}
                            @else
                                {{number_format($curs->price, 2 , "." , ",") . "\n"}} {{$moneda->simbolo}}
                            @endif
                        </td>
                        
                        <td class="text-center">
                            @if($curs->tipocurso == 0)
                              Gratis
                            @elseif($curs->tipocurso == 1)
                              Pago
                            @elseif($curs->tipocurso == 2)
                              Acivación por Producto
                            @endif
                        </td>
                        
                        <td class="text-center">
                            @if($curs->status == 0)
                              Deshabilitado
                            @elseif($curs->status == 1)
                              Habilitado
                            @endif
                        </td>    
                        
                        <td class="text-center">
                            
                            @if(Auth::user()->rol_id == 0) 
                            
                                <a class="btn btn-info text-white" data-toggle="modal" data-target="#editarcurso" onclick="editarcurso('{{$curs->id}}','{{$curs->title}}','{{$curs->mentor_id}}','{{$curs->category_id}}'
                                ,'{{$curs->price}}','{{$curs->tipocurso}}','{{$curs->tiempo}}','{{$curs->idproducto_sinergia}}','{{$curs->url_introduccion}}')" title="editar curso">
                                   <i class="fa fa-edit"></i>
                                </a>
                            
                                @if($curs->status == 1)
                                <a class="btn btn-danger text-white" href="{{ route('cursos-bloqueo', $curs->id) }}" title="deshabilitar">
                                    <i class="fa fa-ban"></i>
                                </a>
                                @else
                                <a class="btn btn-info text-white" href="{{ route('cursos-bloqueo', $curs->id) }}" title="Habilitar">
                                    <i class="fa fa-ban"></i>
                                </a>
                                @endif
                                
                            @endif    
                            
                            <a class="btn btn-warning text-white" href="{{ route('cursos-vista', $curs->id) }}" title="Ver Recursos Adicionales">
                                <i class="fa fa-file"></i>
                            </a>
                                
                            <a class="btn btn-warning text-white" href="{{ route('lecciones-index', $curs->id) }}" title="Agregar Lecciones">
                                <i class="fa fa-list"></i>
                            </a>
                            
                            <a class="btn btn-primary text-white" href="{{ route('academia-evaluacion-index', $curs->id) }}" title="Agregar Evaluaciones">
                                <i class="fa-solid fa-layer-group"></i>
                            </a>
                                
                            
                        </td>
					</tr>
					@endforeach
				</tbody>
			</table>
			
                </div>
            </div>
        </div>
    </div>
</div>



<div class="modal fade" id="agregar" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Crear Curso</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <form action="{{route('cursos-crear')}}" method="post" enctype="multipart/form-data">
          {{ csrf_field() }}

            <div class="col-md-12">
                <div class="form-group">
                    <label>Título del curso</label>
                    <input type="text" class="form-control" name="titulo" required>
                </div>
            </div>
            
            
            <div class="col-md-12">
                <div class="form-group">
                    <label>Precio</label>
                    <input type="text" class="form-control" name="price" min="0" required>
                </div>
            </div>
            
            <div class="col-md-12">
                <div class="form-group">
                    <label>Duración del vídeo</label>
                    <input type="text" class="form-control" name="tiempo" required>
                </div>
            </div>
            
            <div class="col-md-12">
                <div class="form-group">
                    <label>Código del vídeo Introductorio (Opcional)</label>
                    <input type="url" class="form-control" name="url_introduccion">
                </div>
            </div>
            
            <div class="col-md-12">
                <div class="form-group">
                    <label>Tipo de Curso</label>
                    <select class="form-control" name="tipocurso" required onchange="cambiocursos(this.value)">
                     <option value="" selected disabled>Seleccione una Opción</option>
                    
                       <option value="0">Gratuito</option>
                       <option value="1">Pago</option>
                       <option value="2">Acivación por Producto</option>
                     
                    </select>
                </div>
            </div>
            
            <div class="col-md-12 sinergia" style="display:none;">
                <div class="form-group">
                    <label>Productos</label>
                    <select class="form-control" name="sinergia">
                     <option value="" selected disabled>Seleccione una Opción</option>
                    
                       @foreach($productos as $pro)
                       <option value="{{ $pro->ID }}">{{ $pro->post_title }}</option>
                       @endforeach
                       
                    </select>
                </div>
            </div>
            
            <div class="col-md-12">
                <div class="form-group">
                    <label>Categorías</label>
                    <select class="form-control" name="categoria" required>
                     <option value="" selected disabled>Seleccione una Opción</option>
                     @foreach($categorias as $cat)
                       <option value="{{$cat->id}}">{{$cat->title}}</option>
                     @endforeach
                    </select>
                </div>
            </div>
            
            <div class="col-md-12">
                <div class="form-group">
                    <label>Mentores</label>
                    <select class="form-control" name="mentor" required>
                     <option value="" selected disabled>Seleccione una Opción</option>
                       
                       @foreach($mentores as $mentor)
                       <option value="{{$mentor->ID}}">{{$mentor->display_name}}</option>
                       @endforeach
                     
                    </select>
                </div>
            </div>
            
            
            <div class="col-md-12">
                <div class="form-group">
                    <label>Descripción</label>
                    <textarea name="descripcion" class="summernote"></textarea>
                </div>
            </div>
            
            <div class="col-md-12">
               <div class="form-group">
                <label>Imagen de Cover</label>
                <input class="form-control" type="file" name="imagen" required>
               </div>    
            </div>

           
            <div class="col-md-12">
                <div class="form-group">    
                 <button type="submit" class="btn btn-info btn-block">Aceptar</button>
                </div>
            </div>
            
        </form>
      </div>
      <div class="modal-footer">
       
      </div>
    </div>
  </div>
</div> 




<div class="modal fade" id="editarcurso" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Editar Curso</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <form action="{{route('cursos-editar')}}" method="post" enctype="multipart/form-data">
          {{ csrf_field() }}
            
            <input type="hidden" class="id" name="id">
            
            <div class="col-md-12">
                <div class="form-group">
                    <label>Título del curso</label>
                    <input type="text" class="form-control title" name="titulo" required>
                </div>
            </div>
            
            <div class="col-md-12">
                <div class="form-group">
                    <label>Precio</label>
                    <input type="text" class="form-control precio" name="price" min="0" required>
                </div>
            </div>
            
            <div class="col-md-12">
                <div class="form-group">
                    <label>Duración del vídeo</label>
                    <input type="text" class="form-control tiempo" name="tiempo" required>
                </div>
            </div>
            
            <div class="col-md-12">
                <div class="form-group">
                    <label>Código del vídeo Introductorio (Opcional)</label>
                    <input type="url" class="form-control url_introduccion" name="url_introduccion">
                </div>
            </div>
            
            <div class="col-md-12">
                <div class="form-group">
                    <label>Tipo de Curso</label>
                    <select class="form-control tipocurso" name="tipocurso" required onchange="cambiocursos(this.value)">
                     <option value="" selected disabled>Seleccione una Opción</option>
                    
                       <option value="0">Gratuito</option>
                       <option value="1">Pago</option>
                       <option value="2">Acivación por Producto</option>
                     
                    </select>
                </div>
            </div>
            
            <div class="col-md-12 sinergia" style="display:none;">
                <div class="form-group">
                    <label>Productos</label>
                    <select class="form-control sinerg" name="sinergia">
                     <option value="" selected disabled>Seleccione una Opción</option>
                    
                       @foreach($productos as $pro)
                       <option value="{{ $pro->ID }}">{{ $pro->post_title }}</option>
                       @endforeach
                       
                    </select>
                </div>
            </div>
            
            <div class="col-md-12">
                <div class="form-group">
                    <label>Categorías</label>
                    <select class="form-control categoria" name="categoria" required>
                     <option value="" selected disabled>Seleccione una Opción</option>
                     @foreach($categorias as $cat)
                       <option value="{{$cat->id}}">{{$cat->title}}</option>
                     @endforeach
                    </select>
                </div>
            </div>
            
            <div class="col-md-12">
                <div class="form-group">
                    <label>Mentores</label>
                    <select class="form-control mentor" name="mentor" required>
                     <option value="" selected disabled>Seleccione una Opción</option>
                     
                       @foreach($mentores as $mentor)
                       <option value="{{$mentor->ID}}">{{$mentor->display_name}}</option>
                       @endforeach
                     
                    </select>
                </div>
            </div>
            
            
            <div class="col-md-12">
                <div class="form-group">
                    <label>Descripción</label>
                    <textarea name="descripcion" class="summernoteeditar"></textarea>
                </div>
            </div>
            
            
            
            <div class="col-md-12">
               <div class="form-group">
                <label>Imagen de Cover</label>
                <input class="form-control" type="file" name="imagen">
               </div>    
            </div>

           
            <div class="col-md-12">
                <div class="form-group">    
                 <button type="submit" class="btn btn-info btn-block">Aceptar</button>
                </div>
            </div>
            
        </form>
      </div>
      <div class="modal-footer">
       
      </div>
    </div>
  </div>
</div> 


@endsection
@include('usuario.componentes.scripBotones')

@push('script')
<script type="text/javascript">
   
    $(document).ready(function () {
        $('.summernote').summernote({
          toolbar: [
            ['style', ['style']],
            ['font', ['bold', 'underline', 'clear']],
            ['color', ['color']],
            ['para', ['ul', 'ol', 'paragraph']],
            ['table', ['table']],
            ['view', ['fullscreen', 'codeview']]
          ]
        });
    })
    
    
    function editarcurso(id, title, mentor, categoria, precio, tipocurso, tiempo, sinergia, url_introduccion){
      
        $('.id').val(id);
        $('.title').val(title);
        $('.categoria').val(categoria);
        $('.mentor').val(mentor);
        $('.precio').val(precio);
        $('.tiempo').val(tiempo);
        $('.tipocurso').val(tipocurso);
        $('.sinerg').val(sinergia);
        $('.url_introduccion').val(url_introduccion);
        
        if(sinergia > 0){
            $('.sinergia').show('slow')
        }else{
            $('.sinergia').hide('slow')
        }
        
        $.get('{{request()->root()}}/academia/infocurso/'+id, function (response) {
             cursos = JSON.parse(response)
             
            cursos.forEach(item => {
               $('.summernoteeditar').summernote('code', item.description);
            });
        });
    }
    
    
    function cambiocursos(valor){
        
        if(valor == 2){
            $('.sinergia').show('slow')
        }else{
            $('.sinergia').hide('slow')
        }
    }
  
</script>
@endpush