@extends('layouts.admin')

@section('content')

<script type="text/javascript">
    async function borrarComentario(id){
        swal({
            title: '¿Deseas eliminar este comentario?',
            text: "Una vez eliminado no puede recuperarse",
            icon: 'warning',
            buttons: [true, "Sí"]
        }).then((result)=>{
            if(result){
                url= "comentarios/"+id;
                $.ajax({
                headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
                type: "post",
                url: url,
                data: {
                    id: id,
                    _method: 'DELETE'
                }, success: function () {
                    swal({
                          title: 'Comentario Eliminado',
                          text: 'Se eliminó el curso',
                          icon: 'success'
                        });
                        setInterval(function() {
                    window.location.reload();
                }, 1000);
                }
                });
                } 
        });
    }
</script>


    <div class="container">
        
        <h1 class="text-center text-uppercase">Estás en el curso: {{$curso->nombre}}</h1>
        <br>
        <img class="img-fluid rounded mb-5" src="/public/storage/{{ $curso->imagen }}" alt="..." />
        <div class="row">
            {{-- <div class="col-md-6">
                <h2 class="text-center">Materiales del curso: </h2>
            </div> --}}
            <div class="col-md-12">
                <h2 class="text-center">Eventos del curso: </h2>
                @foreach ($eventos as $evento)
                <div class="card align-center">
                    <div class="card-body">
                      <h5 class="card-title text-center">{{$evento->title}}</h5>
                      <p class="card-text text-center">{{$evento->descripcion}}</p>
                      <p class="card-text text-center">Fecha y hora: {{$evento->start}}</p>
                      <a href="{{$evento->link}}" target="_blank" class="card-text text-center">Link de la reunión</a>
                    </div>
                  </div>
                @endforeach
                {{$eventos->links('pagination::bootstrap-4')}}
            </div>
            
            {{-- codigo del modal --}}
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-8">
                        <!-- Portfolio Modal - Title-->
                        {{-- <h2 class="portfolio-modal-title text-secondary text-uppercase mb-0">{{ $curso->nombre }}</h2> --}}
                        <p>{{ $curso->descripcion }}</p>
                        <!-- Icon Divider-->
                        <div class="divider-custom">
                            <div class="divider-custom-line"></div>
                            <div class="divider-custom-icon"></div>
                            <div class="divider-custom-line"></div>
                        </div>
                        <!-- Portfolio Modal - Image-->
                        

                        

                        {{-- <p>{{ $curso->imagen }}</p> --}}
                        <!-- Portfolio Modal - Text-->
                        <h2 class="portfolio-modal-title text-secondary text-uppercase mb-0 text-center">Materiales del curso</h2>
                        <div class="text-center">
                            @foreach ($curso->entradas as $entrada)
                            <p class="mb-4">Categoría: {{ $curso->categoria->nombre }}</p>
                            <a class="btn btn-primary" target="_blank" href="{{ $entrada->url }}">
                                {{ $entrada->titulo }}

                            </a>
                            <br>
                        </div>
                        @endforeach
                        <br>
                        <br>
                        <h3 class="portfolio-modal-title text-secondary text-uppercase mb-0 text-center">Comentarios</h3>
                        <div class="divider-custom">
                            <div class="divider-custom-line"></div>
                            <div class="divider-custom-icon"></div>
                            <div class="divider-custom-line"></div>
                        </div>

                        <!-- seccion de comentarios del curso -->
                        <div class="container">
                                <div class="col-lg-12">
                                    <div class="panel panel-default widget">
                                        <div class="panel-heading">
                                            <span class="glyphicon glyphicon-comment"></span>
                                            
                                            
                                        </div>
                                        <div class="panel-body card align-center">
                                            <ul class="list-group">
                                                @foreach ($comentarios as $comentario)
                            
                                                {{-- list-group --}}
                                                    <li class="list-group text-center">
                                                        <div class="row">
                                                            <div class="col-xs-2 col-md-1">
                                                                {{-- <img src="http://placehold.it/80" class="img-circle img-responsive" alt="" /> --}}
                                                            </div>
                                                            <div class="col-xs-10 col-md-11">
                                                                <div>
                                                                    
                                                                    <div class="mic-info">
                                                                        Comentado por: <a href="#">{{ $comentario->user->name }}</a> El {{ $comentario->created_at }}
                                                                    </div>
                                                                </div>
                                                                <div class="comment-text">
                                                                {{ $comentario->comentario_texto }}
                                                                @if ($comentario->archivo != '')
                                                                
                                                                <br>
                                                                <a href="https://localhost/ProyectoJardines/storage/app/public/{{ $comentario->archivo }}" target="_blank"><p>Archivo adjunto</p></a>
                                                                @endif
                                                                </div>
                                                                {{-- <a onClick="borrarComentario({{$comentario->id}})" class="btn btn-danger">Eliminar</a> --}}
                                                                {{-- <div class="action">
                                                                    <button type="button" class="btn btn-primary btn-xs" title="Edit">
                                                                        <span class="glyphicon glyphicon-pencil"></span>
                                                                    </button>
                                                                    <button type="button" class="btn btn-success btn-xs" title="Approved">
                                                                        <span class="glyphicon glyphicon-ok"></span>
                                                                    </button>
                                                                    <button type="button" class="btn btn-danger btn-xs" title="Delete">
                                                                        <span class="glyphicon glyphicon-trash"></span>
                                                                    </button>
                                                                </div> --}}
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <br>
                                                @endforeach
                                                {{$comentarios->links('pagination::bootstrap-4')}}
                                            </ul>
                                            {{-- <a href="#" class="btn btn-primary btn-sm btn-block" role="button"><span class="glyphicon glyphicon-refresh"></span> More</a> --}}
                                        </div>
                                </div>
                            </div>
                        </div>
                        
                        



                        <br>
                        {{-- <form action="{{ route('comentario.crear') }}" method="POST" enctype="multipart/form-data" novalidate >
                            @csrf
                            <div class="mb-3">
                                <label for="exampleInputEmail1" class="form-label">Comentario (Puedes agregar url a imagenes, documentos, etc) </label>
                                <textarea class="form-control" id="exampleFormControlTextarea1" name ="comentario" rows="3"></textarea>

                            </div>
                            <div class="mb-3">
                                <label" class="form-label">Archivo(opcional)</label>
                                    <input type="file" class="form-control" id="comentarioFile" name="comentario_file">
                            </div>

                            <button type="submit" class="btn btn-primary">Comentar</button>
                            <input type="hidden" value="{{ $curso->id }}" name="id_curso">
                        </form> --}}
                        <br>
                        <br>
                        <h2 class="text-center">Moderadores del curso</h2>
                        <table id="example" class="table table-bordered" style="width:100%">
                            <thead>
                                <tr>
                                    <th>Nombre</th>
                                    <th>Email</th>
                                    <th>Rol</th>
                                    
                                    
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($mods as $mod)
                                <tr>

                                    <td>{{ $mod->user->name }}</td>

                                    <td>
                                        {{ $mod->user->email }}
                                    </td>

                                    <td>
                                        {{ $mod->user->rol->nombre }}
                                    </td>
                                    
                                </tr>
                                
                                @endforeach
                            </tbody>
                            <tfoot>
                                <tr>
                                    <th>Nombre</th>
                                    <th>Email</th>
                                    <th>Rol</th>
                                </tr>
                            </tfoot>
                        </table>
                        <script>
                            var tabla = document.querySelector("#example");
                        
                            var dataTable = new DataTable(tabla);
                        </script>
                            <br>
                            <br>
                            {{-- <h3 class="portfolio-modal-title text-secondary text-uppercase mb-0 text-center">Cuentanos tu opinion sobre el curso</h3> --}}
                            <br>
                                <!-- Icon Divider-->
                            <div class="divider-custom">
                                <div class="divider-custom-line"></div>
                                <div class="divider-custom-icon"></div>
                                <div class="divider-custom-line"></div>
                            </div>
                            @php
                                
                                $asistencia = Illuminate\Support\Facades\DB::table('curso_asistencias')->where('user_id', Auth::user()->id)->where('curso_id', $curso->id)->get();
                            @endphp
                            
                            {{-- @if($asistencia->isEmpty())
                                <!-- comentario de asistencia () -->
                                <form action="{{ route('asistencia.crear') }}" method="POST" novalidate>
                                    @csrf
                                    <label for="exampleInputEmail1" class="form-label">Cuentanos que te pareció el curso </label>
                                    <textarea class="form-control" id="exampleFormControlTextarea1" name ="asistencia_texto" placeholder="Danos tu opinión" rows="3"></textarea>
                                    <input type="hidden" value="{{ $curso->id }}" name="id_curso">
                                    <button type="submit" class="btn btn-primary">Enviar</button>
                                </form>
                            @else
                                @php
                                $texto_asistencia = App\Models\Curso_asistencia::where('user_id', Auth::user()->id)->where('curso_id', $curso->id)->get();
                                @endphp
                                <h2 class="text-center">Tu comentario fue:</h2>
                                <h3 class="text-center">"{{$texto_asistencia[0]['asistencia_texto']}}"</h3>
                                <br>
                                <br>
                            @endif --}}
                        

                        {{-- {{$curso->curso_entradas}} --}}
                    </div>
                </div>
            </div>
            
        </div>
        {{-- <h2 class="text-center">Comentarios del curso</h2> --}}
        <div class="row">
            <div class="col-md-12">
                
            </div>
        </div>
    </div>
    
    @if(session('exito'))
<script type="application/javascript">
swal({
    title: '{{session('exito')}}',
    text: '¡Operación exitosa!',
    icon: 'success'
    });
</script>
@endif
@if(session('error'))
<script type="application/javascript">
swal({
    title: '{{session('error')}}',
    text: '¡Error!',
    icon: 'error'
    });
</script>
@endif
@endsection