@extends('layouts.app')
@section('title', 'Detail Program Studi')
@section('content')
<div class="page-header">
    <div class="page-block">
        <div class="row align-items-center">
            <div class="col-md-8">
                <div class="page-header-title">
                    <h5 class="m-b-10">Detail Program Studi</h5>
                    <p class="m-b-0">Informasi lengkap program studi</p>
                </div>
            </div>
            <div class="col-md-4">
                <ul class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ route('dashboard') }}"><i class="fa fa-home"></i></a></li>
                    <li class="breadcrumb-item"><a href="{{ route('program-studi.index') }}">Program Studi</a></li>
                    <li class="breadcrumb-item">Detail</li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="pcoded-inner-content">
    <div class="main-body">
        <div class="page-wrapper">
            <div class="page-body">
                <div class="row">
                    <div class="col-sm-12">
                        <div class="card">
                            <div class="card-header"><h5>Detail Program Studi</h5></div>
                            <div class="card-block">
                                <table class="table table-bordered">
                                    <tr><th style="width:200px;">Nama Program Studi</th><td>{{ $programStudi->nama_prodi }}</td></tr>
                                    <tr><th>Jumlah Mahasiswa</th><td>{{ $programStudi->jumlah_mahasiswa ?? 0 }}</td></tr>
                                </table>
                                <div class="text-right">
                                    <a href="{{ route('program-studi.edit', $programStudi->id) }}" class="btn btn-warning">Edit</a>
                                    <a href="{{ route('program-studi.index') }}" class="btn btn-secondary">Kembali</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection