@extends('layouts.app')

@section('title', 'Contact')

@section('content')
    <section class="section" style="background: linear-gradient(140deg, #f2ecff, #ffffff 58%);">
        <div class="container">
            <div class="section-head" style="margin-bottom: 24px; text-align:left;">
                <h1 class="section-title">Hubungi Kami</h1>
                <p class="section-subtitle" style="margin:0;">Ada pertanyaan tentang produk kami? Kirimkan pesan dan tim kami akan segera merespons.</p>
            </div>

            <div class="grid grid-2">
                <form class="card" method="post" action="{{ route('contact.store') }}">
                    @csrf
                    <div class="form-group">
                        <label for="subject">Subject</label>
                        <input id="subject" name="subject" value="{{ old('subject') }}" required maxlength="100" placeholder="Masukkan subject pesan">
                    </div>
                    <div class="form-group">
                        <label for="product">Pilihan Produk</label>
                        <select id="product" name="product" required>
                            <option value="">Pilih Produk</option>
                            @foreach ($productOptions as $product)
                                <option value="{{ $product }}" @selected(old('product') === $product)>{{ $product }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="description">Deskripsi</label>
                        <textarea id="description" name="description" required maxlength="2000" placeholder="Tuliskan pesan Anda...">{{ old('description') }}</textarea>
                    </div>
                    <button class="btn btn-primary" type="submit">Kirim Pesan</button>
                </form>

                <div class="grid" style="gap: 12px;">
                    <article class="card">
                        <h3 style="margin-top:0;">Alamat</h3>
                        <p class="muted" style="margin:0;">Jl. Dirgantara Raya, RT.001/RW.006, Jatisari, Kec. Jatiasih, Kota Bks, Jawa Barat 17426</p>
                    </article>
                    <article class="card">
                        <h3 style="margin-top:0;">Email</h3>
                        <a class="footer-link" style="margin:0; color:var(--primary);" href="mailto:info@paradigmadigital.id">info@paradigmadigital.id</a>
                    </article>
                    <article class="card" style="padding:0; overflow:hidden;">
                        <iframe
                            src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3965.5082!2d106.9571!3d-6.3358!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e699219fae6fadf%3A0x4b9382e9b94b8f7a!2sJl.%20Dirgantara%20Raya%2C%20Jatisari%2C%20Kec.%20Jatiasih%2C%20Kota%20Bks%2C%20Jawa%20Barat%2017426!5e0!3m2!1sid!2sid!4v1700000000000!5m2!1sid!2sid"
                            width="100%"
                            height="320"
                            style="border:0;"
                            allowfullscreen=""
                            loading="lazy"
                            referrerpolicy="no-referrer-when-downgrade"
                            title="Lokasi Paradigma Digital"
                        ></iframe>
                    </article>
                </div>
            </div>
        </div>
    </section>
@endsection