@extends('web.layout')

@section('title', 'Dosen')

@section('content')
    <section class="container my-3 my-md-5">
        <div class="row">
            @foreach ($dosens as $dosen)
                <div class="col-6 col-md-3 mb-3 mb-md-4">
                    <div class="card border-0 shadow rounded-4">
                        <img src="{{ asset("storage/{$dosen->foto}") }}" class="card-img-top" alt="Dosen">
                        <div class="card-body">
                            <h4 class="card-title">
                                {{ $dosen->nama }}
                            </h4>
                            <p class="card-text text-muted">
                                {{ $dosen->jabatan }}
                            </p>
                            <a href="{{ route('dosen.show', ['dosen' => $dosen->id]) }}"
                                class="btn btn-sm btn-primary text-white w-100">
                                Lihat Selengkapnya <i class="bi bi-arrow-right"></i>
                            </a>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
    </section>
@endsection