@extends('layouts.user_type.guest')
@section('header_title', __('تیکت ها'))
@push('extra_css')
    <link rel="stylesheet" href="{{url('/')}}/assets/css/style.css">
    <link rel="stylesheet" href="{{url('/')}}/assets/css/responsive.css">
@endpush
@section('content')

    <div class="container mt-5">
        <br>
        <br>
        {{ view('user.user_menu') }}


        <div class="container py-4">
            <div class="row justify-content-center">
                <div class="col-lg-8">
                    <div class="mb-4">
                        <h2 class="fw-bold mb-1">{{ __('ثبت تیکت جدید') }}</h2>
                        <p class="star_title_c">{{ __('درخواست خود را با جزئیات برای تیم پشتیبانی ارسال کنید.') }}</p>
                    </div>

                    <div class="iq-card bg-2 border-0 shadow-sm">
                        <div class="iq-card-body p-4">
                            @if($errors->any())
                                <div class="alert alert-danger">
                                    <strong>{{ __('لطفاً خطاهای زیر را بررسی کنید:') }}</strong>
                                    <ul class="mb-0 mt-2">
                                        @foreach($errors->all() as $error)
                                            <li>{{ $error }}</li>
                                        @endforeach
                                    </ul>
                                </div>
                            @endif

                            <form method="POST" action="{{ localized_route('user.tickets.store') }}">
                                @csrf

                                <div class="mb-3 input_float_label">
                                    <label class="form-label fw-semibold">{{ __('عنوان تیکت') }}</label>
                                    <input
                                        type="text"
                                        name="title"
                                        class="register-input bg-1"
                                        placeholder="{{ __('مثلاً مشکل در پرداخت') }}"
                                        value="{{ old('title') }}"
                                        required
                                    >
                                </div>

                                <div class="row">
                                    <div class="col-md-6 mb-3 input_float_label">
                                        <label class="form-label fw-semibold">{{ __('دپارتمان') }}</label>
                                        <select name="department" class="form-select register-input bg-1">
                                            <option value="">{{ __('انتخاب کنید') }}</option>
                                            <option value="technical" @selected(old('department') === 'technical')>{{ __('فنی') }}</option>
                                            <option value="billing" @selected(old('department') === 'billing')>{{ __('مالی') }}</option>
                                            <option value="support" @selected(old('department') === 'support')>{{ __('پشتیبانی') }}</option>
                                            <option value="sales" @selected(old('department') === 'sales')>{{ __('فروش') }}</option>
                                        </select>
                                    </div>

                                    <div class="col-md-6 mb-3 input_float_label">
                                        <label class="form-label fw-semibold">{{ __('اولویت') }}</label>
                                        <select name="priority" class="form-select register-input bg-1" required>
                                            <option value="low" @selected(old('priority') === 'low')>{{ __('کم') }}</option>
                                            <option value="medium" @selected(old('priority', 'medium') === 'medium')>{{ __('متوسط') }}</option>
                                            <option value="high" @selected(old('priority') === 'high')>{{ __('زیاد') }}</option>
                                            <option value="urgent" @selected(old('priority') === 'urgent')>{{ __('فوری') }}</option>
                                        </select>
                                    </div>
                                </div>

                                <div class="input_float_label mb-4">
                                    <label class="form-label fw-semibold">{{ __('متن پیام') }}</label>
                                    <textarea
                                        name="message"
                                        rows="7"
                                        class="register-input bg-1"
                                        placeholder="{{ __('لطفاً مشکل یا درخواست خود را کامل توضیح دهید...') }}"
                                        required
                                    >{{ old('message') }}</textarea>
                                </div>

                                <div class="d-flex flex-column flex-md-row gap-2 justify-content-between">
                                    <a href="{{ localized_route('user.tickets.index') }}" class="btn btn-light border">
                                        {{ __('بازگشت') }}
                                    </a>

                                    <button type="submit" class="btn btn-primary px-4">
                                        {{ __('ارسال تیکت') }}
                                    </button>
                                </div>
                            </form>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>

@endsection