@extends('home.layouts.index')

@section('title')
    صفحه ای سفارشات
@endsection

@section('style')
    <link rel="stylesheet" href="{{ asset('home/css/profile_panel.css') }}">

    <style>
        .active{
            color: #0B94F7;
        }
        .UserImage{
            width: 100px;
            height: 100px;
            border-radius: 50%;
        }
    </style>
@endsection

@section('content')

    <div class="page-banner-section section bg_image--3">
        <div class="container">
            <div class="row">
                <div class="col">

                    <div class="page-banner text-center">
                        <ul class="page-breadcrumb">
                            <li><a href="{{ route('home.index') }}">خانه</a></li>
                            <li>تیکت جدید</li>
                        </ul>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <!-- my account wrapper start -->
    <div class="my-account-wrapper my-5">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <!-- My Account Page Start -->
                    <div class="myaccount-page-wrapper">
                        <!-- My Account Tab Menu Start -->
                        <div class="row text-right" style="direction: rtl;">
                            <div class="col-lg-3 col-md-4">
                                @include('home.sections.profile_sidebar')
                            </div>
                            <!-- My Account Tab Menu End -->
                            <!-- My Account Tab Content Start -->
                            <div class="col-lg-9 col-md-8">
                                @if($user->name==null)
                                    <div class="alert alert-info text-center">
                                        برای فعال شدن منو ها از قسمت <a class="ht-btn mx-2" href="{{ route('home.users_profile.index') }}">پروفایل</a> اطلاعات خود را تکمیل نمایید
                                    </div>
                                @else
                                    <div class="tab-content" id="myaccountContent">
                                        <div class="myaccount-content">
                                            <div class="row">
                                                <div class="col-xl-12 col-md-12 mb-1 p-4 bg-white">
                                                    @include('admin.sections.errors')
                                                    <div class="row">
                                                        <form
                                                            action="{{ route('home.ticket.store') }}"
                                                            method="POST"
                                                            enctype="multipart/form-data"
                                                        >
                                                            @csrf
                                                            <div class="row">
                                                                <div class="form-group col-sm-6">
                                                                    <label class="text-right">عنوان</label>
                                                                    <input class="form-control" type="text" name="title" id="title" value="{{ old('title') }}">
                                                                    <span class="focus-border"></span>
                                                                </div>

                                                                <div class="form-group col-sm-12">
                                                                    <label class="text-right">توضیحات</label>
                                                                    <textarea class="form-control" rows="5" type="text"  id="description" name="description">{{ old('description') }}</textarea>
                                                                    <span class="focus-border"></span>
                                                                </div>
                                                                <div class="col-sm-12 mt-3">
                                                                    <div class="input-group mb-3">
                                                                        <div class="custom-file">
                                                                            <input type="file" class="form-control custom-file-input" name="file" id="file">
                                                                            <label class="custom-file-label" for="file">Choose file</label>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12">
                                                                    <button type="submit" class="ht-btn black-btn">ارسال</button>
                                                                    <a href="{{ route('home.ticket.index') }}" class="ht-btn black-btn">
                                                                        بازگشت
                                                                    </a>
                                                                </div>

                                                            </div>
                                                        </form>

                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endif
                            </div> <!-- My Account Tab Content End -->
                        </div>
                    </div> <!-- My Account Page End -->
                </div>
            </div>
        </div>
    </div>
    <!-- my account wrapper end -->

@endsection