@extends('layouts.app')

@php
    $isWholesale = request('type') === 'wholesale' || old('type') === 'wholesale';
    $contactCopy = match(current_locale()) {
        'en' => [
            'heading' => $isWholesale ? 'Wholesale partnership' : 'Contact us',
            'form_title' => $isWholesale ? 'Partnership application' : 'Send a message',
            'name' => 'Full name',
            'phone' => 'Phone',
            'email' => 'Email',
            'company' => 'Store / company name',
            'message' => 'Message',
            'send' => 'Send',
        ],
        'ru' => [
            'heading' => $isWholesale ? 'Оптовое сотрудничество' : 'Свяжитесь с нами',
            'form_title' => $isWholesale ? 'Заявка на сотрудничество' : 'Отправить сообщение',
            'name' => 'Имя и фамилия',
            'phone' => 'Телефон',
            'email' => 'Email',
            'company' => 'Название магазина / компании',
            'message' => 'Сообщение',
            'send' => 'Отправить',
        ],
        default => [
            'heading' => $isWholesale ? 'Topdan əməkdaşlıq' : 'Bizimlə əlaqə',
            'form_title' => $isWholesale ? 'Əməkdaşlıq müraciəti' : 'Mesaj göndərin',
            'name' => 'Ad və soyad',
            'phone' => 'Telefon',
            'email' => 'E-poçt',
            'company' => 'Mağaza / şirkət adı',
            'message' => 'Mesaj',
            'send' => 'Göndər',
        ],
    };
@endphp

@section('content')
<section class="py-16 md:py-24">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="text-center mb-16">
            <p class="text-[#c77d4a] uppercase tracking-[0.2em] text-xs mb-3">{{ __('contacts') }}</p>
            <h1 class="text-4xl md:text-5xl font-light text-white">{{ $contactCopy['heading'] }}</h1>
        </div>

        <div class="grid grid-cols-1 lg:grid-cols-2 gap-12">
            <div class="space-y-8">
                <div class="bg-[#231e1b] p-8 rounded-lg border border-white/5">
                    <h3 class="text-lg font-medium text-white mb-4">{{ __('phone') }}</h3>
                    <a href="tel:{{ preg_replace('/[^0-9+]/', '', $sitePhone) }}" class="text-2xl text-[#c77d4a] hover:text-white transition">{{ $sitePhone }}</a>
                </div>

                <div class="bg-[#231e1b] p-8 rounded-lg border border-white/5">
                    <h3 class="text-lg font-medium text-white mb-4">Email</h3>
                    <a href="mailto:{{ $siteEmail }}" class="text-xl text-white/80 hover:text-white transition">{{ $siteEmail }}</a>
                </div>

                <div class="bg-[#231e1b] p-8 rounded-lg border border-white/5">
                    <h3 class="text-lg font-medium text-white mb-4">{{ __('address') }}</h3>
                    <p class="text-white/70">{{ $siteAddress ?: 'Bakı, Azərbaycan' }}</p>
                </div>
            </div>

            <div class="bg-[#231e1b] p-8 md:p-10 rounded-lg border border-white/5">
                <h2 class="text-2xl font-light text-white mb-6">{{ $contactCopy['form_title'] }}</h2>

                @if(session('contact_success'))
                    <div class="mb-6 rounded border border-green-500/30 bg-green-500/10 px-4 py-3 text-sm text-green-300">
                        {{ session('contact_success') }}
                    </div>
                @endif

                @if($errors->any())
                    <div class="mb-6 rounded border border-red-500/30 bg-red-500/10 px-4 py-3 text-sm text-red-300">
                        {{ $errors->first() }}
                    </div>
                @endif

                <form method="POST" action="{{ localized_route('contacts.store') }}" class="space-y-5">
                    @csrf
                    <input type="hidden" name="type" value="{{ $isWholesale ? 'wholesale' : 'general' }}">

                    <div>
                        <label class="block text-sm text-white/70 mb-2">{{ $contactCopy['name'] }} *</label>
                        <input type="text" name="name" value="{{ old('name') }}" required class="w-full bg-white/5 border border-white/10 rounded px-4 py-3 text-white focus:outline-none focus:border-[#c77d4a]">
                    </div>

                    <div class="grid grid-cols-1 md:grid-cols-2 gap-5">
                        <div>
                            <label class="block text-sm text-white/70 mb-2">{{ $contactCopy['phone'] }} *</label>
                            <input type="tel" name="phone" value="{{ old('phone') }}" required class="w-full bg-white/5 border border-white/10 rounded px-4 py-3 text-white focus:outline-none focus:border-[#c77d4a]">
                        </div>
                        <div>
                            <label class="block text-sm text-white/70 mb-2">{{ $contactCopy['email'] }}</label>
                            <input type="email" name="email" value="{{ old('email') }}" class="w-full bg-white/5 border border-white/10 rounded px-4 py-3 text-white focus:outline-none focus:border-[#c77d4a]">
                        </div>
                    </div>

                    @if($isWholesale)
                        <div>
                            <label class="block text-sm text-white/70 mb-2">{{ $contactCopy['company'] }}</label>
                            <input type="text" name="company" value="{{ old('company') }}" class="w-full bg-white/5 border border-white/10 rounded px-4 py-3 text-white focus:outline-none focus:border-[#c77d4a]">
                        </div>
                    @endif

                    <div>
                        <label class="block text-sm text-white/70 mb-2">{{ $contactCopy['message'] }} *</label>
                        <textarea name="message" rows="5" required class="w-full bg-white/5 border border-white/10 rounded px-4 py-3 text-white focus:outline-none focus:border-[#c77d4a]">{{ old('message') }}</textarea>
                    </div>

                    <button type="submit" class="w-full bg-[#c77d4a] hover:bg-[#b06b3d] text-white py-4 rounded text-sm font-medium tracking-wide uppercase transition">
                        {{ $contactCopy['send'] }}
                    </button>
                </form>
            </div>
        </div>
    </div>
</section>
@endsection