@extends('layouts.app')

@section('title', 'Форма отправки')

@section('content')
<div>
    <div>
        <div>
            <h4>Форма обратной связи</h4>
            <p>Заполните все обязательные поля (*)</p>
        </div>
        
        <div>
            <form method="POST" action="{{ route('form.submit') }}">
                @csrf
                
                <div>
                    <div>
                        <label for="name">Имя *</label>
                        <input type="text" 
                               id="name" 
                               name="name" 
                               value="{{ old('name') }}" 
                               required
                               placeholder="Введите ваше имя">
                        @error('name')
                            <div>{{ $message }}</div>
                        @enderror
                    </div>

                    <div>
                        <label for="email">Email *</label>
                        <input type="email" 
                               id="email" 
                               name="email" 
                               value="{{ old('email') }}" 
                               required
                               placeholder="example@email.com">
                        @error('email')
                            <div>{{ $message }}</div>
                        @enderror
                    </div>
                </div>

                <div>
                    <div>
                        <label for="phone">Телефон *</label>
                        <input type="tel" 
                               id="phone" 
                               name="phone" 
                               value="{{ old('phone') }}" 
                               required
                               placeholder="79991234567">
                        @error('phone')
                            <div>{{ $message }}</div>
                        @enderror
                    </div>

                    <div>
                        <label for="category_id">Категория</label>
                        <select id="category_id" name="category_id">
                            <option value="">Выберите категорию</option>
                            @foreach($categories as $category)
                                <option value="{{ $category->id }}" {{ old('category_id') == $category->id ? 'selected' : '' }}>
                                    {{ $category->name }}
                                </option>
                            @endforeach
                        </select>
                        @error('category_id')
                            <div>{{ $message }}</div>
                        @enderror
                    </div>
                </div>

                <div>
                    <label>Пол *</label>
                    <div>
                        <label>
                            <input type="radio" 
                                   name="gender" 
                                   value="1" 
                                   {{ old('gender') == '1' ? 'checked' : '' }}>
                            <span>Мужской</span>
                        </label>
                        <label>
                            <input type="radio" 
                                   name="gender" 
                                   value="0" 
                                   {{ old('gender') == '0' ? 'checked' : '' }}>
                            <span>Женский</span>
                        </label>
                    </div>
                    @error('gender')
                        <div>{{ $message }}</div>
                    @enderror
                </div>

                <div>
                    <label for="message">Сообщение *</label>
                    <textarea id="message" 
                              name="message" 
                              rows="5" 
                              required
                              placeholder="Введите ваше сообщение (минимум 10 символов)">{{ old('message') }}</textarea>
                    @error('message')
                        <div>{{ $message }}</div>
                    @enderror
                </div>

                <div>
                    <label for="comment">Комментарий (необязательно)</label>
                    <textarea id="comment" 
                              name="comment" 
                              rows="2"
                              placeholder="Добавьте комментарий, если необходимо">{{ old('comment') }}</textarea>
                </div>

                <div>
                    <button type="reset">Сбросить</button>
                    <button type="submit">Отправить</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection