@extends('layouts.admin')
@section('title','Panel administrador')
@section('styles')
<style type="text/css">
    .unstyled-button {
        border: none;
        padding: 0;
        background: none;
    }

</style>
@endsection
@section('options')
@endsection
@section('preference')
@endsection
@section('content')
<div class="content-wrapper" style="background-image: url('{{asset('imagenes/fondo.jpg')}}'); background-size: cover;">
    <div class="page-header">
        <h3 class="page-title" style="color: white">
            HOME
        </h3>
    </div>
    @php
    $i=0;
    @endphp
    <div class="row">
            <div class="col-md-12 grid-margin stretch-card">
              <div class="card">
                <div class="card-body">
                  <h4 class="card-title">
                    <i class="fas fa-table"></i>
                    Estadisticas de Cursos
                  </h4>
                  <div class="table-responsive">
                    <table class="table">
                      <thead>
                        <tr>
                          <th>ID</th>
                          <th>NOMBRE DEL CURSO</th>
                          <th>CANTIDAD DE PARTICIPANTES</th>
                        </tr>
                      </thead>
                      <tbody>
                        @foreach ($participantes as $participante)
                        <tr>
                          <td>{{$parti[$i][0]}}</td>
                          <td>{{$parti[$i][1]}}</td>
                          <td><label class="badge badge-success badge-pill">{{$parti[$i][2]}}&nbsp;&nbsp;participantes</label></td> 
                        </tr> 
                        @php
                        $i++;
                        @endphp
                        @endforeach
                      </tbody>
                    </table>
                  </div>
                </div>
              </div>
            </div>
          </div>

    

    

    
</div>
@endsection
@section('scripts')
{!! Html::script('melody/js/data-table.js') !!}
{!! Html::script('melody/js/chart.js') !!}