<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Biodata Alumni - BKPSDM Surakarta</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: Arial, sans-serif;
}
body {
background: linear-gradient(to bottom, #f8f9fa, #e0e0e0);
display: flex;
flex-direction: column;
align-items: center;
min-height: 100vh;
}
.header2 {
background: linear-gradient(to right, #b30059, #6a00c7);
color: white;
padding: 23px 20px;
text-align: right;
font-size: 14px;
font-weight: bold;
display: flex;
justify-content: flex-end;
align-items: center;
box-shadow: 0px -4px 6px rgba(0, 0, 0, 0.2);
width: 100%;
}
.header2 a {
color: white;
text-decoration: none;
margin-left: 20px;
}
.header2 a:hover {
text-decoration: underline;
}
.header {
background: #f5e1e1;
padding: 20px;
display: flex;
align-items: center;
justify-content: center;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
width: 100%;
}
.header .logo {
width: 80px;
margin-right: 15px;
}
.header h1 {
font-size: 45px;
font-weight: bold;
background: linear-gradient(to right, #b30059, #6a00c7);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.header h4 {
font-size: 20px;
color: #444;
font-weight: bold;
margin-left: 5px;
}
.container {
max-width: 800px; /* Sedikit lebih lebar dari sebelumnya */
margin: 30px auto;
padding: 16px; /* Sedikit dikurangi agar lebih ringkas */
background: white;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.card-header {
background: #b30059;
color: white;
padding: 11px; /* Sedikit dikurangi */
font-size: 16px; /* Ukuran font dikurangi sedikit */
font-weight: bold;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
text-align: center;
}
.form-control {
width: 100%;
padding: 6px; /* Sedikit lebih kecil dari sebelumnya */
margin-top: 4px;
border: 1px solid #ccc;
border-radius: 5px;
font-size: 14px; /* Sedikit diperkecil */
}
.btn {
padding: 8px 13px; /* Mengecilkan tombol sedikit */
font-size: 14px;
border-radius: 5px;
cursor: pointer;
font-weight: bold;
}
.btn-danger {
background: #dc3545;
color: white;
}
.btn-success {
background: #28a745;
color: white;
}
.footer {
background: linear-gradient(to right, #b30059, #6a00c7);
color: white;
padding: 15px 20px;
text-align: right;
font-size: 14px;
font-weight: bold;
margin-top: auto;
width: 100%;
}
</style>
</head>
<body>
<div class="header2">
</div>
<div class="header">
<img src="{{ asset('images/surakarta.png') }}" alt="Logo Surakarta" class="logo">
<div>
<h1>BKPSDM</h1>
<h4>KOTA SURAKARTA</h4>
</div>
</div>
<div class="container">
<div class="card shadow-lg">
<div class="card-header">Biodata</div>
<div class="card-body">
<form action="{{ route('alumni.updateBiodata') }}" method="POST">
@csrf
<label>Nama Pelatihan</label>
<select class="form-control" name="nama_pelatihan">
<option>Pilih Pelatihan</option>
</select>
<label>NIP</label>
<input type="text" class="form-control" name="nip" value="{{ old('nip') }}">
<label>Nama</label>
<input type="text" class="form-control" name="nama" value="{{ old('nama') }}">
<label>Pangkat Golongan</label>
<input type="text" class="form-control" name="pangkat_golongan">
<label>Unit Kerja</label>
<input type="text" class="form-control" name="unit_kerja">
<label>No. WhatsApp</label>
<input type="text" class="form-control" name="whatsapp">
<label>Email</label>
<input type="email" class="form-control" name="email" value="{{ old('email') }}">
<label>NIP Atasan</label>
<input type="text" class="form-control" name="nip_atasan">
<label>Nama Atasan</label>
<input type="text" class="form-control" name="nama_atasan">
<label>NIP Rekan Kerja</label>
<input type="text" class="form-control" name="nip_rekan_kerja">
<label>Nama Rekan Kerja</label>
<input type="text" class="form-control" name="nama_rekan_kerja">
<div class="text-center mt-3">
<a href="{{ route('dashboard.alumni') }}" class="btn btn-danger">Cancel</a>
<button type="submit" class="btn btn-success">Submit</button>
</div>
</form>
</div>
</div>
</div>
<div class="footer">BKPSDM Surakarta © 2025</div>
</body>
</html>