

<?php $__env->startSection('content'); ?>


<section class="hero" style="min-height:55vh;">
    <div class="hero-inner" data-aos="zoom-in">
        <h1>Hubungi Kami</h1>
        <p>Kami siap membantu — silakan kirimkan pesan atau kunjungi kantor kami</p>
    </div>
</section>


<section class="section">
    <h2 data-aos="fade-up">Kirim Pesan</h2>
    <p data-aos="fade-up" data-aos-delay="100">
        Isi formulir di bawah ini dan kami akan segera merespons pesan Anda.
    </p>

    <div class="grid" style="max-width:960px; margin-left:auto; margin-right:auto; margin-top:40px; align-items:start;">

        
        <div class="card" data-aos="fade-right">
            <h3 style="margin-bottom:16px;">📩 Formulir Kontak</h3>

            <form method="POST" action="/kontak">
                <?php echo csrf_field(); ?>

                <input
                    type="text"
                    name="nama"
                    placeholder="Nama lengkap Anda"
                    required
                    autocomplete="name"
                    value="<?php echo e(old('nama')); ?>"
                >

                <input
                    type="email"
                    name="email"
                    placeholder="Alamat email Anda"
                    required
                    autocomplete="email"
                    value="<?php echo e(old('email')); ?>"
                >

                <textarea
                    name="pesan"
                    rows="5"
                    placeholder="Tulis pesan Anda di sini..."
                    required
                ><?php echo e(old('pesan')); ?></textarea>

                <button type="submit" class="btn">Kirim Pesan</button>
            </form>

            <?php if(session('success')): ?>
                <div class="alert-success" role="alert">
                    ✅ <?php echo e(session('success')); ?>

                </div>
            <?php endif; ?>
        </div>

        
        <div class="card" data-aos="fade-left">
            <h3 style="margin-bottom:16px;">📋 Informasi Kontak</h3>

            <ul style="list-style:none; display:flex; flex-direction:column; gap:14px;">
                <li style="display:flex; gap:10px; align-items:flex-start; font-size:14px; color:#444;">
                    <span style="font-size:18px; flex-shrink:0;">📍</span>
                    <span>Jln. Tumanurung No. 17, Sungguminasa, Somba Opu, Kabupaten Gowa, Sulawesi Selatan</span>
                </li>
                <li style="display:flex; gap:10px; align-items:center; font-size:14px; color:#444;">
                    <span style="font-size:18px;">📞</span>
                    <a href="tel:081234567" style="color:#2e7d32; text-decoration:none;">081234567</a>
                </li>
                <li style="display:flex; gap:10px; align-items:center; font-size:14px; color:#444;">
                    <span style="font-size:18px;">📧</span>
                    <a href="mailto:spkhama@email.com" style="color:#2e7d32; text-decoration:none;">spkhama@email.com</a>
                </li>
            </ul>

            <hr style="margin:20px 0; border:none; border-top:1px solid #e8f5e9;">

            <p style="font-size:14px; color:#555; line-height:1.7;">
                SPK Hama adalah sistem digital yang membantu petani dan penyuluh dalam monitoring,
                pelaporan, dan pengambilan keputusan berbasis metode AHP &amp; TOPSIS.
            </p>

            <div style="margin-top:20px; display:flex; flex-wrap:wrap; gap:10px;">
                <span style="background:#e8f5e9; color:#1b5e20; padding:6px 14px; border-radius:20px; font-size:12px; font-weight:500;">Monitoring Real-time</span>
                <span style="background:#e8f5e9; color:#1b5e20; padding:6px 14px; border-radius:20px; font-size:12px; font-weight:500;">Analisis AHP</span>
                <span style="background:#e8f5e9; color:#1b5e20; padding:6px 14px; border-radius:20px; font-size:12px; font-weight:500;">Ranking TOPSIS</span>
            </div>
        </div>

    </div>
</section>


<section class="section" style="background:#f0f7f0;">
    <h2 data-aos="fade-up">Lokasi Kami</h2>
    <p data-aos="fade-up" data-aos-delay="100">
        Dinas Tanaman Pangan dan Hortikultura Kabupaten Gowa
    </p>

    <div class="map-wrapper" data-aos="zoom-in" style="max-width:960px; margin-left:auto; margin-right:auto;">
        <iframe
            src="https://www.google.com/maps?q=Dinas+Pertanian+Gowa&output=embed"
            title="Lokasi Dinas Tanaman Pangan dan Hortikultura Kabupaten Gowa"
            loading="lazy"
            allowfullscreen>
        </iframe>
    </div>
</section>

<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.main', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH C:\Users\Maylha\pelaporanpertanian\resources\views/contact.blade.php ENDPATH**/ ?>