@extends('layouts.client_template')
@section('content')

<!-- <section class="content-header">
	<h4 class="mainsection-title"><i class="fa fa-file"></i> &nbsp;&nbsp;Bank Details</h4>
</section> -->

<section class="content">
    <div class="flash-message mrgn-top15">
		@foreach (['danger', 'warning', 'success', 'info'] as $msg)
		@if(Session::has('alert-' . $msg))
		<div class="alert alert-{{ $msg }} alert-dismissible fade show" role="alert">
			<strong>{{ ucfirst(($msg == 'danger') ? "Error" : $msg) }}!</strong> {{ Session::get('alert-' . $msg) }}
			<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
		</div>
		@endif
		@endforeach
    </div>
    <div class="card  rounded-3 box-shadow">
        <div class="card-header bg-card-dark-blue">
            <h3 class="card-title">Create New Ticket</h3>
        </div>
        <div class="card-body">
			<form role="form" method="post" action="{{ url('/client/ticket/newticketstore') }}">
                {{ csrf_field() }}
                <div class="row">
                    <div class="col-sm-12 col-md-12 col-xs-12 col-lg-12">

                        <div class="form-group {{ $errors->has('category') ? ' has-error' : '' }}">
                            
						<label for="category" class="form-label">Category <span class="required-mark">*</span></label>
						<select name="category" class="select2 form-control form-control-lg bg-dark @error('category') is-invalid @enderror" id="category">
							<option value="">Please Choose</option>
							<option value="Trading Operations">Trading Operations</option>
							<option value="Non-trading Operations">Non-trading Operations</option>
							<option value="Account Opening">Account Opening</option>
							<option value="KYC">KYC</option>
							<option value="Deposit">Deposit</option>
							<option value="Withdrawals">Withdrawals</option>
						</select>
						@if ($errors->has('category'))
                                <span class="invalid-feedback">{{ $errors->first('category') }}</span>
                        @endif						
                        </div>
                    </div>
                    <div class="col-sm-12 col-md-6 col-xs-12 col-lg-6">

                        <div class="form-group {{ $errors->has('title') ? ' has-error' : '' }}">
                            
							<label for="title" class="form-label">Title <span class="required-mark">*</span></label>
							<input name="title" class="form-control form-control-lg @error('title') is-invalid @enderror" id="title" placeholder="Enter Title" value="{{ old('title') }}" />
							@if ($errors->has('title'))
                                <span class="invalid-feedback">{{ $errors->first('title') }}</span>
                        	@endif								

                        </div>

                    </div>
                    <div class="col-sm-12 col-md-6 col-xs-12 col-lg-6">

                        <div class="form-group {{ $errors->has('bank_trx_code') ? ' has-error' : '' }}">
                        
							<label for="priority" class="form-label">Priority <span class="required-mark">*</span></label>
							<select name="priority" class="select2 form-control form-control-lg bg-dark @error('priority') is-invalid @enderror" id="priority">
								<option value="">Please Choose</option>
								<option value="Low">Low</option>
								<option value="Medium">Medium</option>
								<option value="High">High</option>
							</select>
							@if ($errors->has('priority'))
                                <span class="invalid-feedback">{{ $errors->first('priority') }}</span>
                        	@endif								

                        </div>

                    </div>
                    <div class="col-sm-12 col-md-12 col-xs-12 col-lg-12">

                        <div class="form-group">
							<label for="message" class="form-label">Describe Your Problem <span class="required-mark">*</span></label>
							<textarea name="message" class="form-control form-control-lg @error('message') is-invalid @enderror" id="message" placeholder="Describe Your Problem" style="height: 160px;">{{ old('message') }}</textarea>
							@if ($errors->has('message'))
                                <span class="invalid-feedback">{{ $errors->first('message') }}</span>
                        	@endif								
                        </div>

                    </div>
                                       
                </div>
        </div>
        <div class="card-footer bot-btn text-center">
		<button class="btn btn-primary font-15" type="submit" onclick="this.disabled=true;this.value='Sending, please wait...';this.form.submit();">Submit</button>
        </div>
        </form>

    </div>

</section>
@endsection