FileMgr

✏️ /home/mien4214/public_html/webcp-lama/app/Views/kemitraan/index.php

✕ Tutup

<?= $this->extend('layout/wrapper') ?>

<?= $this->section('style') ?>
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700;800&display=swap" rel="stylesheet">
<style>
    :root {
        --neo-bg: #FDF4E3;          
        --neo-dark: #181818; 
        --neo-red: #D41343;         
        --neo-yellow: #FFD13B;      
        --neo-pink: #FFB3C6;       
        --neo-blue: #A2D2FF;
        --neo-green: #00B14F;       
        --neo-white: #ffffff;
        
        --border-thick: 3px solid var(--neo-dark);
        --radius-medium: 16px;
        --radius-large: 24px;
    }

body {
        font-family: 'Space Grotesk', sans-serif;
        color: var(--neo-dark);
        background-color: var(--neo-bg);
    }

/* --- PAGE TITLE --- */
    .neo-page-title {
        font-size: 3.5rem;
        text-align: center;
        margin-bottom: 15px;
        font-weight: 800;
        text-transform: uppercase;
        color: var(--neo-dark);
        text-shadow: 4px 4px 0px var(--neo-yellow);
        letter-spacing: -1px;
    }

.badge-title {
        background: var(--neo-dark);
        color: var(--neo-white);
        padding: 8px 25px;
        border-radius: 50px;
        font-size: 1.2rem;
        font-weight: 800;
        display: inline-block;
        box-shadow: 4px 4px 0px var(--neo-red);
        transform: rotate(-2deg);
        border: 2px solid var(--neo-dark);
        text-transform: uppercase;
    }

/* --- ALERTS --- */
    .neo-alert {
        border: var(--border-thick);
        border-radius: var(--radius-medium);
        padding: 15px 25px;
        font-weight: 700;
        font-size: 1.1rem;
        box-shadow: 4px 4px 0px var(--neo-dark);
        margin-bottom: 30px;
        display: flex;
        align-items: center;
        animation: slideDown 0.5s ease-out forwards;
    }
    .neo-alert-success { background: var(--neo-green); color: var(--neo-white); }
    .neo-alert-danger { background: var(--neo-red); color: var(--neo-white); }
    
    @keyframes slideDown {
        from { transform: translateY(-20px); opacity: 0; }
        to { transform: translateY(0); opacity: 1; }
    }

/* --- FORM WRAPPER --- */
    .neo-form-wrapper {
        background: var(--neo-white);
        border: var(--border-thick);
        border-radius: var(--radius-large);
        padding: 50px;
        box-shadow: 8px 8px 0px var(--neo-dark);
        max-width: 900px;
        margin: 0 auto;
    }

/* --- INPUT STYLING --- */
    .form-label {
        font-weight: 800;
        font-size: 1.1rem;
        color: var(--neo-dark);
        margin-bottom: 10px;
        display: flex;
        align-items: center;
        gap: 8px;
    }

.input-group {
        box-shadow: 3px 3px 0px var(--neo-dark);
        border-radius: 8px;
        transition: 0.2s;
        margin-bottom: 15px;
    }
    
    .input-group:focus-within {
        box-shadow: 6px 6px 0px var(--neo-pink);
        transform: translate(-2px, -2px);
    }

.input-group-text {
        background: var(--neo-yellow);
        border: 2px solid var(--neo-dark);
        border-right: none;
        color: var(--neo-dark);
        font-size: 1.2rem;
        border-radius: 8px 0 0 8px;
        padding: 12px 15px;
    }

.form-control {
        border: 2px solid var(--neo-dark);
        border-radius: 0 8px 8px 0 !important;
        padding: 12px 15px;
        font-weight: 600;
        font-size: 1rem;
        color: var(--neo-dark);
        background: var(--neo-bg);
        transition: 0.2s;
    }

.form-control:focus {
        border-color: var(--neo-dark);
        background: var(--neo-white);
        box-shadow: none;
        outline: none;
    }

.form-control.is-invalid {
        border-color: var(--neo-red) !important;
        background-color: #ffe6e6;
    }

/* --- SUBMIT BUTTON --- */
    .neo-submit-btn {
        background: var(--neo-red);
        color: var(--neo-white);
        border: 3px solid var(--neo-dark);
        border-radius: 50px;
        padding: 15px 30px;
        font-weight: 800;
        font-size: 1.2rem;
        text-transform: uppercase;
        box-shadow: 5px 5px 0px var(--neo-dark);
        transition: 0.2s;
        width: 100%;
        margin-top: 20px;
    }

