@extends('layouts.site')

@section('title', 'Üye Ol | Fırsat Yakında')

@section('content')
    <main class="auth-page">
        <div class="container auth-grid">
            <div class="auth-copy">
                <span class="eyebrow">Fırsat Yakında üyeliği</span>
                <h1>Satış fırsatlarınızı harita üzerinde yönetmeye başlayın.</h1>
                <p>Üyelik formunu gönderin; Fırsat Yakında hesabınız, demo ve kurulum adımları için Lika ekibine iletilsin.</p>
            </div>
            <section class="auth-card" aria-labelledby="registerTitle">
                <h2 id="registerTitle">Üye Ol</h2>
                @if (session('registration_success'))
                    <p class="success-message is-visible">{{ session('registration_success') }}</p>
                @endif
                @if ($errors->any())
                    <p class="success-message is-visible">Lütfen form alanlarını kontrol edin.</p>
                @endif
                <form class="auth-form" action="{{ route('uyelik-talepleri.store') }}" method="POST">
                    @csrf
                    <div class="field">
                        <label for="registerName">Ad Soyad</label>
                        <input id="registerName" name="ad" type="text" autocomplete="name" value="{{ old('ad') }}" required autofocus>
                    </div>
                    <div class="field">
                        <label for="registerPhone">Telefon</label>
                        <input id="registerPhone" name="telefon" type="tel" inputmode="numeric" autocomplete="tel" value="{{ old('telefon') }}" required>
                    </div>
                    <div class="field">
                        <label for="registerEmail">E-posta</label>
                        <input id="registerEmail" name="email" type="email" autocomplete="email" value="{{ old('email') }}" required>
                    </div>
                    <div class="field">
                        <label for="registerCompany">Firma Adı</label>
                        <input id="registerCompany" name="firma" type="text" autocomplete="organization" value="{{ old('firma') }}" required>
                    </div>
                    <div class="form-actions">
                        <button class="btn btn-accent" type="submit">Üye Ol</button>
                        <button class="btn btn-primary" type="button" data-demo-open>Demo Talep Et</button>
                    </div>
                </form>
            </section>
        </div>
    </main>
@endsection