<div class="row">
  <div class="col-md-4">
    <div class="x_panel">
      <div class="x_title">
        <h2>Examen de Liberación <small>Alumnos</small></h2>
        <div class="clearfix"></div>
      </div>
      <div class="x_content">
        @if ($liberacion!=null)
          <article class="media event">
            <a class="pull-left date bg-blue-sky">
              <p class="month">{{ $liberacion->mes }}</p>
              <p class="day">{{ $liberacion->fecha->format('d') }}</p>
            </a>
            <div class="media-body">
              <a class="title" href="#">Total de alumnos: {{ $liberacion_total }}</a>
              <p>Hora de inicio: {{ substr($liberacion->hora_inicio, 0, 5) }} hrs.</p>
              <p>Hora de termino: {{ substr($liberacion->hora_cierre, 0, 5) }} hrs.</p>
            </div>
          </article>
        @else 
          <label>No hay fecha próxima para realizar examen.</label>
        @endif
      </div>
    </div>
  </div>

  <div class="col-md-4">
    <div class="x_panel">
      <div class="x_title">
        <h2>Examen de Ubicación <small>Alumnos</small></h2>
        <div class="clearfix"></div>
      </div>
      <div class="x_content">
        @if($ubicacion!=null)
          <article class="media event">
            <a class="pull-left date bg-green">
              <p class="month">{{ $ubicacion->mes }}</p>
              <p class="day">{{ $ubicacion->fecha->format('d') }}</p>
            </a>
            <div class="media-body">
              <a class="title" href="#">Total de alumnos: {{ $ubi_total }}</a>
              <p>Hora de inicio: {{ substr($ubicacion->hora_inicio, 0, 5) }} hrs.</p>
              <p>Hora de termino: {{ substr($ubicacion->hora_cierre, 0, 5) }} hrs.</p>
            </div>
          </article>
        @else 
          <label class="text-center">No hay fecha próxima para realizar examen.</label>
        @endif
      </div>
    </div>
  </div>

  <div class="col-md-4">
    <div class="x_panel">
      <div class="x_title">
        <h2>Examen de Ubicación <small>Nuevo Ingreso</small></h2>
        <div class="clearfix"></div>
      </div>
      <div class="x_content">
        @if ($nuevo!=null)
          <article class="media event">
            <a class="pull-left date bg-orange">
              <p class="month">{{ $nuevo->mes }}</p>
              <p class="day">{{ $nuevo->fecha->format('d') }}</p>
            </a>
            <div class="media-body">
              <a class="title" href="#">Total de alumnos: {{ $nuevo_total }}</a>
              <p>Hora de inicio: {{ substr($nuevo->hora_inicio, 0, 5) }} hrs.</p>
              <p>Hora de termino: {{ substr($nuevo->hora_cierre, 0, 5) }} hrs.</p>
            </div>
          </article>
        @else 
          <div  class="text-center"><label>No hay fecha próxima para realizar examen.</label></div>
        @endif
      </div>
    </div>
  </div>
</div>