@can('update', $teacher)
<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={{$teacher->name}}&background=0D8ABC&color=fff"
               alt="User profile picture">
        </div>

        <h3 class="profile-username text-center">{{$teacher->name}}</h3>
        <hr>
        <strong><i class="fas fa-envelope mr-1"></i> Correo Electrónico</strong>
        {{$teacher->email}}
        @can('update', $teacher)
        <hr>
        <a href="{{route('teachers.edit',$teacher)}}" class="btn btn-primary btn-block">Editar</a><br>
        @endcan
        @can('update', $teacher)
          <a href="{{route('teachers.editPassword',$teacher)}}" class="btn btn-primary btn-block">Cambiar Contraseña</a><br>
        @endcan
        @can('delete', $teacher)
        <form action="{{ route('teachers.destroy',$teacher)}}" method="post" style="display: inline">
          @csrf @method('delete')
          <button class="btn btn-danger btn-block" onclick="return confirm('¿Estás seguro de eliminar este Docente?')">Eliminar</i></button>  
        </form>
        @endcan
      </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">
            {{$teacher->created_at}}
        </p>
        
        <hr>

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

        <p class="text-muted">
            {{$teacher->updated_at}}
        </p>
        </div>
        <!-- /.card-body -->
    </div>
    
    <!-- /.card -->
  </div>
  @endcan