@extends('adminlte::page')

@section('title', 'NIVEL')

@section('content')
    @include('admin.parts.info')
    <section class="content">
      <div class="container-fluid">
        <div class="row">
          <div class="col-md-3">
            <!-- Profile Image -->
            <div class="card card-primary card-outline">
              <div class="card-body box-profile">
                <div class="text-center">
                  <img class="img-fluid img-circle"
                       src="https://ui-avatars.com/api/?name={{$level->name}}&background=0D8ABC&color=fff"
                       alt="User profile picture" width="80">
                </div>

                <h3 class="profile-username text-center">NIVEL: {{$level->language->name}} - {{$level->name}}</h3>
                <hr>

                <a href="{{route('levels.edit',$level)}}" class="btn btn-primary btn-block">Editar</a><br>
                {{-- <form action="{{ route('levels.destroy',$level)}}" method="post" style="display: inline">
                  @csrf @method('delete')
                  <button class="btn btn-danger btn-block" onclick="return confirm('¿Estás seguro de eliminar este Nivel?')">Eliminar</i></button>  
                </form> --}}
              </div>
              <!-- /.card-body -->
            </div>
            <!-- /.card -->
            <!-- About Me Box -->
            <div class="card card-primary">
                <div class="card-header">
                <h3 class="card-title">Detalles</h3>
                </div>
                <!-- /.card-header -->
                <div class="card-body">
                <strong><i class="fas fa-calendar-alt mr-1"></i> Fecha de Creación</strong>

                <p class="text-muted">
                    {{$level->created_at}}
                </p>

                <hr>

                <strong><i class="fas fa-calendar-alt mr-1"></i> Última Modificación</strong>

                <p class="text-muted">
                    {{$level->updated_at}}
                </p>
                </div>
                <!-- /.card-body -->
            </div>
            <!-- /.card -->
          </div>
          <!-- /.col -->
          <div class="col-md-9">
              <div class="form-row">
                {{-- @can('update', $level)
                  <div class="form-group col-md-12 ml-auto">
                      <div class="ml-auto">
                        @if ($level->state == 1)
                            <a onclick="return confirm('¿Estás seguro de deshabilitar este nivel?')"  href="{{route('levels.state',$level)}}" class="btn btn-success btn-block" role="button">Habilitado&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
                        @else
                            <a onclick="return confirm('¿Estás seguro de cambiar habilitar este nivel?')"  href="{{route('levels.state',$level)}}" class="btn btn-danger btn-block" role="button">Deshabilitado</a>
                        @endif
                      </div>
                  </div>
                @endcan --}}
                <div class="form-group col-md-12">
                  <section class="content">
                    <div class="container-fluid">
                      <h3>Cursos Creados</h3>
                      <a href="{{route('languages.show',$level->language)}}" class="small-box-footer"><i class="fas fa-arrow-circle-left"></i> Regresar al Idioma {{$level->language->name}}</a>

                      <hr>
                      <div class="row">
                      @foreach ($level->courses as $course)
                        <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                          <!-- small box -->
                          <div class="small-box bg-info">
                            <div class="inner">
                              <h5>
                                {{App\Models\Language::find($course->language_id)->name}}
                              </h5>
                              <p>
                                {{App\Models\Level::find($course->level_id)->name}} -
                                {{App\Models\Period::find($course->period_id)->name}} - 
                                Ciclo {{$course->cycle}} -
                                Salón {{$course->classroom}}
                              </p>
                            </div>
                            <div class="icon">
                              <i class="ion ion-ios-book"></i>
                            </div>
                            <a href="{{route('courses.show',$course)}}" class="small-box-footer">Ir al curso <i class="fas fa-arrow-circle-right"></i></a>
                          </div>
                        </div>
                      @endforeach
                      </div>
                    </div>
                  </section>
                </div>
              </div>
            <!-- /.nav-tabs-custom -->
          </div>
          <!-- /.col -->
        </div>
        <!-- /.row -->
      </div><!-- /.container-fluid -->
    </section>

@stop
@section('css')
  <!-- Ionicons -->
  <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
@stop