@extends('admin.layouts.app')

@section('content')
<section id='admin'>
    <div class='box'>
        <div class="box-content">
            <div class='box-title'>
                <a href="{{ route('admin.index') }}">
                    <div class='box-back'>
                        <i class="fa fa-chevron-left"></i>
                    </div>
                </a>
                <p><a href='{{ route('admin.index') }}'>Administración</a> > <b>Cursos</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
            
            <div class='box-courses'>
                @foreach($courses as $course)
                <div class='box-course @if(!$course->enabled)disabled @endif'>
                    <a href="{!! route('admin.courses.show', $course->id ) !!}">
                        <img src="/storage/cursos/{{ $course->photo }}" alt="{{ $course->title }}">
                        <div class="content">
                            <h4>{{ $course->title }}</h4>
                            <p>{{ $course->instructor->name }}</p>
                            
                            <div class="stars">
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                            </div>
                            <div class="price">
                                <h3>{{ $course->price }} US$</h3>
                            </div>
                        </div>
                    </a>
                </div>
                @endforeach
            </div>
            @if(count($courses) == 0)
                <p>No hay cursos registrados</p>
            @endif
        </div>

        <div class='box-actions'>
            <a href="{{ route('admin.courses.create') }}">
                <button class='btn btn-primary'>
                    <i class="fas fa-plus"></i>
                    <span>Agregar curso</span>
                </button>
            </a>
        </div>
    </div>
</section>
@endsection