.neo-submit-btn:hover {
        transform: translate(-3px, -3px);
        box-shadow: 8px 8px 0px var(--neo-dark);
        color: var(--neo-white);
        background: #b50f38; /* Merah sedikit lebih gelap */
    }

@media only screen and (max-width: 768px) {
        .neo-page-title { font-size: 2.5rem; }
        .neo-form-wrapper { padding: 30px 20px; }
        .form-control { font-size: 0.95rem; }
    }
</style>
<?= $this->endSection() ?>

<?= $this->section('content') ?>
<main id="main" style="padding-top: 100px; padding-bottom: 80px;">

<section id="kemitraan" class="mt-4">
        
        <div class="container">
            <div class="text-center mb-5">
                <div class="badge-title mb-2">🤝 MARI BERKOLABORASI</div>
                <h1 class="neo-page-title"><?= $title ?></h1>
                <p style="font-weight: 600; font-size: 1.1rem; max-width: 600px; margin: 0 auto;">
                    Punya lokasi strategis dan ingin memulai bisnis kuliner? Daftarkan diri Anda sekarang dan jadilah bagian dari keluarga besar Mie Nyinyir!
                </p>
            </div>
        </div>

<div class="container">
            
            <?php if (session('failed')) : ?>
                <div class="neo-alert neo-alert-danger" role="alert">
                    <div><strong>⚠️ GAGAL:</strong> <?= session('failed') ?></div>
                </div>
            <?php endif; ?>

<?php if (session('success')) : ?>
                <div class="neo-alert neo-alert-success" role="alert">
                    <div><strong>🎉 BERHASIL:</strong> <?= session('success') ?></div>
                </div>
            <?php endif; ?>

<div class="neo-form-wrapper">
                <form action="<?= base_url('kemitraan/tambah') ?>" method="post">
                    <?= csrf_field(); ?>
                    
                    <div class="row g-4">
                        <div class="col-md-6">
                            <label class="form-label" for="nama">👤 Nama Lengkap</label>
                            <div class="input-group">
                                <span class="input-group-text"><i class="bx bx-user"></i></span>
                                <input type="text" 
                                       class="form-control <?= $validation->hasError('nama_kemitraan') ? 'is-invalid' : null ?>" 
                                       value="<?= old('nama_kemitraan') ?>" 
                                       name="nama_kemitraan" 
                                       placeholder="Cth: Budi Santoso" />
                            </div>
                        </div>

<div class="col-md-6">
                            <label class="form-label" for="nomor">📱 Nomor WhatsApp</label>
                            <div class="input-group">
                                <span class="input-group-text"><i class="bx bx-phone"></i></span>
                                <input type="text" 
                                       class="form-control <?= $validation->hasError('nomor_kemitraan') ? 'is-invalid' : null ?>" 
                                       name="nomor_kemitraan" 
                                       value="<?= old('nomor_kemitraan') ?>" 
                                       placeholder="Cth: 081234567890" />
                            </div>
                        </div>

<div class="col-md-6">
                            <label class="form-label" for="alamat">🏠 Alamat Domisili</label>
                            <div class="input-group">
                                <span class="input-group-text"><i class="bx bx-map"></i></span>
                                <textarea name="alamat_kemitraan" 
                                          rows="3"
                                          class="form-control <?= $validation->hasError('alamat_kemitraan') ? 'is-invalid' : null ?>" 
                                          placeholder="Masukkan alamat domisili Anda saat ini"><?= old('alamat_kemitraan') ?></textarea>
                            </div>
                        </div>

<div class="col-md-6">
                            <label class="form-label" for="lokasi">🏪 Rencana Lokasi Kedai</label>
                            <div class="input-group">
                                <span class="input-group-text"><i class="bx bx-buildings"></i></span>
                                <textarea id="lokasi" 
                                          name="lokasi_kedai" 
                                          rows="3"
                                          class="form-control <?= $validation->hasError('lokasi_kedai') ? 'is-invalid' : null ?>" 
                                          placeholder="Masukkan alamat atau deskripsi lokasi yang Anda ajukan"><?= old('lokasi_kedai') ?></textarea>
                            </div>
                        </div>

</div> <div class="row mt-4">
                        <div class="col-12">
                            <button type="submit" class="neo-submit-btn">Kirim Pengajuan ➔</button>
                        </div>
                    </div>

</form>
            </div>

</div>

</section>
</main>
<?= $this->endSection() ?>

Batal

⬅ Views 1 item

Nama	Tipe	Ukuran	Diubah	Perm	Aksi
🐘 index.php	php	9.7 KB	25/02/26 15:26	0644	✏️ ⬇

✏️ Rename

🔑 Ubah Permission