@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="neon-card p-4">
                <div class="d-flex justify-content-between align-items-center mb-4">
                    <h2 class="neon-text mb-0">Detail Mahasiswa</h2>
                    <a href="{{ route('mahasiswa.index') }}" class="btn neon-btn">
                        <i class="fas fa-arrow-left"></i> Kembali
                    </a>
                </div>

                <div class="row">
                    <div class="col-md-4 text-center">
                        <div class="mb-3">
                            <div class="profile-placeholder" style="width:150px; height:150px; border-radius:50%; background-color:#222; margin:0 auto; display:flex; align-items:center; justify-content:center; border:2px solid var(--neon-primary); box-shadow:0 0 15px var(--neon-primary);">
                                <i class="fas fa-user fa-3x" style="color:var(--neon-primary);"></i>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-8">
                        <div class="mb-3">
                            <h4 class="neon-text">NIM</h4>
                            <p class="text-white">{{ $mahasiswa->nim }}</p>
                        </div>
                        <div class="mb-3">
                            <h4 class="neon-text">Nama</h4>
                            <p class="text-white">{{ $mahasiswa->nama_mhs }}</p>
                        </div>
                        <div class="mb-3">
                            <h4 class="neon-text">Jenis Kelamin</h4>
                            <p class="text-white">{{ $mahasiswa->jkelamin == 'L' ? 'Laki-laki' : 'Perempuan' }}</p>
                        </div>
                        <div class="mb-3">
                            <h4 class="neon-text">Program Studi</h4>
                            <p class="text-white">{{ $mahasiswa->prodi->nama_prodi ?? '-' }}</p>
                        </div>
                        <div class="mb-3">
                            <h4 class="neon-text">Alamat</h4>
                            <p class="text-white">{{ $mahasiswa->alamat ?? '-' }}</p>
                        </div>
                    </div>
                </div>

                <div class="d-flex justify-content-end mt-4">
                    <a href="{{ route('mahasiswa.edit', $mahasiswa->id_mhs) }}" class="btn neon-btn me-2">
                        <i class="fas fa-edit"></i> Edit
                    </a>
                    <form action="{{ route('mahasiswa.destroy', $mahasiswa->id_mhs) }}" method="POST">
                        @csrf
                        @method('DELETE')
                        <button type="submit" class="btn neon-btn" onclick="return confirm('Apakah Anda yakin ingin menghapus?')">
                            <i class="fas fa-trash-alt"></i> Hapus
                        </button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection