FileMgr

✏️ /home/mien4214/public_html/webcp-lama/app/Views/karir/read.php

✕ Tutup

<?php
use App\Models\Karir_model;
$m_berita = new Karir_model();
$sidebar  = $m_berita->sidebar();
?>
<?= $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-white: #ffffff;
        
        --border-thick: 3px solid var(--neo-dark);
        --radius-medium: 16px;
    }

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

/* --- TYPOGRAPHY & HEADER --- */
    .neo-page-title {
        font-size: 3rem;
        font-weight: 800;
        text-transform: uppercase;
        color: var(--neo-dark);
        text-shadow: 4px 4px 0px var(--neo-yellow);
        letter-spacing: -1px;
        margin-bottom: 20px;
    }

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

/* --- NEO CARDS --- */
    .neo-card {
        background-color: var(--neo-white);
        border: var(--border-thick);
        border-radius: var(--radius-medium);
        padding: 25px;
        box-shadow: 8px 8px 0px var(--neo-dark);
        margin-bottom: 30px;
    }

/* Konten Detail Karir */
    .main-article-img {
        width: 100%;
        max-height: 450px;
        object-fit: cover;
        border-radius: 12px;
        border: var(--border-thick);
        margin-bottom: 20px;
    }

.main-article-title {
        font-size: 2rem;
        font-weight: 800;
        margin-bottom: 15px;
    }

/* --- NEO FORM --- */
    .neo-form-container {
        background-color: var(--neo-pink); /* Form dibuat mencolok */
    }

.form-label {
        font-weight: 800;
        font-size: 0.95rem;
        margin-bottom: 5px;
        color: var(--neo-dark);
    }

.neo-input {
        background-color: var(--neo-white);
        border: 2px solid var(--neo-dark) !important;
        border-radius: 8px;
        padding: 12px 15px;
        font-family: 'Space Grotesk', sans-serif;
        font-weight: 600;
        box-shadow: 2px 2px 0px var(--neo-dark);
        transition: 0.2s;
    }
    
    .neo-input:focus {
        outline: none;
        box-shadow: 4px 4px 0px var(--neo-yellow);
        transform: translate(-2px, -2px);
    }

.neo-input[type="file"] {
        padding: 8px 10px;
        background-color: var(--neo-white);
    }

.neo-btn {
        background-color: var(--neo-red);
        color: var(--neo-white);
        font-weight: 800;
        font-size: 1.1rem;
        text-transform: uppercase;
        border: 2px solid var(--neo-dark);
        border-radius: 8px;
        padding: 12px 30px;
        box-shadow: 4px 4px 0px var(--neo-dark);
        transition: 0.2s;
        width: 100%;
        margin-top: 10px;
    }

.neo-btn:hover {
        transform: translate(-3px, -3px);
        box-shadow: 7px 7px 0px var(--neo-dark);
        color: var(--neo-white);
    }

/* --- NEO ALERT (Flash Message) --- */
    .neo-alert {
        background-color: var(--neo-red);
        color: var(--neo-white);
        font-weight: 700;
        border: 2px solid var(--neo-dark);
        border-radius: 8px;
        box-shadow: 4px 4px 0px var(--neo-dark);
        padding: 15px;
        margin-bottom: 30px;
    }

/* --- SIDEBAR --- */
    .sidebar-header {
        background-color: var(--neo-yellow);
        padding: 15px;
        border: var(--border-thick);
        border-radius: 12px;
        margin-bottom: 20px;
        box-shadow: 4px 4px 0px var(--neo-dark);
        text-align: center;
        transform: rotate(1deg);
    }
    
    .sidebar-header h3 {
        margin: 0;
        font-weight: 800;
        font-size: 1.5rem;
    }

