@extends('layouts.user')

@section('content')
<div class="nk-content ">
                    <div class="container-fluid">
                        <div class="nk-content-inner">
                            <div class="nk-content-body">
                                <div class="nk-block-head">
                                    <div class="nk-block-between g-3">
                                        <div class="nk-block-head-content"> 
                                            <h3 class="nk-block-title page-title">{{ trans_language('create-ticket','main-content') != '' ? trans_language('create-ticket','main-content') : "Create Ticket" }}</h3>
                                        </div><!-- .nk-block-head-content -->
                                        @if (session('success'))
                                          <div class="alert alert-fill alert-success alert-icon" style="margin-bottom:0px; padding: 13px 50px !important;">
                                                <em class="icon ni ni-check-circle"></em> <strong>{{ session('success') }}</strong>
                                           </div>
                                        @endif
                                        @if ($errors->any())
                                            <div class="alert alert-danger" style="margin-bottom:0px;">
                                                <ul>
                                                @foreach ($errors->all() as $error)
                                                    <li>{{ $error }}</li>
                                                @endforeach
                                                </ul>
                                            </div>
                                        @endif
                                    </div><!-- .nk-block-between -->
                                </div><!-- .nk-block-head -->
                                <div class="nk-block">
                                <div class="nk-block nk-block-lg">
                                        <div class="card card-bordered">
                                            <div class="card-inner">
                                                <form method="POST" action="{{ route('user.saveticket') }}" class="form-validate is-alter" enctype="multipart/form-data">
                                                {{ csrf_field() }}
                                                    <div class="row g-gs">
                                                        <div class="col-md-6">
                                                            <div class="form-group">
                                                                <label class="form-label" for="fva-full-name">{{ trans_language('ticket-name','main-content') != '' ? trans_language('ticket-name','main-content') : "Ticket Name" }}</label>
                                                                <div class="form-control-wrap">
                                                                    <input type="text" class="form-control" id="ticketname" name="ticketname" required>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <div class="form-group">
                                                                <label class="form-label" for="fva-topics">{{ trans_language('category','main-content') != '' ? trans_language('category','main-content') : "Category" }}</label>
                                                                <div class="form-control-wrap ">
                                                                    <select class="form-control form-select" id="category" name="category" data-placeholder="{{ trans_language('description','main-content') != '' ? trans_language('select-a-option','main-content') : "Select a option" }}" required>
                                                                        <option label="empty" value=""></option>
                                                                        <option value="General Question">General Question</option>
                                                                        <option value="Tachnical Question">Tachnical Question</option>
                                                                        <option value="Account Billing">Account Billing</option>
                                                                    </select>
                                                                </div>
                                                            </div>
                                                        </div>  
                                                        <div class="col-md-6">
                                                            <div class="form-group">
                                                                <label class="form-label" for="fva-topics">{{ trans_language('priority','main-content') != '' ? trans_language('priority','main-content') : "Priority" }}</label>
                                                                <div class="form-control-wrap ">
                                                                    <select class="form-control form-select" id="priority" name="priority" data-placeholder="{{ trans_language('description','main-content') != '' ? trans_language('select-a-option','main-content') : "Select a option" }}" required>
                                                                        <option label="empty" value=""></option>
                                                                        <option value="{{ trans_language('low','main-content') != '' ? trans_language('low','main-content') : 'Low'}}">{{ trans_language('low','main-content') != '' ? trans_language('low','main-content') : 'Low'}}</option>
                                                                        <option value="{{ trans_language('medium','main-content') != '' ? trans_language('medium','main-content') : 'Medium'}}">{{ trans_language('medium','main-content') != '' ? trans_language('medium','main-content') : 'Medium'}}</option>
                                                                        <option value="{{ trans_language('high','main-content') != '' ? trans_language('high','main-content') : 'High'}}">{{ trans_language('high','main-content') != '' ? trans_language('high','main-content') : 'High'}}</option>
                                                                    </select>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <div class="form-group">
                                                            <label class="form-label">{{ trans_language('file-upload','main-content') != '' ? trans_language('file-upload','main-content') : "File Upload" }}</label>
                                                                <div class="form-control-wrap">
                                                                    <div class="custom-file">
                                                                        <input type="file" class="custom-file-input" id="ticketfile" name="ticketfile">
                                                                        <label class="custom-file-label" for="customFile">{{ trans_language('choose-file','main-content') != '' ? trans_language('choose-file','main-content') : "Choose file" }}</label>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>

                                                        <div class="col-md-12">
                                                            <div class="form-group">
                                                                <label class="form-label" for="fva-message">{{ trans_language('description','main-content') != '' ? trans_language('description','main-content') : "Description" }}</label>
                                                                <div class="form-control-wrap">
                                                                    <textarea class="form-control form-control-sm" id="description" name="description" placeholder="{{ trans_language('type-your-message','main-content') != '' ? trans_language('type-your-message','main-content') : "Type your message" }}" required></textarea>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-12">
                                                            <div class="form-group">
                                                                <button type="submit" class="btn btn-lg btn-primary">{{ trans_language('submit-ticket','main-content') != '' ? trans_language('submit-ticket','main-content') : "Submit Ticket" }}</button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </div><!-- .nk-block -->
                                </div><!-- .nk-block -->
                            </div>
                        </div>
                    </div>
                </div>
@endsection