@extends('layouts.app')

@section('title')
    @if(App::getLocale() === 'tr') İletişim - LuvaOtel @else Contact Us - LuvaOtel @endif
@endsection

@section('content')
    <!-- Banner -->
    <div class="relative py-24 bg-gray-900 border-b border-gray-800 text-center">
        <h1 class="text-3xl md:text-5xl font-bold font-luxury">
            @if(App::getLocale() === 'tr') İletişim @else Contact Us @endif
        </h1>
    </div>

    <!-- Contact Grid -->
    <div class="py-24 px-[8%] grid grid-cols-1 lg:grid-cols-2 gap-16">
        <!-- İletişim Bilgileri & Harita -->
        <div class="space-y-8 reveal-on-scroll">
            <div class="glass-panel p-8 bg-gray-950/40 rounded-2xl space-y-6">
                <h3 class="text-xl font-bold font-luxury text-white">@if(App::getLocale() === 'tr') İrtibat Bilgileri @else Contact Information @endif</h3>
                <div class="space-y-4 text-sm text-gray-400">
                    <div class="flex items-center space-x-3">
                        <span class="text-amber-500 w-5"><i class="fa-solid fa-phone text-lg"></i></span>
                        <span>+90 252 311 00 00</span>
                    </div>
                    <div class="flex items-center space-x-3">
                        <span class="text-amber-500 w-5"><i class="fa-solid fa-envelope text-lg"></i></span>
                        <span>info@luvaotel.com</span>
                    </div>
                    <div class="flex items-center space-x-3">
                        <span class="text-amber-500 w-5"><i class="fa-solid fa-location-dot text-lg"></i></span>
                        <span>Torba Mah. Otel Cd. No:42, Bodrum/Muğla, Türkiye</span>
                    </div>
                </div>
            </div>

            <!-- Map Stub -->
            <div class="h-80 rounded-2xl overflow-hidden border border-gray-800 bg-gray-950 relative">
                <div class="absolute inset-0 bg-cover bg-center flex items-center justify-center" style="background-image: linear-gradient(rgba(10, 12, 17, 0.4), rgba(10, 12, 17, 0.4)), url('https://images.unsplash.com/photo-1524661135-423995f22d0b?auto=format&fit=crop&w=800&q=80');">
                    <div class="glass-panel p-6 text-center space-y-2">
                        <h4 class="font-bold text-white font-luxury">LuvaOtel Bodrum</h4>
                        <p class="text-xs text-gray-400">Bodrum / Muğla</p>
                        <a href="https://maps.google.com" target="_blank" class="btn-gold text-[10px] px-4 py-2 mt-2 rounded-full">YOL TARİFİ AL</a>
                    </div>
                </div>
            </div>
        </div>

        <!-- İletişim Formu -->
        <div class="glass-panel p-8 bg-gray-950/40 rounded-2xl space-y-6 reveal-on-scroll">
            <h3 class="text-xl font-bold font-luxury text-white">@if(App::getLocale() === 'tr') Bizimle İletişime Geçin @else Write to Us @endif</h3>
            <form onsubmit="event.preventDefault(); alert('Mesajınız başarıyla gönderildi.');" class="space-y-4 text-xs">
                <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                    <div>
                        <label class="block text-gray-400 mb-2 font-medium">@if(App::getLocale() === 'tr') Adınız Soyadınız @else Your Name @endif</label>
                        <input type="text" required class="w-full bg-gray-900 border border-gray-800 rounded-lg px-4 py-3 text-white focus:ring-1 focus:ring-amber-500 focus:border-amber-500"/>
                    </div>
                    <div>
                        <label class="block text-gray-400 mb-2 font-medium">@if(App::getLocale() === 'tr') E-posta Adresiniz @else Your Email @endif</label>
                        <input type="email" required class="w-full bg-gray-900 border border-gray-800 rounded-lg px-4 py-3 text-white focus:ring-1 focus:ring-amber-500 focus:border-amber-500"/>
                    </div>
                </div>
                <div>
                    <label class="block text-gray-400 mb-2 font-medium">@if(App::getLocale() === 'tr') Konu @else Subject @endif</label>
                    <input type="text" required class="w-full bg-gray-900 border border-gray-800 rounded-lg px-4 py-3 text-white focus:ring-1 focus:ring-amber-500 focus:border-amber-500"/>
                </div>
                <div>
                    <label class="block text-gray-400 mb-2 font-medium">@if(App::getLocale() === 'tr') Mesajınız @else Message @endif</label>
                    <textarea rows="5" required class="w-full bg-gray-900 border border-gray-800 rounded-lg px-4 py-3 text-white focus:ring-1 focus:ring-amber-500 focus:border-amber-500"></textarea>
                </div>
                <div class="pt-2">
                    <button type="submit" class="btn-gold w-full py-4 text-xs font-bold rounded-lg tracking-widest uppercase">@if(App::getLocale() === 'tr') MESAJI GÖNDER @else SEND MESSAGE @endif</button>
                </div>
            </form>
        </div>
    </div>
@endsection