.sidebar-item {
        border-bottom: 3px dashed var(--neo-dark);
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    .sidebar-item:last-child {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }

.sidebar-item img {
        width: 100%;
        border: 2px solid var(--neo-dark);
        border-radius: 8px;
        box-shadow: 3px 3px 0px var(--neo-dark);
        transition: 0.2s;
    }
    
    .sidebar-item:hover img {
        transform: translate(-2px, -2px);
        box-shadow: 5px 5px 0px var(--neo-red);
    }

.sidebar-item a {
        color: var(--neo-dark);
        text-decoration: none;
        font-weight: 700;
        transition: 0.2s;
    }
    .sidebar-item a:hover {
        color: var(--neo-red);
    }
</style>
<?= $this->endSection() ?>

<?= $this->section('content') ?>
<main id="main">
    <section id="contact" class="contact" style="padding-top: 140px; padding-bottom: 80px;">
        <div class="container">

<?php if (session('failed')) : ?>
                <div class="neo-alert" role="alert">
                    <i class="fa fa-exclamation-triangle"></i> <?= session('failed') ?>
                </div>
            <?php endif; ?>

<div class="mb-4">
                <div class="badge-title">💼 INFO LOWONGAN</div>
                <h1 class="neo-page-title"><?= $title ?></h1>
            </div>

<div class="row">
                <div class="col-md-8">
                    
                    <div class="neo-card">
                        <?php if(!empty($berita['gambar'])) : ?>
                            <img src="<?= base_url('assets/upload/image/' . $berita['gambar']) ?>" alt="<?= $berita['judul_karir'] ?>" class="main-article-img">
                        <?php endif; ?>
                        
                        <div class="card-body px-0">
                            <h2 class="main-article-title"><?= $berita['judul_karir'] ?></h2>
                            <div class="article-content">
                                <?= $berita['isi'] ?>
                            </div>
                        </div>
                    </div>

<div class="neo-card neo-form-container">
                        <div class="badge-title" style="background: var(--neo-white); color: var(--neo-dark); box-shadow: 4px 4px 0px var(--neo-dark);">
                            📝 FORMULIR LAMARAN
                        </div>
                        
                        <form action="<?= base_url('karir/lamar') ?>" method="post" accept-charset="utf-8" enctype="multipart/form-data" class="mt-3">
                            <input type="hidden" id="karir_id" name="karir_id" value="<?= $berita['id_karir']?>" />
                            <?php if ($validation->hasError('karir_id')) : ?>
                                <small class="text-danger" style="font-weight:bold;"><?= $validation->getError('karir_id') ?></small>
                            <?php endif; ?>

<div class="row">
                                <div class="mb-3 col-md-6">
                                    <label for="nama" class="form-label">Nama Lengkap</label>
                                    <input class="form-control neo-input <?= $validation->hasError('nama') ? 'is-invalid' : null ?>" value="<?= old('nama') ?>" type="text" id="nama" name="nama" autofocus placeholder="Cth: Budi Santoso" />
                                    <?php if ($validation->hasError('nama')) : ?>
                                        <div class="invalid-feedback" style="font-weight: 600; font-size: 0.85rem;">
                                            <?= $validation->getError('nama') ?>
                                        </div>
                                    <?php endif; ?>
                                </div>
                                <div class="mb-3 col-md-6">
                                    <label for="email" class="form-label">Email Aktif</label>
                                    <input class="form-control neo-input <?= $validation->hasError('email') ? 'is-invalid' : null ?>" value="<?= old('email') ?>" type="email" id="email" name="email" placeholder="Cth: budi@email.com" />
                                    <?php if ($validation->hasError('email')) : ?>
                                        <div class="invalid-feedback" style="font-weight: 600; font-size: 0.85rem;">
                                            <?= $validation->getError('email') ?>
                                        </div>
                                    <?php endif; ?>
                                </div>
                            </div>

<div class="row">
                                <div class="mb-3 col-md-6">
                                    <label for="nowa" class="form-label">Nomor WhatsApp</label>
                                    <input onkeypress="return hanyaAngka(event)" class="form-control neo-input <?= $validation->hasError('nowa') ? 'is-invalid' : null ?>" value="<?= old('nowa') ?>" type="text" id="nowa" name="nowa" placeholder="Cth: 08123456789" />
                                    <?php if ($validation->hasError('nowa')) : ?>
                                        <div class="invalid-feedback" style="font-weight: 600; font-size: 0.85rem;">
                                            <?= $validation->getError('nowa') ?>
                                        </div>
                                    <?php endif; ?>
                                </div>
                                <div class="mb-3 col-md-6">
                                    <label for="cv" class="form-label">Upload Berkas/CV (PDF)</label>
                                    <input class="form-control neo-input <?= $validation->hasError('cv') ? 'is-invalid' : null ?>" type="file" id="cv" name="cv" />
                                    <?php if ($validation->hasError('cv')) : ?>
                                        <div class="invalid-feedback" style="font-weight: 600; font-size: 0.85rem;">
                                            <?= $validation->getError('cv') ?>
                                        </div>
                                    <?php endif; ?>
                                </div>
                            </div>
                            
                            <div class="mt-4">
                                <button type="submit" class="btn neo-btn">
                                    <i class="fa fa-paper-plane me-2"></i> Kirim Lamaran
                                </button>
                            </div>
                        </form>
                    </div>

</div>

<div class="col-md-4">
                    <div class="neo-card" style="background-color: var(--neo-blue);">
                        
                        <div class="sidebar-header">
                            <h3>KARIR LAINNYA</h3>
                        </div>
                        
                        <div class="card-body px-0">
                            <?php foreach ($sidebar as $item) { ?>
                                <div class="row sidebar-item align-items-center">
                                    <div class="col-4">
                                        <?php if ($item['gambar'] === '') { ?>
                                            <img src="<?= icon() ?>" alt="icon">
                                        <?php } else { ?>
                                            <img src="<?= base_url('assets/upload/image/thumbs/' . $item['gambar']) ?>" alt="<?= $item['judul_karir'] ?>">
                                        <?php } ?>
                                    </div>
                                    <div class="col-8">
                                        <h4 style="font-size: 16px; margin-bottom: 5px; line-height: 1.3;">
                                            <a href="<?= base_url('karir/read/' . $item['slug_karir']) ?>">
                                                <?= $item['judul_karir'] ?>
                                            </a>
                                        </h4>
                                        <small style="font-weight: 600; opacity: 0.8;">
                                            <i class="fa fa-eye"></i> <?= $item['hits'] ?> views
                                        </small>
                                    </div>
                                </div>
                            <?php } ?>
                        </div>

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

<?= $this->section('script')?>
<script>
    // Fungsi bawaan agar input WA hanya menerima angka
    function hanyaAngka(evt) {
        var charCode = (evt.which) ? evt.which : event.keyCode
        if (charCode > 31 && (charCode < 48 || charCode > 57))
            return false;
        return true;
    }
</script>
<?= $this->endSection() ?>

Batal

⬅ Views 4 item

Nama	Tipe	Ukuran	Diubah	Perm	Aksi
🐘 index.php	php	7.3 KB	25/02/26 15:18	0644	✏️ ⬇
🐘 layanan.php	php	1.3 KB	06/01/23 10:50	0644	✏️ ⬇
🐘 profil.php	php	1.3 KB	06/01/23 10:50	0644	✏️ ⬇
🐘 read.php	php	13.5 KB	26/02/26 12:04	0644	✏️ ⬇

✏️ Rename

🔑 Ubah Permission