@extends('layouts.app')
@section('title', 'রেজিস্টার — ' . $siteName)

@section('content')
<section class="section" style="min-height:60vh;display:flex;align-items:center;">
    <div class="container">
        <div style="max-width:520px;margin:0 auto;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-2xl);padding:2.5rem;box-shadow:var(--sh-lg);">
            <div style="text-align:center;margin-bottom:1.5rem;">
                <div style="width:60px;height:60px;background:var(--ink);border-radius:18px;margin:0 auto .85rem;display:flex;align-items:center;justify-content:center;color:var(--amber);font-size:1.5rem;">
                    <i class="fas fa-user-plus"></i>
                </div>
                <h1 style="font-size:1.5rem;font-weight:800;color:var(--ink);margin-bottom:.35rem;">নতুন অ্যাকাউন্ট</h1>
                <p style="color:var(--ink-2);font-size:.88rem;">৩০ সেকেন্ডে রেজিস্টার সম্পন্ন করুন</p>
            </div>

            <form method="post" action="{{ route('register') }}">
                @csrf
                <div class="filter-group" style="margin-bottom:.85rem;">
                    <label>নাম</label>
                    <div class="filter-input-wrap">
                        <i class="fas fa-user"></i>
                        <input type="text" name="name" value="{{ old('name') }}" placeholder="আপনার পুরো নাম" required>
                    </div>
                </div>

                <div class="filter-group" style="margin-bottom:.85rem;">
                    <label>ফোন নম্বর</label>
                    <div class="filter-input-wrap">
                        <i class="fas fa-phone"></i>
                        <input type="text" name="phone" value="{{ old('phone') }}" placeholder="01XXXXXXXXX" required>
                    </div>
                </div>

                <div class="filter-group" style="margin-bottom:.85rem;">
                    <label>ইমেইল (ঐচ্ছিক)</label>
                    <div class="filter-input-wrap">
                        <i class="fas fa-envelope"></i>
                        <input type="email" name="email" value="{{ old('email') }}" placeholder="you@example.com">
                    </div>
                </div>

                <div class="filter-group" style="margin-bottom:.85rem;">
                    <label>পাসওয়ার্ড</label>
                    <div class="filter-input-wrap">
                        <i class="fas fa-lock"></i>
                        <input type="password" name="password" placeholder="৬+ অক্ষর" required>
                    </div>
                </div>

                <div class="filter-group" style="margin-bottom:1.5rem;">
                    <label>পাসওয়ার্ড নিশ্চিত করুন</label>
                    <div class="filter-input-wrap">
                        <i class="fas fa-lock"></i>
                        <input type="password" name="password_confirmation" placeholder="পুনরায় পাসওয়ার্ড" required>
                    </div>
                </div>

                <button type="submit" class="btn-card btn-card-primary" style="width:100%;padding:.85rem;font-size:.9rem;">
                    <i class="fas fa-user-plus"></i> রেজিস্টার
                </button>
            </form>

            <p style="text-align:center;margin-top:1.25rem;color:var(--ink-2);font-size:.85rem;">
                ইতিমধ্যে অ্যাকাউন্ট আছে? <a href="{{ route('login') }}" style="color:var(--amber-deep);font-weight:700;">লগইন করুন</a>
            </p>
        </div>
    </div>
</section>
@endsection