@extends('layouts.app')

@section('title', 'Contact Us')

@section('content')
<div class="bg-gray-100 py-12">
    <div class="max-w-4xl mx-auto px-6">
        <div class="mb-8 text-center">
            <h1 class="text-3xl font-bold text-gray-900">Get in Touch</h1>
            <p class="text-sm text-gray-500 mt-1 italic">
                We’d love to hear from you — site still under construction 🛠️
            </p>
        </div>

        <div class="bg-white shadow rounded-lg p-6">
            @php
                $rawPhone = '+2349032108129'; // for tel: and WhatsApp link
                $displayPhone = '+234 903 210 8129'; // for display
                $whatsappText = urlencode('Hi BookEbonyi, I would like to know more about your properties');
            @endphp

            <ul class="space-y-3 text-gray-700 text-base">
                <li>📧 <strong>Email:</strong> 
                    <a href="mailto:support@bookebonyi.org.ng" class="text-blue-600 hover:underline">
                        support@bookebonyi.org.ng
                    </a>
                </li>

                <li>
                    📱 <strong>Phone:</strong> 
                    <a href="tel:{{ $rawPhone }}" class="text-blue-600 hover:underline">
                        {{ $displayPhone }}
                    </a> 
                    | 
                    <a href="https://wa.me/{{ ltrim($rawPhone, '+') }}?text={{ $whatsappText }}" 
                       target="_blank" 
                       class="text-green-600 hover:underline">
                        Chat on WhatsApp
                    </a>
                </li>

                <li>📍 <strong>Address:</strong> Abakaliki, Ebonyi State, Nigeria</li>
            </ul>

            <div class="mt-6 text-gray-500 text-sm italic">
                Please note: We're currently developing more features, including a live contact form.
            </div>
        </div>
    </div>
</div>
@endsection