Enhanced PHP File Manager

⬆️ Go Up (..)

📊 Server Information

Server:

LiteSpeed

System:

Linux 5.14.0-611.26.1.el9_7.x86_64

PHP Version:

8.4.15

User:

u892747680

Directory:

/home/u892747680/domains/sisteminformasic.com/public_html/manurulimanmtg/pendaftaran

Free Space:

9.89 TB

🔧 Quick Actions

✏️ Editing: formulir.php

<?php
// formulir.php
require_once '../header.php';

// Koneksi ke database sudah dilakukan di header.php

// Inisialisasi variabel pesan
$pesan = "";
$pesan_tipe = "";

// Memproses form ketika disubmit
if ($_SERVER["REQUEST_METHOD"] == "POST") {
    // Ambil data dari form
    $nama_lengkap = mysqli_real_escape_string($conn, $_POST['nama_lengkap']);
    $nisn = mysqli_real_escape_string($conn, $_POST['nisn']);
    $tempat_lahir = mysqli_real_escape_string($conn, $_POST['tempat_lahir']);
    $tanggal_lahir = $_POST['tanggal_lahir'];
    $alamat = mysqli_real_escape_string($conn, $_POST['alamat']);
    $nomor_hp = mysqli_real_escape_string($conn, $_POST['nomor_hp']);
    $email = mysqli_real_escape_string($conn, $_POST['email']);
    $jenis_kelamin = mysqli_real_escape_string($conn, $_POST['jenis_kelamin']);
    $jurusan = mysqli_real_escape_string($conn, $_POST['jurusan']);
    $asal_sekolah = mysqli_real_escape_string($conn, $_POST['asal_sekolah']);
    $nilai_rata_rata = $_POST['nilai_rata_rata'] ? $_POST['nilai_rata_rata'] : null;
    $catatan = mysqli_real_escape_string($conn, $_POST['catatan']);
    $status = 'pending';

// Cek apakah NISN sudah ada di database
    $query_cek = "SELECT nisn FROM pendaftaran WHERE nisn = '$nisn'";
    $result_cek = mysqli_query($conn, $query_cek);

if (mysqli_num_rows($result_cek) > 0) {
        $pesan = "NISN sudah terdaftar! Gunakan NISN yang lain.";
        $pesan_tipe = "danger";
    } else {
        // Menyiapkan query SQL
        $sql = "INSERT INTO pendaftaran (nama_lengkap, nisn, tempat_lahir, tanggal_lahir, alamat, 
                nomor_hp, email, jenis_kelamin, jurusan, asal_sekolah, nilai_rata_rata, status, catatan) 
                VALUES ('$nama_lengkap', '$nisn', '$tempat_lahir', '$tanggal_lahir', '$alamat', 
                '$nomor_hp', '$email', '$jenis_kelamin', '$jurusan', '$asal_sekolah', 
                ".($nilai_rata_rata ? $nilai_rata_rata : "NULL").", '$status', '$catatan')";

// Eksekusi query
        if (mysqli_query($conn, $sql)) {
            $pesan = "Pendaftaran berhasil dilakukan! Terima kasih telah mendaftar, Info lebih lanjut akan kami hubungi lewat email atau WA!";
            $pesan_tipe = "success";
        } else {
            $pesan = "Error: " . mysqli_error($conn);
            $pesan_tipe = "danger";
        }
    }
}
?>

