@extends('layouts.app')

@section('title', 'Contact — iiSHEEG')

@section('content')
<section class="bg-navy text-white py-5">
    <div class="container">
        <h1 class="h3 mb-0">Contact us</h1>
    </div>
</section>

<section class="container py-5">
    <div class="row justify-content-center g-4">
        <div class="col-lg-5">
            <h2 class="h5 text-navy fw-bold">Get in touch</h2>
            <p class="text-muted">Have a question, want to update a listing, or interested in partnering with iiSHEEG? Reach out and our team will get back to you.</p>
            <p class="mb-2"><i class="bi bi-envelope text-teal me-2"></i>hello@iisheeg.com</p>
            <p class="mb-0"><i class="bi bi-geo-alt text-teal me-2"></i>Serving the Somali diaspora worldwide</p>
        </div>
        <div class="col-lg-6">
            <form action="mailto:hello@iisheeg.com" method="POST" enctype="text/plain" class="card border-0 shadow-sm p-4">
                <div class="mb-3">
                    <label for="contact_name" class="form-label fw-semibold text-navy">Name</label>
                    <input type="text" id="contact_name" name="name" class="form-control" required>
                </div>
                <div class="mb-3">
                    <label for="contact_email" class="form-label fw-semibold text-navy">Email</label>
                    <input type="email" id="contact_email" name="email" class="form-control" required>
                </div>
                <div class="mb-3">
                    <label for="contact_message" class="form-label fw-semibold text-navy">Message</label>
                    <textarea id="contact_message" name="message" class="form-control" rows="4" required></textarea>
                </div>
                <button type="submit" class="btn btn-teal w-100">Send message</button>
            </form>
        </div>
    </div>
</section>
@endsection
