@extends('home.layouts.index')

@section('title')
    ثبت تیکت
@endsection

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

    <style>
        .header-transparent{
            position: static !important;
            background-color: #222;
        }
        .active {
            color: #0B94F7;
        }

        .UserImage {
            width: 100px;
            height: 100px;
            border-radius: 50%;
        }

        .ht-btn {
            background-color: rebeccapurple;
            color: white !important;
        }
        .rounded{
            border: 1px solid #CCCCCC !important;
            border-radius: 10px !important;
        }
        .text-danger{
            color: red;
            font-size: 9pt !important;
        }
    </style>
@endsection
@section('script')
    <script>
        $('.mobile-menu-toggle').click(function () {
            $('.loaded').addClass('mmenu-active');
        })
        $('.mobile-menu-close').click(function () {
            $('.loaded').removeClass('mmenu-active');
        })
        $('div#categories > ul.mobile-menu > li > a').append('<span class="toggle-btn"> </span>');
        $('div#categories > ul.mobile-menu > li > a').append('<span class="toggle-btn"> </span>');
        $('div#categories > ul.mobile-menu > li > a > span.toggle-btn').click(function (e) {
            e.preventDefault();
            $(this).parent().next().slideToggle(300).parent().toggleClass("show");
        })

        $('#mobile_menu_nav').click(function () {
            $('#icon-panel').toggleClass('negative');
            $('#icon-panel').toggleClass('positive');
            $('.negative').html('-');
            $('.positive').html('+');
        })
    </script>
@endsection
@section('content')
    <div class="my-account-wrapper main">
        <div class="container card">
            <div class="row card-body">
                <div class="col-lg-3 col-md-4">
                    @include('home.sections.profile_sidebar')
                </div>
                <div class="col-lg-9 col-md-8">
                    <div class="tab-content" id="myaccountContent">
                        <div class="myaccount-content">
                            @if($user->first_name==null or $user->national_code==null)
                                @include('home.users_profile.complete_info')
                            @else
                                <form action="{{ route('home.ticket.store') }}" method="POST" enctype="multipart/form-data">
                                    @csrf
                                    <div class="row">
                                        <div class="form-group col-sm-6 mb-3">
                                            <label class="text-right mb-2">عنوان</label>
                                            <input style="border: 1px solid #a39c9c;" class="form-control rounded" type="text" name="title" id="title" value="{{ old('title') }}">
                                            <span class="focus-border"></span>
                                            @error('title')
                                            <div class="text-danger mt-1">{{ $message }}</div>
                                            @enderror
                                        </div>

                                        <div class="form-group col-sm-12 mb-3">
                                            <label class="text-right mb-2">توضیحات</label>
                                            <textarea style="border: 1px solid #a39c9c;" class="form-control rounded" rows="5" id="description" name="description">{{ old('description') }}</textarea>
                                            <span class="focus-border"></span>
                                            @error('description')
                                            <div class="text-danger mt-1">{{ $message }}</div>
                                            @enderror
                                        </div>

                                        <div class="col-sm-12 mt-3">
                                            <label class="custom-file-label" for="file">افزودن فایل ضمیمه (عکس، Word و PDF):</label>
                                            <input type="file" class="form-control custom-file-input rounded" name="file" id="file">
                                            @error('file')
                                            <div class="text-danger mt-1">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>

                                    <div class="row mt-5">
                                        <div class="col-12 d-flex justify-content-between ">
                                            <button type="submit" class="btn btn-blue
                                                        ">ارسال
                                            </button>
                                            <a href="{{ route('home.ticket.index') }}" class="btn btn-gold">
                                                بازگشت
                                            </a>
                                        </div>
                                    </div>
                                </form>

                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <style>
        .text-danger {
            font-size: 0.875rem;
        }
    </style>

@endsection