@extends('layouts.app')

@section('content')
<div class='cover'>
    <img class='' src='/storage/cursos/{{ $course->photo2 }}'>
</div>
<section id='course-go'>
    @if ( session('msg') )
        <div class="course-user-alert">
            {{ session('msg') }}
            <i onClick="remove(this)" id='alert-close' class="fa fa-times"></i>
        </div>
    @endif

    <div class="container">
        <div class='box'>
            <div class="box-content">

                <h2>¡Bienvenido al curso de {{ $course->title }}!</h2>
            
                @if(count($course->enabledModules) > 0)
                    
                    <p>Selecciona uno de los modulos para empezar</p>
                    <div class="course-content">              
                        <div class="course-modules">
                            @foreach($course->enabledModules as $module)
                                <div class="course-module">
                                    <img src='/storage/modulos/{{ $module->photo }}'>
                                    <span>{{ $module->title }}
                                    @if($module->userFinished())
                                        <div class="finished">
                                            <p>Completado</p>
                                            <i class="fas fa-clipboard-check"></i>
                                        </div>
                                    @endif
                                    <div class="actions">
                                        <a href="{{ route('modules.show', ['course_id' => $course->id, 'id' => $module->id]) }}">
                                            <button class='btn btn-primary'>Empezar</button>
                                        </a>
                                    </div>
                                    </span>
                                </div>
                            @endforeach
                        </div>
                    </div>
                @else 
                    <p>¡Oops! Este curso todavía no tiene modulos disponibles</p>
                @endif

                <p>Debes completar todos los modulos para poder realizar el examen final. Para completar un modulo debes realizar su cuestionario.</p>
                <p>Dentro de cada modulo tendrás acceso a todo el material necesario para realizar el cuestionario.</p>

                @if($course->userFinishedModules())
                    <a href="" style="display: none">
                        <button class="btn btn-primary btn-big">¡Realizar Examen!</button>
                    </a>
                @endif
            </div>
        </div>
    </div>
</section>

<section id='fixed-icons'>
    <a href='https://wa.me/099999999'>
        <div id="whatsapp" class='fixed-icon'>
            <i class="fab fa-whatsapp"></i>
        </div>
    </a>
    <div id="scroll-up" class='fixed-icon' onclick='scrollToTop()'>
        <i class="fas fa-arrow-up"></i>
    </div>
</section>
@endsection