@extends('layouts.app')


@php
    $mainClass = 'lg:w-[80%] w-full flex flex-col bg-[#f7f7f7]'
@endphp

@section('title', 'ویرایش کردن تبلیغات | نیکس فایل')

@section('aside-content')
    <aside class=" w-full lg:w-[20%] flex flex-col mb-4">
        <div class="bg-primary-color text-white text-left py-8">
            @include('components.header')
        </div>
        @include('components.admin-panel-sidebar')
    </aside>
@endsection

@section('content')
    <div class="container mx-auto w-[80%] flex justify-center items-center mb-12 grow">

        <div class="shadow-lg bg-white rounded-2xl mt-12 p-8 w-full max-w-md flex flex-col items-center gap-6">
            <h2 class="text-2xl font-semibold text-primary-color mb-4">فرم اضافه کردن تبلیغات</h2>

            <form action="{{ route('dashboard.update') }}" method="POST" class="flex w-full flex-col gap-4 p-6">
                @csrf
                @method('PUT')

                <!-- Name Input -->
                <div class="flex flex-col gap-2">
                    <label for="name" class="text-gray-700 font-medium">نام کاربر</label>
                    <input
                        type="text"
                        id="name"
                        name="name"
                        value="{{ old('name', $user->name) }}"
                        class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-color"
                        placeholder="نام کاربر"
                    >
                    @error('name')
                    <p class="text-red-500 text-sm">{{ $message }}</p>
                    @enderror
                </div>

                <!-- Email Input -->
                <div class="flex flex-col gap-2">
                    <label for="email" class="text-gray-700 font-medium">ایمیل کاربر</label>
                    <input
                        type="email"
                        id="email"
                        name="email"
                        value="{{ old('email', $user->email) }}"
                        class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-color"
                        placeholder="ایمیل"
                    >
                    @error('email')
                    <p class="text-red-500 text-sm">{{ $message }}</p>
                    @enderror
                </div>

                <!-- Password Input -->
                <div class="flex flex-col gap-2">
                    <label for="password" class="text-gray-700 font-medium">پسوورد کاربر</label>
                    <input
                        type="password"
                        id="password"
                        name="password"
                        class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-color"
                        placeholder="رمز عبور"
                    >
                    @error('password')
                    <p class="text-red-500 text-sm">{{ $message }}</p>
                    @enderror
                </div>

                <!-- Confirm Password Input -->
                <div class="flex flex-col gap-2">
                    <label for="password_confirmation" class="text-gray-700 font-medium">تایید رمز عبور</label>
                    <input
                        type="password"
                        id="password_confirmation"
                        name="password_confirmation"
                        class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-color"
                        placeholder="تایید رمز عبور"
                    >
                </div>

                <!-- Gender Selection -->
                <div class="flex flex-col gap-2">
                    <label for="gender" class="text-gray-700 font-medium">جنسیت</label>
                    <select
                        id="gender"
                        name="gender"
                        class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-color"
                    >
                        <option value="" disabled selected>انتخاب جنسیت</option>
                        <option value="male" {{ old('gender', $user->gender) === 'male' ? 'selected' : '' }}>مرد</option>
                        <option value="female" {{ old('gender', $user->gender) === 'female' ? 'selected' : '' }}>زن</option>
                    </select>
                    @error('gender')
                    <p class="text-red-500 text-sm">{{ $message }}</p>
                    @enderror
                </div>

                <!-- Submit Button -->
                <div class="flex justify-center mt-4 gap-2">
                    <button
                        type="submit"
                        class="bg-primary-color text-white py-2 rounded-lg w-full hover:bg-primary-dark transition duration-200"
                    >
                        ویرایش پروفایل
                    </button>
                </div>
            </form>
        </div>

    </div>
@endsection