<!DOCTYPE html>
<html lang="id">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Tambah Personil ke Paket Lelang</title>
    <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,500;0,700;1,500&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600&display=swap" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
    <style>
        *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

        :root {
            --gold:       #C9A84C;
            --gold-light: #E8C96D;
            --gold-dark:  #8B6914;
            --gold-dim:   rgba(201,168,76,0.08);
            --ink:        #060503;
            --ink-card:   rgba(12,9,4,0.92);
            --white:      #F8F6F0;
            --muted:      #6A6A5E;
            --border:     rgba(201,168,76,0.18);
            --border-md:  rgba(201,168,76,0.32);
        }

        html, body { min-height: 100%; }

        body {
            font-family: 'DM Sans', sans-serif;
            background: var(--ink);
            color: var(--white);
            min-height: 100vh;
            position: relative;
        }

        #particleCanvas { position: fixed; inset: 0; z-index: 0; pointer-events: none; }

        .bg-layer { position: fixed; inset: 0; z-index: 1; pointer-events: none; }
        .bg-layer::before {
            content: ''; position: absolute; inset: 0;
            background-image:
                linear-gradient(rgba(201,168,76,0.03) 1px, transparent 1px),
                linear-gradient(90deg, rgba(201,168,76,0.03) 1px, transparent 1px);
            background-size: 56px 56px;
        }

        .glow { position: fixed; border-radius: 50%; filter: blur(100px); pointer-events: none; z-index: 1; }
        .glow-1 { width:600px; height:500px; opacity:0.10; background:radial-gradient(ellipse,#C9A84C 0%,transparent 68%); top:-200px; left:-140px; }
        .glow-2 { width:480px; height:420px; opacity:0.07; background:radial-gradient(ellipse,#8B6914 0%,transparent 68%); bottom:-160px; right:-100px; }

        .corner { position:fixed; width:120px; height:120px; pointer-events:none; opacity:0.1; z-index:1; }
        .corner-tl { top:0; left:0;     border-top:1px solid var(--gold-light); border-left:1px solid var(--gold-light); }
        .corner-tr { top:0; right:0;    border-top:1px solid var(--gold-light); border-right:1px solid var(--gold-light); }
        .corner-bl { bottom:0; left:0;  border-bottom:1px solid var(--gold-light); border-left:1px solid var(--gold-light); }
        .corner-br { bottom:0; right:0; border-bottom:1px solid var(--gold-light); border-right:1px solid var(--gold-light); }

        /* ── Sidebar ── */
        .sidebar {
            position: fixed; top:0; left:0;
            width: 240px; height: 100vh;
            background: rgba(6,5,3,0.97);
            border-right: 1px solid var(--border);
            z-index: 10;
            display: flex; flex-direction: column;
        }
        .sidebar::after {
            content: ''; position:absolute; top:0; right:0;
            width:1px; height:100%;
            background: linear-gradient(180deg,transparent 0%,var(--gold-dark) 20%,var(--gold-light) 50%,var(--gold-dark) 80%,transparent 100%);
            opacity: 0.5;
        }
        .sidebar-brand {
            padding: 1.5rem 1.4rem 1.3rem;
            border-bottom: 1px solid var(--border);
            display: flex; align-items: center; gap: 0.85rem;
            flex-shrink: 0;
        }
        .sidebar-logo {
            width:36px; height:36px; object-fit:contain;
            filter: drop-shadow(0 0 10px rgba(201,168,76,0.4));
            flex-shrink: 0;
        }
        .sidebar-brand-text { display:flex; flex-direction:column; }
        .sidebar-brand-pt   { font-size:0.55rem; letter-spacing:0.35em; color:var(--gold); text-transform:uppercase; font-weight:500; }
        .sidebar-brand-name { font-family:'Playfair Display',serif; font-size:0.9rem; font-weight:700; color:var(--white); line-height:1.2; }
        .sidebar-brand-sub  { font-size:0.58rem; color:var(--muted); font-style:italic; margin-top:1px; }

        .sidebar-nav { flex:1; padding:1rem 0; overflow-y:auto; }
        .nav-section-label {
            font-size:0.55rem; letter-spacing:0.2em;
            color:rgba(201,168,76,0.4); text-transform:uppercase;
            padding:0.7rem 1.4rem 0.25rem; font-weight:500;
        }
        .nav-item {
            display:flex; align-items:center; gap:10px;
            padding:0.6rem 1.4rem;
            font-size:0.8rem; font-weight:400;
            color:var(--muted);
            text-decoration:none;
            transition:all 0.15s;
            position:relative;
            cursor:pointer;
        }
        .nav-item i { font-size:0.75rem; width:16px; text-align:center; flex-shrink:0; }
        .nav-item:hover { color:var(--white); background:rgba(201,168,76,0.04); }
        .nav-item.active { color:var(--gold-light); background:rgba(201,168,76,0.07); }
        .nav-item.active::before {
            content:''; position:absolute; left:0; top:0; bottom:0;
            width:2px; background:linear-gradient(180deg,var(--gold-dark),var(--gold-light));
        }
        .sidebar-footer {
            padding:1rem 1.4rem;
            border-top:1px solid var(--border);
            font-size:0.58rem; letter-spacing:0.1em;
            color:rgba(201,168,76,0.35); text-transform:uppercase;
            flex-shrink:0;
        }

        /* ── Layout ── */
        .layout { position:relative; z-index:2; margin-left:240px; min-height:100vh; }

        /* ── Topbar ── */
        .topbar {
            position:sticky; top:0; z-index:9;
            background:rgba(6,5,3,0.92);
            backdrop-filter:blur(20px);
            border-bottom:1px solid var(--border);
            padding:0.85rem 2rem;
            display:flex; align-items:center; justify-content:space-between;
        }
        .topbar-left { display:flex; flex-direction:column; }
        .topbar-title { font-family:'Playfair Display',serif; font-size:1.1rem; font-weight:700; color:var(--white); }
        .topbar-title span { color:var(--gold); }
        .topbar-sub { font-size:0.6rem; letter-spacing:0.15em; color:var(--muted); text-transform:uppercase; margin-top:1px; }
        .topbar-right { display:flex; align-items:center; gap:1rem; }
        .topbar-dot {
            width:7px; height:7px; border-radius:50%;
            background:var(--gold); box-shadow:0 0 8px rgba(201,168,76,0.6);
            animation:pulse 2s ease infinite;
        }
        @keyframes pulse { 0%,100%{opacity:1;} 50%{opacity:0.3;} }
        .topbar-user { font-size:0.72rem; color:var(--muted); font-weight:300; }

        /* ── Page content ── */
        .page-content { padding:1.75rem 2rem 3rem; }
        @keyframes riseIn { from{opacity:0;transform:translateY(14px);} to{opacity:1;transform:translateY(0);} }
        .page-content { animation:riseIn 0.5s ease 0.1s both; }

        /* ── Breadcrumb ── */
        .breadcrumb {
            display: flex; align-items: center; gap: 6px;
            font-size: 0.65rem; color: var(--muted);
            margin-bottom: 1.25rem; letter-spacing: 0.05em;
        }
        .breadcrumb a { color: var(--muted); text-decoration: none; transition: color 0.15s; }
        .breadcrumb a:hover { color: var(--gold-light); }
        .breadcrumb i { font-size: 0.5rem; opacity: 0.4; }
        .breadcrumb span { color: var(--gold); }

        /* ── Form panel ── */
        .form-panel {
            background: var(--ink-card);
            border: 1px solid var(--border);
            border-radius: 14px;
            overflow: hidden; position: relative;
            margin-bottom: 1.25rem;
        }
        .form-panel::before {
            content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px;
            background: linear-gradient(90deg, transparent 5%, var(--gold-dark) 25%, var(--gold-light) 50%, var(--gold-dark) 75%, transparent 95%);
        }
        .form-panel-header {
            padding: 0.9rem 1.4rem;
            border-bottom: 1px solid var(--border);
            display: flex; align-items: center; gap: 8px;
        }
        .form-panel-title {
            font-size: 0.6rem; letter-spacing: 0.18em;
            color: var(--gold); text-transform: uppercase; font-weight: 500;
        }
        .form-panel-body { padding: 1.4rem; }

        /* ── Field grid ── */
        .field-grid-3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1rem; }
        .field-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
        .field-full   { grid-column: 1 / -1; }

        /* ── Checklist grid ── */
        .checklist-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }

        .f-group { display: flex; flex-direction: column; gap: 6px; }
        .f-label {
            font-size: 0.6rem; font-weight: 500;
            letter-spacing: 0.14em; color: var(--muted); text-transform: uppercase;
        }
        .f-label span { color: var(--gold); margin-left: 2px; }

        .f-input, .f-select, .f-textarea {
            width: 100%;
            background: rgba(255,255,255,0.025);
            border: 1px solid var(--border);
            border-radius: 10px;
            padding: 10px 14px;
            color: var(--white);
            font-family: 'DM Sans', sans-serif;
            font-size: 0.85rem; font-weight: 300;
            outline: none;
            transition: border-color 0.2s, box-shadow 0.2s;
            appearance: none;
        }
        .f-input::placeholder, .f-textarea::placeholder { color: rgba(106,106,94,0.5); }
        .f-input:focus, .f-select:focus, .f-textarea:focus {
            border-color: var(--gold);
            box-shadow: 0 0 0 3px rgba(201,168,76,0.1);
        }
        .f-input.is-invalid, .f-select.is-invalid, .f-textarea.is-invalid {
            border-color: rgba(200,114,114,0.55);
            box-shadow: 0 0 0 3px rgba(200,114,114,0.08);
        }
        .f-select {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236A6A5E' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: right 12px center;
            padding-right: 32px;
        }
        .f-select option { background: #0D0B07; color: var(--white); }
        .f-textarea { resize: vertical; min-height: 90px; }
        .f-input[type="date"]::-webkit-calendar-picker-indicator {
            filter: invert(0.4) sepia(1) saturate(1) hue-rotate(5deg);
            cursor: pointer; opacity: 0.6;
        }
        .f-feedback {
            font-size: 0.68rem; color: #C87272; margin-top: 2px; letter-spacing: 0.02em;
        }
        .field-hint {
            font-size: 0.6rem; color: var(--muted);
            margin-bottom: 1rem;
            display: flex; align-items: center; gap: 4px;
        }
        .field-hint span { color: var(--gold); font-size: 0.7rem; }

        /* ── Buttons ── */
        .form-actions { display: flex; gap: 0.75rem; align-items: center; flex-wrap: wrap; }

        .btn-gold {
            display:inline-flex; align-items:center; gap:7px;
            padding:10px 24px;
            background:linear-gradient(135deg,var(--gold) 0%,var(--gold-light) 100%);
            border:none; border-radius:10px;
            color:#0D0B07;
            font-family:'DM Sans',sans-serif;
            font-size:0.82rem; font-weight:600; letter-spacing:0.06em;
            cursor:pointer; transition:all 0.2s;
            box-shadow:0 4px 16px rgba(201,168,76,0.25);
            text-decoration:none;
        }
        .btn-gold:hover { filter:brightness(1.08); transform:translateY(-1px); }
        .btn-gold:active { transform:translateY(0); }
        .btn-gold i { font-size:0.72rem; }

        .btn-muted {
            display:inline-flex; align-items:center; gap:7px;
            padding:10px 20px;
            background:rgba(255,255,255,0.04);
            border:1px solid var(--border-md);
            border-radius:10px;
            color:var(--muted);
            font-family:'DM Sans',sans-serif;
            font-size:0.82rem; font-weight:400;
            cursor:pointer; transition:all 0.2s;
            text-decoration:none;
        }
        .btn-muted:hover { color:var(--white); background:rgba(255,255,255,0.07); }
        .btn-muted i { font-size:0.72rem; }
    </style>
</head>

<body>

    <canvas id="particleCanvas"></canvas>
    <div class="bg-layer"></div>
    <div class="glow glow-1"></div>
    <div class="glow glow-2"></div>
    <div class="corner corner-tl"></div>
    <div class="corner corner-tr"></div>
    <div class="corner corner-bl"></div>
    <div class="corner corner-br"></div>

    
    <aside class="sidebar">
        <div class="sidebar-brand">
            <img src="<?php echo e(asset('images/logo fix2.png')); ?>" alt="Logo" class="sidebar-logo">
            <div class="sidebar-brand-text">
                <span class="sidebar-brand-pt">PT.</span>
                <div class="sidebar-brand-name">MANDAJAYA</div>
                <span class="sidebar-brand-sub">Rekayasa Konstruksi</span>
            </div>
        </div>

        <nav class="sidebar-nav">
            <div class="nav-section-label">Utama</div>

            <a href="<?php echo e(route('dashboard')); ?>" class="nav-item <?php echo e(request()->routeIs('dashboard') ? 'active' : ''); ?>">
                <i class="fas fa-chart-line"></i> Dashboard
            </a>

            <a href="<?php echo e(route('personils.index')); ?>" class="nav-item <?php echo e(request()->routeIs('personils.*') ? 'active' : ''); ?>">
                <i class="fas fa-users"></i> Personil
            </a>

            <a href="<?php echo e(route('paket-lelangs.index')); ?>" class="nav-item <?php echo e(request()->routeIs('paket-lelangs.*') ? 'active' : ''); ?>">
                <i class="fas fa-gavel"></i> Paket Lelang
            </a>

            <div class="nav-section-label" style="margin-top:0.4rem;">Lainnya</div>

            <a href="<?php echo e(route('panduan-gdrive')); ?>" class="nav-item <?php echo e(request()->routeIs('panduan-gdrive') ? 'active' : ''); ?>">
                <i class="fas fa-book"></i> Panduan GDrive
            </a>

            <div class="nav-section-label" style="margin-top:0.4rem;">Akun</div>

            <form method="POST" action="<?php echo e(route('logout')); ?>">
                <?php echo csrf_field(); ?>
                <button type="submit" class="nav-item" style="width:100%; background:none; border:none; text-align:left;">
                    <i class="fas fa-right-from-bracket"></i> Logout
                </button>
            </form>
        </nav>

        <div class="sidebar-footer">
            © 2022 PT. Mandajaya
        </div>
    </aside>

    
    <div class="layout">

        
        <div class="topbar">
            <div class="topbar-left">
                <div class="topbar-title">Tambah <span>Personil ke Paket</span></div>
                <div class="topbar-sub"><?php echo e($paketLelang->nama_paket); ?></div>
            </div>
            <div class="topbar-right">
                <span class="topbar-dot"></span>
                <span class="topbar-user">Sistem Aktif</span>
            </div>
        </div>

        <div class="page-content">

            
            <div class="breadcrumb">
                <a href="<?php echo e(route('dashboard')); ?>"><i class="fas fa-chart-line"></i> Dashboard</a>
                <i class="fas fa-chevron-right"></i>
                <a href="<?php echo e(route('paket-lelangs.index')); ?>">Paket Lelang</a>
                <i class="fas fa-chevron-right"></i>
                <a href="<?php echo e(route('paket-lelangs.show', $paketLelang)); ?>"><?php echo e($paketLelang->nama_paket); ?></a>
                <i class="fas fa-chevron-right"></i>
                <span>Tambah Personil</span>
            </div>

            <form method="POST" action="<?php echo e(route('paket-lelangs.personils.store', $paketLelang)); ?>">
                <?php echo csrf_field(); ?>

                
                <div class="form-panel">
                    <div class="form-panel-header">
                        <i class="fas fa-user" style="color:var(--gold);font-size:0.7rem;opacity:0.65;"></i>
                        <span class="form-panel-title">Data Personil</span>
                    </div>
                    <div class="form-panel-body">
                        <p class="field-hint"><span>*</span> Wajib diisi</p>

                        <div class="field-grid-3" style="margin-bottom:1rem;">
                            <div class="f-group field-full">
                                <label for="personil_id" class="f-label">Pilih Personil <span>*</span></label>
                                <select class="f-select <?php $__errorArgs = ['personil_id'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>" id="personil_id" name="personil_id" required>
                                    <option value="">-- Pilih Personil --</option>
                                    <?php $__currentLoopData = $personils; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $p): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                        <option value="<?php echo e($p->id); ?>" data-posisi="<?php echo e($p->posisi_usulan); ?>" data-jenjang="<?php echo e($p->jenjang); ?>" <?php echo e(old('personil_id') == $p->id ? 'selected' : ''); ?>>
                                            <?php echo e($p->id_personil); ?> — <?php echo e($p->nama_personil); ?>

                                        </option>
                                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                </select>
                                <?php $__errorArgs = ['personil_id'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                                    <div class="f-feedback"><i class="fas fa-circle-exclamation" style="font-size:0.6rem;"></i> <?php echo e($message); ?></div>
                                <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                            </div>
                        </div>

                        <div class="field-grid-3">
                            <div class="f-group">
                                <label for="posisi_diusulkan" class="f-label">Posisi Diusulkan</label>
                                <input type="text" class="f-input <?php $__errorArgs = ['posisi_diusulkan'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>"
                                    id="posisi_diusulkan" name="posisi_diusulkan" value="<?php echo e(old('posisi_diusulkan')); ?>">
                                <?php $__errorArgs = ['posisi_diusulkan'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                                    <div class="f-feedback"><i class="fas fa-circle-exclamation" style="font-size:0.6rem;"></i> <?php echo e($message); ?></div>
                                <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                            </div>
                            <div class="f-group">
                                <label for="jenjang_minimal" class="f-label">Jenjang Minimal</label>
                                <input type="number" class="f-input <?php $__errorArgs = ['jenjang_minimal'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>"
                                    id="jenjang_minimal" name="jenjang_minimal" value="<?php echo e(old('jenjang_minimal')); ?>">
                                <?php $__errorArgs = ['jenjang_minimal'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                                    <div class="f-feedback"><i class="fas fa-circle-exclamation" style="font-size:0.6rem;"></i> <?php echo e($message); ?></div>
                                <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                            </div>
                            <div class="f-group">
                                <label for="jenjang_personil" class="f-label">Jenjang Personil</label>
                                <input type="number" class="f-input <?php $__errorArgs = ['jenjang_personil'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>"
                                    id="jenjang_personil" name="jenjang_personil" value="<?php echo e(old('jenjang_personil')); ?>">
                                <?php $__errorArgs = ['jenjang_personil'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                                    <div class="f-feedback"><i class="fas fa-circle-exclamation" style="font-size:0.6rem;"></i> <?php echo e($message); ?></div>
                                <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                            </div>
                        </div>
                    </div>
                </div>

                
                <div class="form-panel">
                    <div class="form-panel-header">
                        <i class="fas fa-clipboard-check" style="color:var(--gold);font-size:0.7rem;opacity:0.65;"></i>
                        <span class="form-panel-title">Checklist Dokumen Lelang</span>
                    </div>
                    <div class="form-panel-body">
                        <div class="checklist-grid">
                            <?php $__currentLoopData = ['kesesuaian_subklasifikasi', 'skk_aktif', 'cv_format_lelang', 'ijazah', 'ktp', 'npwp', 'pengalaman_referensi', 'surat_kesediaan_personil', 'surat_kuasa_penggunaan_data', 'pakta_integritas', 'bukti_verifikasi_qr_siki', 'daftar_riwayat_hidup_ttd']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $field): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                <div class="f-group">
                                    <label for="<?php echo e($field); ?>" class="f-label"><?php echo e(ucwords(str_replace('_', ' ', $field))); ?></label>
                                    <select class="f-select" id="<?php echo e($field); ?>" name="<?php echo e($field); ?>">
                                        <option value="">Pilih Status</option>
                                        <?php $__currentLoopData = \App\Support\Dropdown::statusBerkas(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $opt): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                            <option value="<?php echo e($opt); ?>" <?php echo e(old($field) == $opt ? 'selected' : ''); ?>><?php echo e($opt); ?></option>
                                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                    </select>
                                </div>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        </div>
                    </div>
                </div>

                
                <div class="form-panel">
                    <div class="form-panel-header">
                        <i class="fas fa-link" style="color:var(--gold);font-size:0.7rem;opacity:0.65;"></i>
                        <span class="form-panel-title">Link & Lainnya</span>
                    </div>
                    <div class="form-panel-body">
                        <div class="field-grid-3" style="margin-bottom:1rem;">
                            <div class="f-group">
                                <label for="link_folder_lelang" class="f-label">Link Folder Lelang</label>
                                <input type="url" class="f-input <?php $__errorArgs = ['link_folder_lelang'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>"
                                    id="link_folder_lelang" name="link_folder_lelang" value="<?php echo e(old('link_folder_lelang')); ?>"
                                    placeholder="https://...">
                                <?php $__errorArgs = ['link_folder_lelang'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                                    <div class="f-feedback"><i class="fas fa-circle-exclamation" style="font-size:0.6rem;"></i> <?php echo e($message); ?></div>
                                <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                            </div>
                            <div class="f-group">
                                <label for="link_surat_kesediaan" class="f-label">Link Surat Kesediaan</label>
                                <input type="url" class="f-input <?php $__errorArgs = ['link_surat_kesediaan'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>"
                                    id="link_surat_kesediaan" name="link_surat_kesediaan" value="<?php echo e(old('link_surat_kesediaan')); ?>"
                                    placeholder="https://...">
                                <?php $__errorArgs = ['link_surat_kesediaan'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                                    <div class="f-feedback"><i class="fas fa-circle-exclamation" style="font-size:0.6rem;"></i> <?php echo e($message); ?></div>
                                <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                            </div>
                            <div class="f-group">
                                <label for="link_cv_lelang" class="f-label">Link CV Lelang</label>
                                <input type="url" class="f-input <?php $__errorArgs = ['link_cv_lelang'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>"
                                    id="link_cv_lelang" name="link_cv_lelang" value="<?php echo e(old('link_cv_lelang')); ?>"
                                    placeholder="https://...">
                                <?php $__errorArgs = ['link_cv_lelang'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                                    <div class="f-feedback"><i class="fas fa-circle-exclamation" style="font-size:0.6rem;"></i> <?php echo e($message); ?></div>
                                <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                            </div>
                        </div>

                        <div class="field-grid-2" style="margin-bottom:1rem;">
                            <div class="f-group">
                                <label for="pic" class="f-label">PIC</label>
                                <input type="text" class="f-input <?php $__errorArgs = ['pic'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>"
                                    id="pic" name="pic" value="<?php echo e(old('pic')); ?>" placeholder="Nama PIC">
                                <?php $__errorArgs = ['pic'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                                    <div class="f-feedback"><i class="fas fa-circle-exclamation" style="font-size:0.6rem;"></i> <?php echo e($message); ?></div>
                                <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                            </div>
                            <div class="f-group">
                                <label for="deadline" class="f-label">Deadline</label>
                                <input type="date" class="f-input <?php $__errorArgs = ['deadline'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>"
                                    id="deadline" name="deadline" value="<?php echo e(old('deadline')); ?>">
                                <?php $__errorArgs = ['deadline'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                                    <div class="f-feedback"><i class="fas fa-circle-exclamation" style="font-size:0.6rem;"></i> <?php echo e($message); ?></div>
                                <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                            </div>
                        </div>

                        <div class="f-group">
                            <label for="catatan" class="f-label">Catatan</label>
                            <textarea class="f-textarea <?php $__errorArgs = ['catatan'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>"
                                id="catatan" name="catatan"
                                placeholder="Tambahkan catatan atau keterangan..."><?php echo e(old('catatan')); ?></textarea>
                            <?php $__errorArgs = ['catatan'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                                <div class="f-feedback"><i class="fas fa-circle-exclamation" style="font-size:0.6rem;"></i> <?php echo e($message); ?></div>
                            <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                        </div>
                    </div>
                </div>

                
                <div class="form-actions">
                    <button type="submit" class="btn-gold">
                        <i class="fas fa-floppy-disk"></i> Simpan
                    </button>
                    <a href="<?php echo e(route('paket-lelangs.show', $paketLelang)); ?>" class="btn-muted">
                        <i class="fas fa-arrow-left"></i> Batal
                    </a>
                </div>

            </form>

        </div>
    </div>

    <script>
        document.getElementById('personil_id').addEventListener('change', function() {
            const selectedOption = this.options[this.selectedIndex];
            if (selectedOption.value) {
                document.getElementById('posisi_diusulkan').value = selectedOption.dataset.posisi || '';
                document.getElementById('jenjang_personil').value = selectedOption.dataset.jenjang || '';
            }
        });

        (function () {
            const canvas = document.getElementById('particleCanvas');
            const ctx    = canvas.getContext('2d');
            const COLORS = [[201,168,76],[232,201,109],[245,213,107],[180,140,50],[220,185,80]];
            const COUNT = 220, FPS_TARGET = 30, FRAME_MS = 1000 / FPS_TARGET;
            let W, H, particles, lastFrame = 0;

            function resize() { W = canvas.width = window.innerWidth; H = canvas.height = window.innerHeight; }
            function rand(a, b) { return Math.random() * (b - a) + a; }
            function makeParticle() {
                const c = COLORS[Math.floor(Math.random() * COLORS.length)];
                const angle = rand(0, Math.PI * 2), spd = rand(0.06, 0.3);
                return { x:rand(0,W), y:rand(0,H), vx:Math.cos(angle)*spd, vy:Math.sin(angle)*spd,
                         r:rand(0.6,2.5), baseAlpha:rand(0.2,0.6), phase:rand(0,Math.PI*2), phaseSpeed:rand(0.015,0.04), color:c };
            }
            function initParticles() { particles = []; for (let i=0;i<COUNT;i++) particles.push(makeParticle()); }
            function draw(p, alpha) {
                if (alpha < 0.01) return;
                const [r,g,b] = p.color;
                ctx.beginPath(); ctx.arc(p.x,p.y,p.r,0,Math.PI*2);
                ctx.fillStyle = `rgba(${r},${g},${b},${alpha.toFixed(3)})`; ctx.fill();
                if (p.r > 1.5) {
                    const grad = ctx.createRadialGradient(p.x,p.y,0,p.x,p.y,p.r*4);
                    grad.addColorStop(0,`rgba(${r},${g},${b},${(alpha*0.2).toFixed(3)})`);
                    grad.addColorStop(1,`rgba(${r},${g},${b},0)`);
                    ctx.beginPath(); ctx.arc(p.x,p.y,p.r*4,0,Math.PI*2);
                    ctx.fillStyle = grad; ctx.fill();
                }
            }
            function update(p) {
                p.x+=p.vx; p.y+=p.vy;
                if(p.x<-5) p.x=W+5; if(p.x>W+5) p.x=-5;
                if(p.y<-5) p.y=H+5; if(p.y>H+5) p.y=-5;
                p.phase+=p.phaseSpeed; if(p.phase>Math.PI*2) p.phase-=Math.PI*2;
                draw(p, p.baseAlpha*((Math.sin(p.phase)+1)/2));
            }
            function loop(ts) {
                requestAnimationFrame(loop);
                if(ts-lastFrame<FRAME_MS) return; lastFrame=ts;
                ctx.clearRect(0,0,W,H);
                for(let i=0;i<particles.length;i++) update(particles[i]);
            }
            resize(); initParticles(); requestAnimationFrame(loop);
            let t;
            window.addEventListener('resize',function(){ clearTimeout(t); t=setTimeout(function(){resize();initParticles();},200); });
            document.addEventListener('visibilitychange',function(){ lastFrame=document.hidden?Infinity:0; });
        })();
    </script>

</body>
</html><?php /**PATH C:\laragon\www\SKK\resources\views/lelang-personils/create.blade.php ENDPATH**/ ?>