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

        <h3 class="profile-username text-center">{{$student->name}}</h3>

        {{-- <p class="text-muted text-center">{{$student->code}}</p> --}}
        <hr>
        <strong><i class="fas fa-envelope mr-1"></i> Correo Electrónico: </strong>
        {{$student->email}}<hr>
        <strong><i class="fa fa-phone-square mr-1"></i> Telefono: </strong>
        {{$student->phone}}<hr>
        <strong><i class="fa fa-calendar mr-1"></i> Edad: </strong>
        {{$student->age}}<hr>
        <strong><i class="fa fa-file mr-1"></i> Profesión: </strong>
        {{$student->profession}}<hr>
        <strong><i class="fa fa-file mr-1"></i> Ciclo: </strong>
        {{$student->cycle}}<hr>
        <strong><i class="fa fa-address-card mr-1" aria-hidden="true"></i> DNI: </strong>
        {{$student->dni}}<hr>
        @can('update', $student)
          <hr>
          <a href="{{route('students.edit',$student)}}" class="btn btn-primary btn-block">Editar</a><br>
        @endcan
        @can('update', $student)
          <a href="{{route('students.editPassword',$student)}}" class="btn btn-primary btn-block">Cambiar Contraseña</a><br>
        @endcan
        @can('delete', $student)
          <form action="{{ route('students.destroy',$student)}}" method="post" style="display: inline">
            @csrf @method('delete')
            <button class="btn btn-danger btn-block" onclick="return confirm('¿Estás seguro de eliminar este estudiante?')">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">
            {{$student->created_at}}
        </p>

        <hr>

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

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

  </div>
  @endcan