@extends('layouts.default1400-profile', ['title' => 'درخواست پشتیبانی جدید'])

@section('meta')
<link rel="stylesheet" href="/css/addcomment.css" type="text/css" />
@endsection

@section('content')


<form autoComplete="off" class="m-4" method="post" action="/ticket/submit">
    @csrf


    <div class="lg:w-4/5 ">

        <div class="md:flex lg:w-1/2">
            <div
                class="w-full ml-2 mb-2 md:mb-0 justify-between items-center rounded-md bg-blue-100 border border-gray-300">
                <label class="text-sm font-bold mx-2"> بخش </label>
                <select
                    class="bg-white w-full rounded-b-md text-gray-500 placeholder-gray-300 focus:outline-none text-center"
                    name="type" id="type">
                    <option {{ $default_type=="" ? 'selected' : '' }} value="0">انتخاب کنید...</option>
                    @foreach ($ticketType as $type)
                    <option {{ $type->name == $default_type ? 'selected' : '' }} value="{{ $type->id }}">{{
                        $type->title }}</option>
                    @endforeach
                </select>
            </div>

            <div class="w-full justify-between items-center rounded-md bg-blue-100 border border-gray-300">
                <label class="text-sm font-bold mx-2"> اولویت </label>
                <select
                    class="bg-white w-full rounded-b-md text-gray-500 placeholder-gray-300 focus:outline-none text-center"
                    name="priority" id="priority">
                    @foreach ($ticketPriority as $priority)
                    <option {{ $priority->name == 'medium' ? 'selected' : '' }} value="{{ $priority->id
                        }}">{{
                        $priority->title }}</option>
                    @endforeach
                </select>
            </div>

        </div>



        <div class="lg:w-1/2 my-2 justify-between items-center rounded-md bg-blue-100 border border-gray-300">
            <label class="text-sm font-bold mx-2"> عنوان درخواست: </label>

            <input type="text" name="title" id="title" placeholder="..."
                class="w-full px-2 rounded-b-md text-gray-500 placeholder-gray-300 focus:outline-none">

        </div>


        <p class="text-xs mt-5 mr-2 text-blue-600">
            <span class="inline-flex"> <img class="h-3" src="/svgs-new1400/circle-info-blue.svg"></span>
            جهت تسریع در روند پاسخ گویی ، تا جای ممکن پیام خود را در قالب یک پیام ارسال کنید.
        </p>

        <textarea name="content" id="tcontent" rows="8" placeholder="پیام خود را بنویسید ..."
            class="my-2 p-4 w-full rounded-lg text-gray-500 placeholder-gray-400 border focus:outline-none"></textarea>

    </div>


    <span class="grid justify-items-end">
        <button type="submit" class="bg-blue-500 mx-5 py-2 px-5 rounded-lg text-white text-sm"
            onclick="return check();">
            ثبت درخواست
        </button>
    </span>
</form>


@stop

@section('scripts')
<script src="/js/tickets.js"></script>
@stop