@extends('front-end.layouts.apps')

@section('title', 'اړیکه')

@section('page_title', 'اړیکه')

@section('main_container')
<div class="container" dir="rtl">
    {{-- Back button --}}
    <div class="mb-3">
        <a href="{{ url()->previous() }}" class="btn-outline-secondary rounded-pill">
            <i class="fas fa-arrow-right ms-1"></i> شاته
        </a>
    </div>

    {{-- Contact card --}}
    <div class="century-card p-4">
        <div class="d-flex align-items-center gap-3 mb-4">
            <i class="fas fa-envelope" style="font-size: 2.5rem; color: var(--adabi-gold);"></i>
            <h2 class="fw-bold" style="color: var(--adabi-dark);">اړیکه</h2>
        </div>

        <p class="text-center w-responsive mx-auto mb-4">
            تاسو کولی شئ هر وخت له موږ سره مستقیم اړیکه ونیسئ.
        </p>

        @if (Session::has('msg'))
            <div class="alert alert-success text-center">
                {{ Session::get('msg') }}
            </div>
        @endif

        <form action="{{ route('public.contact_store') }}" method="POST" class="contact-form">
            @method('post')
            @csrf
            <div class="row g-3">
                <div class="col-md-6">
                    <div class="input-icon-group">
                        <i class="fas fa-user"></i>
                        <input type="text" name="name" class="form-control" placeholder="ستاسو نوم" required>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="input-icon-group">
                        <i class="fas fa-envelope"></i>
                        <input type="email" name="email" class="form-control" placeholder="ستاسو ایمیل" required>
                    </div>
                </div>
                <div class="col-12">
                    <div class="input-icon-group">
                        <i class="fas fa-tag"></i>
                        <input type="text" name="subject" class="form-control" placeholder="موضوع" required>
                    </div>
                </div>
                <div class="col-12">
                    <div class="input-icon-group">
                        <i class="fas fa-comment"></i>
                        <textarea name="message" class="form-control" rows="5" placeholder="ستاسو پیغام..." required></textarea>
                    </div>
                </div>
                <div class="col-12 text-start">
                    <button type="submit" class="btn-gradient" style="width: auto; padding: 12px 40px;">
                        <i class="fas fa-paper-plane"></i> لیږل
                    </button>
                </div>
            </div>
        </form>
    </div>

    {{-- Bottom Navigation --}}
    <nav class="bottom-nav">
        <a href="{{ url('/') }}" class="nav-item {{ request()->is('/') ? 'active' : '' }}">
            <i class="fas fa-home"></i> <span>کور</span>
        </a>
        <a href="{{ route('public.categories') }}" class="nav-item {{ request()->is('categories') || request()->is('categories*') ? 'active' : '' }}">
            <i class="fas fa-list-ul"></i> <span>کټګورۍ</span>
        </a>
        <a href="{{ route('public.poetry_search') }}" class="nav-item {{ request()->is('poetry/search') ? 'active' : '' }}">
            <i class="fas fa-search"></i> <span>لټون</span>
        </a>
    </nav>
</div>
@endsection