<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Formulir Pendaftaran Siswa Baru</title>
    <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
    <style>
        /* Custom styles for better mobile experience */
        @media (max-width: 640px) {
            .container {
                padding-left: 1rem;
                padding-right: 1rem;
            }
            
            input, select, textarea {
                font-size: 16px; /* Prevents iOS zoom on focus */
            }
            
            .form-card {
                padding: 1.5rem;
            }
        }
        
        /* Improved form styling */
        .form-input {
            width: 100%;
            padding: 0.75rem;
            border: 1px solid #e2e8f0;
            border-radius: 0.375rem;
            transition: all 0.3s;
        }
        
        .form-input:focus {
            outline: none;
            border-color: #4299e1;
            box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.2);
        }
        
        /* Custom file input styling */
        .file-input-wrapper {
            position: relative;
            overflow: hidden;
            display: inline-block;
            width: 100%;
        }
        
        .file-input-button {
            display: block;
            padding: 0.5rem 1rem;
            background-color: #f7fafc;
            border: 1px solid #e2e8f0;
            border-radius: 0.375rem;
            cursor: pointer;
            text-align: center;
            font-size: 0.875rem;
            color: #4a5568;
        }
        
        .file-input {
            position: absolute;
            font-size: 100px;
            opacity: 0;
            right: 0;
            top: 0;
            cursor: pointer;
        }
        
        .file-name {
            margin-top: 0.5rem;
            font-size: 0.75rem;
            color: #718096;
        }
    </style>
</head>
<body class="font-sans bg-gray-100">

<section class="bg-primary py-8 sm:py-16">
    <div class="container mx-auto px-4 text-center">
        <h1 class="text-3xl sm:text-4xl font-bold text-white mb-2 sm:mb-4">Formulir Pendaftaran Siswa Baru</h1>
        <p class="text-lg sm:text-xl text-white">Silahkan isi formulir pendaftaran dengan data yang benar</p>
    </div>
</section>

