@extends('layouts.app')

@section('content')
<style>
    .form-card {
        background: #fff;
        border-radius: 12px;
        padding: 30px;
        box-shadow: 0 10px 25px rgba(0,0,0,0.1);
        animation: fadeSlideUp 0.8s ease forwards;
    }

    @keyframes fadeSlideUp {
        0% {
            opacity: 0;
            transform: translateY(20px);
        }
        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .btn-gradient {
        background: linear-gradient(135deg, #6366f1, #4f46e5);
        color: #fff;
        border: none;
        transition: all 0.3s ease;
        font-weight: 600;
    }

    .btn-gradient:hover {
        background: linear-gradient(135deg, #4f46e5, #6366f1);
        transform: translateY(-2px);
        box-shadow: 0 5px 15px rgba(99, 102, 241, 0.4);
    }
</style>

<div class="container py-5">
    <h2 class="text-center mb-4 fw-bold">Edit Kegiatan Mahasiswa</h2>

    <div class="form-card">
        <form action="{{ route('admin.update', $kegiatan->id) }}" method="POST">
            @csrf

            <div class="mb-3">
                <label class="form-label">Nama Mahasiswa</label>
                <input type="text" name="nama_mahasiswa" value="{{ $kegiatan->nama_mahasiswa }}" class="form-control" required>
            </div>

            <div class="mb-3">
                <label class="form-label">NIM</label>
                <input type="text" name="nim" value="{{ $kegiatan->nim }}" class="form-control" required>
            </div>

            <div class="mb-3">
                <label class="form-label">Fakultas</label>
                <input type="text" name="fakultas" value="{{ $kegiatan->fakultas }}" class="form-control" required>
            </div>

            <div class="mb-3">
                <label class="form-label">Prodi</label>
                <input type="text" name="prodi" value="{{ $kegiatan->prodi }}" class="form-control" required>
            </div>

            <div class="mb-3">
                <label class="form-label">Nama Kegiatan</label>
                <input type="text" name="nama_kegiatan" value="{{ $kegiatan->nama_kegiatan }}" class="form-control" required>
            </div>

            <div class="mb-3">
                <label class="form-label">Tanggal Kegiatan</label>
                <input type="date" name="tanggal_kegiatan" value="{{ $kegiatan->tanggal_kegiatan }}" class="form-control" required>
            </div>

            <div class="mb-3">
                <label class="form-label">Alasan</label>
                <textarea name="alasan" class="form-control" rows="3" required>{{ $kegiatan->alasan }}</textarea>
            </div>

            <div class="mb-3">
                <label class="form-label">Status</label>
                <select name="status" class="form-select" required>
                    <option value="menunggu" {{ $kegiatan->status == 'menunggu' ? 'selected' : '' }}>Menunggu</option>
                    <option value="disetujui" {{ $kegiatan->status == 'disetujui' ? 'selected' : '' }}>Disetujui</option>
                    <option value="ditolak" {{ $kegiatan->status == 'ditolak' ? 'selected' : '' }}>Ditolak</option>
                </select>
            </div>

            <div class="d-grid">
                <button type="submit" class="btn btn-gradient">Update Kegiatan</button>
            </div>
        </form>
    </div>
</div>
@endsection