@extends('layouts.master')

@section('content')

<h3>Conoce a nuestros profesores</h3>

<div id="wrapper">
  <div id="carousel">
  @foreach($teachers as $teacher)
    <div>
      <a href="#">
        
        {{ HTML::image( $teacher->avatar->url('medium'), $teacher->full_name, ['class' => 'img-thumbnail']) }}

      </a>
      <span>{{ $teacher->full_name}} </span>
      <p class="hide">
        {{$teacher->about}}
      </p>
    </div>
  @endforeach
  </div>
</div>


@endsection

@section('modals')
<div id="teacher-modal" class="modal fade">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title"></h4>
      </div>
      <div class="modal-body">
        <div class="media">
          <div class="media-left">
            <img>
          </div>
          <div class="media-body">
            <p></p>
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button class="btn btn-default" data-dismiss="modal">Cerrar</button>
      </div>
    </div>
  </div>
</div>

@endsection

@section('head')
{{ HTML::style('css/nuestros_profesores.css') }}
@endsection

@section('script')
<script type="text/javascript" src="/js/jquery.carouFredSel-6.2.1-packed.js"></script>
<script type="text/javascript" src="/js/nuestros_profesores.js"></script>
@endsection