@extends('layouts.app')

@section('pagetitle', __('New support ticket'))

@section('breadcrumbs')
    <ol class="breadcrumb float-sm-right">
        <li class="breadcrumb-item"><a href="{{route('support.index')}}">{{__("Support")}}</a></li>
        <li class="breadcrumb-item active">@yield('pagetitle')</li>
    </ol>
@endsection

@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="card card-primary card-outline">
                <div class="card-header">
                    <h3 class="card-title">{{__("New support ticket")}}</h3>
                </div>
                <form action="{{route('support.storeticket')}}" method="POST">
                @csrf
                <!-- /.card-header -->
                <div class="card-body">
                    <div class="form-group">
                        <input name="subject" id="subject" class="form-control" placeholder="{{__('Subject')}}">
                    </div>
                    <div class="form-group">
                        <select name="category" class="select2 form-control" placeholder="{{__('Category')}}">
                            @foreach(\App\Support\Category::all() as $category)
                                <option value="{{$category->id}}">{{__($category->title)}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group">
                    <textarea name="message" id="message" class="form-control">
                    </textarea>
                    </div>
                    <!-- /.card-body -->

                    <!-- /.card-footer -->

                    <!-- /.card-footer -->
                </div>
                <div class="card-footer">
                    <button type="submit" class="btn pull-right btn-primary"><i class="fas fa-paper-plane"></i> Send</button>
                </div>
                </form>
                <!-- /.card -->
            </div>
            <!-- /.col -->
        </div>
        <!-- /.col -->
    </div>
@endsection