@extends('layouts.header')
@section('content')
<!--  BEGIN CONTENT AREA  -->
		<div class="page-header">
			<nav class="breadcrumb-one" aria-label="breadcrumb">
				<ol class="breadcrumb">
					<li class="breadcrumb-item"><a href="javascript:void(0);"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></li>
					<li class="breadcrumb-item"><a href="javascript:void(0);">Tickets</a></li>
					<li class="breadcrumb-item active" aria-current="page"><span>Create Ticket</span></li>
				</ol>
			</nav>
		</div>
		<div class="row">
			<div class="col-lg-12 col-md-12 layout-spacing">
				<div class="statbox widget box box-shadow">
					<div class="widget-header">
					<div class="widget-content widget-content-area">
						<form action="{{url('/Store-Ticket-Cstm')}}" method="POST" class="form-vertical">
							@csrf
							<div class="input-group input-group mb-4"> <!-- input-group-sm -->
                              <div class="input-group-prepend">
                                <span class="input-group-text" id="inputGroup-sizing">Subject</span>
                              </div>
                              <input type="text" class="form-control" aria-label="Subject" aria-describedby="inputGroup-sizing" name="Name" id="Name" >
                            </div>

                            <div class="input-group mb-4">
								<div class="input-group-prepend">
								<span class="input-group-text">Description</span>
								</div>
								<textarea class="form-control" aria-label="Description" name="Description"
											id="Description"></textarea>
							</div>
                            <div class="input-group mb-4">
								<div class="input-group-prepend">
								<span class="input-group-text">Classification</span>
								</div>
										<select class="form-control  basic" name="ClassificationC"
										 id="ClassificationC">
											<option name="">Select</option>
											<option name="Technical">Technical</option>
											<option name="Non Technical">Non Technical</option>
										</select>
							</div>
							    <button class="btn btn-primary submit-fn mt-2" type="submit">Create</button>
							    <!-- <button class="btn btn-primary mr-2" type="submit">Create</button> -->
						</form>
					</div>
					</div>
				</div>
			</div>
		</div>
        <!--  END CONTENT AREA  -->
@endsection