@extends('layouts.pagina')

@section('header')
    @parent

    <meta name="csrf-token" content="{{ csrf_token() }}">
    <title>{{ $curso->resumen }}</title>

@stop


@section('pagina')

    <div class="entry-content " id="curso">
        <div class="vacio"></div>
        <div class="container text-center">
            <div class="page-header">
                <h1>{{$curso->resumen}}</h1>
            </div>
        </div>
        <div class="container">
            <div class="row content">

                <div class="col col-md-8">
                    <div id="basics">
                            <div class="col col-md-12" id="general-info">
                                <div class="container-fluid">
                                    <div class="row">
                                        <div class="col col-md-12 padd-bottom" id="curso-imagen">
                                            <img src="{{$curso->imagen}}" class="img img-responsive" alt="{{$curso->resumen}}" />
                                        </div>
                                        <div class="col col-md-12" id="curso-description">
                                            <p class="curso-category"><h2 class="categorie-link-block" ><a href="/categorias/{{$categoria->slug}}" style="background: {{$categoria->color}};">{{$categoria->nombre}}</a></h2></p>
                                            <p class="lead text-center">{{$curso->descripcion}}</p>
                                            <div class="text-center curso-details">
                                                <div>
                                                    <h4>Lugar</h4>
                                                    <p><strong>{{$curso->lugar}}</strong></p>
                                                </div>
                                                <div>
                                                    <h4>Fecha</h4>
                                                    <p><strong>{{Carbon\Carbon::createFromFormat('Y-m-d',$curso->fechaInicio)->format('d-m-Y')}}</strong></p>
                                                </div>
                                                <div>
                                                    <h4>Horarios</h4>
                                                    <p><strong>{{$curso->horario}}</strong></p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                    </div>

                    <div class="col col-xs-12 hidden-md hidden-lg side" id="apuntarse">
                        @include('layouts.curso.buttons')
                    </div>

                    <div id="details">
                        <div class="col col-xs-12" id="important-info">
                            <div class="container-fluid">
                                <div class="row">
                                    <div class="col bg-grey-lg col-xs-12 text-center curso-details">
                                        <div>
                                            <h4>Personas</h4>
                                            <p><strong>De {{$curso->numMin}} a {{$curso->numMax}} personas</strong></p>
                                        </div>
                                        <div>
                                            <h4>Duración</h4>
                                            <p><strong>{{$curso->duracion}} horas</strong></p>
                                        </div>
                                        <div>
                                            <h4>Precio</h4>
                                            <p><strong>{{$curso->precios}}€</strong></p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                     </div>

                    <div id="contenido">

                        <div class="col col-xs-12" id="contenido-info">
                            <div class="container-fluid">
                                <div class="row">
                                    <div id="the-content" class="col col-xs-12 text-center">
                                        {!! $curso->contenidoHtml !!}
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>

                </div>


                <div class="col-md-4 sidebar">
                    <div class="col col-xs-12 side" id="apuntarse-mobile">
                        @include('layouts.curso.buttons')
                    </div>

                    <div class="col col-xs-12 side" id="profesor">
                        <div class="container-fluid">
                            <div class="row">
                                <div class="col text-center">
                                    <a style="text-decoration: none;" href="/profesores/{{$profesor->slug}}">
                                        <img style="max-width: 40%;margin: 0 auto;" class="img img-responsive img-circle" src="{{$profesor->imagen}}" alt=""{{$profesor->nombre}} />
                                        <h3>{{$profesor->nombre}} {{$profesor->apellidos}}</h3>
                                        <p>{{$profesor->descripcion}}</p>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>

            </div> <!--content-->
        </div>
    </div>
@stop

@section('footer')
    @parent
    <script>
        $('.interes').on('click', function (e) {
            e.preventDefault();
            item = $(this);
            $.get( "/toggleinteres/" + $(this).attr('data-id') , function() {
                item.toggleClass('checked');
            });
        });
    </script>
@stop