@extends('admin.layouts.app')

@section('content')
<section id='admin'>
    <div class='box'>
        <div class="box-content">
            <div class='box-title'>
                <a href="{{ route('admin.courses.index') }}">
                    <div class='box-back'>
                        <i class="fa fa-chevron-left"></i>
                    </div>
                </a>
                <p><a href='{{ route('admin.index') }}'>Administración</a> > <a href='{{ route('admin.courses.index') }}'>Cursos</a> > <b>Detalle de Curso</b></p>
            </div>

            @if ( session('msg') )
                <div class="alert alert-success">
                    {{ session('msg') }}
                    <i onClick="remove(this)" id='alert-close' class="fa fa-times"></i>
                </div>
            @endif
            @if ( session('error') )
                <div class="alert alert-danger">
                    {{ session('error') }}
                    <i onClick="remove(this)" id='alert-close' class="fa fa-times"></i>
                </div>
            @endif

            @if (count($course->purchases) > 0)
                <div class="alert alert-success">
                    Este curso tiene {{ count($course->purchases) }} ventas
                    <i onClick="remove(this)" id='alert-close' class="fa fa-times"></i>
                </div>
            @endif
            @if (!$course->enabled)
                <div class="alert alert-warning">
                    Este curso esta deshabilitado
                    <i onClick="remove(this)" id='alert-close' class="fa fa-times"></i>
                </div>
            @endif
            @if (count($course->activeExams) == 0)
                <div class="alert alert-warning">
                    Este curso no tiene examenes
                    <i onClick="remove(this)" id='alert-close' class="fa fa-times"></i>
                </div>
            @endif
            @if (count($course->enabledModules) == 0)
                <div class="alert alert-warning">
                    Este curso no tiene modulos habilitados
                    <i onClick="remove(this)" id='alert-close' class="fa fa-times"></i>
                </div>
            @endif

            <div class="admin-show-title">
                <h2>{{ $course->title }}</h2>
                <h3>{{ $course->price }} US$</h3>
            </div>
            <div class="admin-show-image-full">
                <img src='/storage/cursos/{{ $course->photo2 }}'>
            </div>
            <div class="admin-show">
                <div class="admin-show-image">
                    <img src='/storage/cursos/{{ $course->photo }}'>

                    <div class="admin-show-bottom">
                        <h2>Instructor: {{ $course->instructor->name }}</h2>
                        <img src='/storage/instructores/{{ $course->instructor->photo }}'>
                    </div>
                </div>

                <div class='admin-show-content'>
                    <div class="admin-show-data">
                        {!! $course->description !!}
                    </div>
                </div>
            </div>
            <hr class='hr-full'>
            <h2>Examanes</h2>
            <div class="admin-course-exams">
                @if(count($course->activeExams) > 0)
                    <div class="admin-show-exams">
                        <p>Este modulo tiene {{ count($course->activeExams) }} examenes</p>
                        @foreach($course->activeExams as $courseQuiz)
                            <div class="admin-show-exam">
                                <p>Nº Preguntas: {{ count($courseQuiz->quiz->questions) }}</p>
                                <a href="{{ route('admin.courses.exams.show', ['course_id' => $course->id, 'id' => $courseQuiz->id] )}}">
                                    <i class="fas fa-arrow-right"></i>
                                </a>
                            </div>
                        @endforeach
                    </div>
                @else 
                    <p>Este curso no tiene examenes</p>
                @endif
            </div>
            <hr class='hr-full'>
            <h2>Modulos</h2>
            @if(count($course->modules) > 0)
            <div class="admin-course-modules">
                @foreach($course->modules as $module)
                    <a href='{{ route('admin.modules.show', $module->id) }}'>
                        <div class="admin-course-module @if(!$module->enabled) item-disabled @endif">
                            <img src='/storage/modulos/{{ $module->photo}}'>
                            <span>{{ $module->title }}</span>
                        </div>
                    </a>
                @endforeach
            </div>
            @else 
                <p>Este curso no tiene modulos</p>
            @endif
            <div class='push'></div>
            <div class='box-actions'>
                <form action="{{ route('admin.courses.enable',  ['id' => $course->id, 'enabled' => $enabledAction]) }}" method="POST">
                    {{ method_field('PUT') }}
                    {{ csrf_field() }}
                    <button onclick="return confirm('¿{{ $enabledButton }} curso?')" class='btn btn-primary btn-submit'>
                        <i class="fas fa-eye-slash"></i>
                        {{ $enabledButton }}
                    </button>
                </form>
                <a href="{{ route('admin.courses.exams.create', $course->id) }}">
                    <button class='btn btn-primary'>
                        <i class="fas fa-clipboard"></i>
                        Agregar examen
                    </button>
                </a>
                <a href="{{ route('admin.modules.create', $course->id) }}">
                    <button class='btn btn-primary'>
                        <i class="fas fa-plus"></i>
                        Agregar modulo
                    </button>
                </a>
                <a href="{{ route('admin.courses.edit', $course->id) }}">
                    <button class='btn btn-primary'>
                        <i class="fas fa-edit"></i>
                        Editar / Modificar
                    </button>
                </a>
                @if(!$course->enabled)
                    <form action="{{ route('admin.courses.destroy', $course->id) }}" method="POST">
                        {{ method_field('DELETE') }}
                        {{ csrf_field() }}
                        <button onclick="return confirm('¿Eliminar curso?')"  class='btn btn-delete btn-submit'>
                            <i class="fas fa-trash-alt"></i>
                            Eliminar
                        </button>
                    </form>
                @endif
            </div>
        </div>
    </div>
</section>
@endsection