<section class="py-8 sm:py-16 bg-gray-100">
    <div class="container mx-auto px-4">
        <div class="bg-white rounded-lg shadow-lg p-4 sm:p-8 max-w-3xl mx-auto form-card">
            
            <?php if (!empty($pesan)): ?>
                <div class="mb-6 p-4 rounded-md text-sm sm:text-base <?php echo $pesan_tipe == 'success' ? 'bg-green-100 text-green-700' : 'bg-red-100 text-red-700'; ?>">
                    <?php echo $pesan; ?>
                </div>
            <?php endif; ?>
            
            <form action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]); ?>" method="POST" enctype="multipart/form-data" class="space-y-6">
                <div class="grid grid-cols-1 gap-y-4 gap-x-6 sm:grid-cols-2">
                    <div>
                        <label for="nama_lengkap" class="block text-gray-700 font-bold mb-2">Nama Lengkap <span class="text-red-500">*</span></label>
                        <input type="text" id="nama_lengkap" name="nama_lengkap" class="form-input" required>
                    </div>
                    
                    <div>
                        <label for="nisn" class="block text-gray-700 font-bold mb-2">NISN <span class="text-red-500">*</span></label>
                        <input type="text" id="nisn" name="nisn" maxlength="20" class="form-input" required>
                    </div>
                    
                    <div>
                        <label for="tempat_lahir" class="block text-gray-700 font-bold mb-2">Tempat Lahir <span class="text-red-500">*</span></label>
                        <input type="text" id="tempat_lahir" name="tempat_lahir" class="form-input" required>
                    </div>
                    
                    <div>
                        <label for="tanggal_lahir" class="block text-gray-700 font-bold mb-2">Tanggal Lahir <span class="text-red-500">*</span></label>
                        <input type="date" id="tanggal_lahir" name="tanggal_lahir" class="form-input" required>
                    </div>
                    
                    <div class="sm:col-span-2">
                        <label for="alamat" class="block text-gray-700 font-bold mb-2">Alamat <span class="text-red-500">*</span></label>
                        <textarea id="alamat" name="alamat" rows="3" class="form-input" required></textarea>
                    </div>
                    
                    <div>
                        <label for="nomor_hp" class="block text-gray-700 font-bold mb-2">Nomor HP <span class="text-red-500">*</span></label>
                        <input type="tel" id="nomor_hp" name="nomor_hp" maxlength="15" class="form-input" required>
                    </div>
                    
                    <div>
                        <label for="email" class="block text-gray-700 font-bold mb-2">Email</label>
                        <input type="email" id="email" name="email" class="form-input">
                    </div>
                    
                    <div>
                        <label for="jenis_kelamin" class="block text-gray-700 font-bold mb-2">Jenis Kelamin <span class="text-red-500">*</span></label>
                        <select id="jenis_kelamin" name="jenis_kelamin" class="form-input" required>
                            <option value="">Pilih Jenis Kelamin</option>
                            <option value="Laki-laki">Laki-laki</option>
                            <option value="Perempuan">Perempuan</option>
                        </select>
                    </div>
                    
                    <div>
                        <label for="jurusan" class="block text-gray-700 font-bold mb-2">Jurusan</label>
                        <select id="jurusan" name="jurusan" class="form-input">
                            <option value="">Pilih Jurusan</option>
                            <option value="IPA">IPA</option>
                            <option value="IPS">IPS</option>
                            <option value="Bahasa">Bahasa</option>
                            <option value="Komputer">Komputer</option>
                        </select>
                    </div>
                    
                    <div>
                        <label for="asal_sekolah" class="block text-gray-700 font-bold mb-2">Asal Sekolah <span class="text-red-500">*</span></label>
                        <input type="text" id="asal_sekolah" name="asal_sekolah" class="form-input" required>
                    </div>
                    
                    <div>
                        <label for="nilai_rata_rata" class="block text-gray-700 font-bold mb-2">Nilai Rata-rata</label>
                        <input type="number" id="nilai_rata_rata" name="nilai_rata_rata" step="0.01" min="0" max="100" class="form-input">
                    </div>
                </div>
                
                <h3 class="text-xl font-bold mb-4 mt-8 pb-2 border-b border-gray-300">Berkas Pendukung</h3>
                
                <div class="grid grid-cols-1 gap-y-4 gap-x-6 sm:grid-cols-2">
                    <div>
                        <label for="berkas_rapor" class="block text-gray-700 font-bold mb-2">Rapor (PDF)</label>
                        <div class="file-input-wrapper">
                            <div class="file-input-button">Pilih File</div>
                            <input type="file" id="berkas_rapor" name="berkas_rapor" accept=".pdf" class="file-input" onchange="updateFileName(this, 'rapor-file-name')">
                            <div id="rapor-file-name" class="file-name">Belum ada file yang dipilih</div>
                        </div>
                    </div>
                    
                    <div>
                        <label for="berkas_kk" class="block text-gray-700 font-bold mb-2">Kartu Keluarga (PDF)</label>
                        <div class="file-input-wrapper">
                            <div class="file-input-button">Pilih File</div>
                            <input type="file" id="berkas_kk" name="berkas_kk" accept=".pdf" class="file-input" onchange="updateFileName(this, 'kk-file-name')">
                            <div id="kk-file-name" class="file-name">Belum ada file yang dipilih</div>
                        </div>
                    </div>
                    
                    <div class="sm:col-span-2">
                        <label for="berkas_akta" class="block text-gray-700 font-bold mb-2">Akta Kelahiran (PDF)</label>
                        <div class="file-input-wrapper">
                            <div class="file-input-button">Pilih File</div>
                            <input type="file" id="berkas_akta" name="berkas_akta" accept=".pdf" class="file-input" onchange="updateFileName(this, 'akta-file-name')">
                            <div id="akta-file-name" class="file-name">Belum ada file yang dipilih</div>
                        </div>
                    </div>
                </div>
                
                <div>
                    <label for="catatan" class="block text-gray-700 font-bold mb-2">Catatan Tambahan</label>
                    <textarea id="catatan" name="catatan" rows="3" class="form-input"></textarea>
                </div>
                
                <div class="text-center pt-4">
                    <button type="submit" class="bg-primary hover:bg-primary-dark text-white font-bold py-3 px-6 rounded-md transition duration-300 w-full sm:w-auto">Kirim Pendaftaran</button>
                </div>
            </form>
        </div>
    </div>
</section>

<?php require_once '../footer.php'; ?>
</body>
</html>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: formulir.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation