@extends('layouts.app')

@section('title', ($content['contactHead']['title'] ?? 'যোগাযোগ করুন'))
@section('canonical', '/contact')

@section('content')
    @php
        $head = $content['contactHead'] ?? [];
        $waSource = $site['whatsapp'] ?? '#';
    @endphp

    <section class="page-hero">
        <div class="container">
            <span class="hero-badge">📞 যোগাযোগ</span>
            <h1>{{ $head['title'] ?? 'যোগাযোগ করুন' }}</h1>
            <p>{{ $head['text'] ?? '' }}</p>
        </div>
    </section>

    <section class="section">
        <div class="container contact-layout">
            <div>
                <div class="card info-card">
                    <div class="info-icon">📍</div>
                    <div>
                        <b>ঠিকানা</b>
                        <p>{{ $site['address'] ?? '' }}</p>
                    </div>
                </div>

                <div class="card info-card">
                    <div class="info-icon">📞</div>
                    <div>
                        <b>ফোন / WhatsApp</b>
                        <p><a href="tel:{{ $site['phone'] ?? '' }}">{{ $site['phone'] ?? '' }}</a></p>
                        <p>
                            <a href="{{ $waSource }}" target="_blank" rel="noopener noreferrer">
                                WhatsApp-এ মেসেজ করুন 💬
                            </a>
                        </p>
                    </div>
                </div>

                <div class="card info-card">
                    <div class="info-icon">✉️</div>
                    <div>
                        <b>ইমেইল</b>
                        <p><a href="mailto:{{ $site['email'] ?? '' }}">{{ $site['email'] ?? '' }}</a></p>
                    </div>
                </div>

                <div class="card info-card">
                    <div class="info-icon">🕘</div>
                    <div>
                        <b>খোলার সময়</b>
                        <p>{{ $site['hours'] ?? '' }}</p>
                    </div>
                </div>

                <div class="card info-card">
                    <div class="info-icon">🎓</div>
                    <div>
                        <b>ফ্রি সেমিনার</b>
                        <p>
                            <a href="{{ $site['seminar'] ?? '#' }}" target="_blank" rel="noopener noreferrer">
                                ফ্রি সেমিনারে যোগ দিন →
                            </a>
                        </p>
                    </div>
                </div>
            </div>

            <div class="form-card">
                <h2>ভর্তি ফর্ম পূরণ করুন</h2>
                <p>তথ্যগুলো দিন, বাকিটা আমরা WhatsApp-এ সামলে নেব।</p>

                @if(session('contact_ok'))
                    <div class="form-status ok" role="status">✅ {{ session('contact_ok') }}</div>
                @endif

                @if($errors->any())
                    <div class="form-status err" role="alert">
                        ⚠️ {{ $errors->first() }}
                    </div>
                @endif

                <form class="form-grid" method="POST" action="{{ route('contact.store') }}" novalidate>
                    @csrf

                    <div class="field">
                        <label for="name">পূর্ণ নাম <span>*</span></label>
                        <input id="name" name="name" type="text" value="{{ old('name') }}" placeholder="আপনার নাম লিখুন" required>
                    </div>

                    <div class="field">
                        <label for="phone">মোবাইল নম্বর <span>*</span></label>
                        <input id="phone" name="phone" type="tel" value="{{ old('phone') }}" placeholder="01XXXXXXXXX" required>
                    </div>

                    <div class="field">
                        <label for="email">ইমেইল (ঐচ্ছিক)</label>
                        <input id="email" name="email" type="email" value="{{ old('email') }}" placeholder="you@example.com">
                    </div>

                    <div class="field">
                        <label for="course">কোর্স নির্বাচন <span>*</span></label>
                        <select id="course" name="course" required>
                            <option value="" disabled {{ old('course') ? '' : 'selected' }}>— কোর্স বেছে নিন —</option>
                            @foreach($courses as $c)
                                <option value="{{ $c['title'] ?? '' }}" {{ old('course') === ($c['title'] ?? null) ? 'selected' : '' }}>
                                    {{ $c['title'] ?? '' }}
                                </option>
                            @endforeach
                            <option value="অন্যান্য" {{ old('course') === 'অন্যান্য' ? 'selected' : '' }}>অন্যান্য</option>
                        </select>
                    </div>

                    <div class="field full">
                        <label for="batch">পছন্দের ব্যাচ (ঐচ্ছিক)</label>
                        <select id="batch" name="batch">
                            <option value="যেকোনো ব্যাচ" {{ old('batch') === 'যেকোনো ব্যাচ' ? 'selected' : '' }}>যেকোনো ব্যাচ</option>
                            <option value="Online" {{ old('batch') === 'Online' ? 'selected' : '' }}>Online</option>
                            <option value="Offline (চট্টগ্রাম ক্যাম্পাস)" {{ old('batch') === 'Offline (চট্টগ্রাম ক্যাম্পাস)' ? 'selected' : '' }}>Offline (চট্টগ্রাম ক্যাম্পাস)</option>
                        </select>
                    </div>

                    <div class="field full">
                        <label for="message">মেসেজ (ঐচ্ছিক)</label>
                        <textarea id="message" name="message" placeholder="আপনার প্রশ্ন বা তথ্য লিখুন…">{{ old('message') }}</textarea>
                    </div>

                    <div class="field full">
                        <button class="btn btn-primary btn-block" type="submit">জমা দিন →</button>
                        <p class="note">🔒 আপনার তথ্য শুধু আমাদের টিমের কাছে যাবে। কোনো hidden charge নেই।</p>
                    </div>
                </form>
            </div>
        </div>
    </section>
@endsection