@extends('layouts.app', ['title'=>(isset($title)) ? $title : 'Inicio'])
@section('localcss')
<link rel="stylesheet" href="/css/inicio_administrador.css">
@endsection
@section('content')
<div class="margin-container"> 
    <!-- ***************OPCIONES PRINCIPALES******************* -->
    <div class="container mt-neg-50">
        <div class="row">
            @foreach($levels as $key => $level)
            @if(count($levels) > 4)
            <div class="col-12 col-sm-4 mb-4">
            @else
            <div class="col-12 col-sm-3 mb-2">
            @endif
                <div class="card-deck w-75 mx-auto">
                    <div class="card">
                        @switch($key)
                            @case(0)
                            <a class="text-center" href="{{route('levels.show', $key + 1)}}">
                                <i class="fa fa-th-large fa-card text-danger"></i>
                            </a>
                            <div class="text-center">
                                <hr class="hr-color-1">
                                <h4 class="card-title" >{{$level->level}}</h4>
                            </div>
                            @break
                            @case(1)
                            <a class="text-center" href="{{route('levels.show', $key + 1)}}">
                                <i class="fa fa-th fa-card text-success"></i>
                            </a>
                            <div class="text-center">
                                <hr class="hr-color-2">
                                <h4 class="card-title" >{{$level->level}}</h4>
                            </div>
                            @break
                            @case(2)
                            <a class="text-center" href="{{route('levels.show', $key + 1)}}">
                                <i class="fa fa-list-ul fa-card text-primary"></i>
                            </a>
                            <div class="text-center">
                                <hr class="hr-color-3">
                                <h4 class="card-title" >{{$level->level}}</h4>
                            </div>
                            @break
                            @case(3)
                            <a class="text-center" href="{{route('levels.show', $key + 1)}}">
                                <i class="fa fa-calculator fa-card text-warning"></i>
                            </a>
                            <div class="text-center">
                                <hr class="hr-color-4">
                                <h4 class="card-title" >{{$level->level}}</h4>
                            </div>
                            @break
                            @case(4)
                            <a class="text-center" href="{{route('levels.show', $key + 1)}}">
                                <i class="fa fa-building fa-card text-secondary"></i>
                            </a>
                            <div class="text-center">
                                <hr class="hr-color-5">
                                <h4 class="card-title" >{{$level->level}}</h4>
                            </div>
                            @break
                            @case(5)
                            <a class="text-center" href="{{route('levels.show', $key + 1)}}">
                                <i class="fa fa-leanpub fa-card text-dark"></i>
                            </a>
                            <div class="text-center">
                                <hr class="hr-color-6">
                                <h4 class="card-title" >{{$level->level}}</h4>
                            </div>
                            @break
                        @endswitch
                        
                    </div>
                </div>  
            </div>
            @endforeach
        </div>   
    </div>
    <!-- ***************END OPCIONES PRINCIPALES******************* -->
</div>
@endsection

 <!-- ******************FOOTER******************** -->
 @include('layouts.footer')
 <!-- ******************END FOOTER******************** -->