@extends('layouts.app1')

@section('content')
<!-- page content -->
<div class="right_col" role="main">
	@include('flashmessage')
                <div class="">
                    <div class="page-title">
                        <div class="title_left">
                            <h3>Create Ticket</h3>
                        </div>

                       
                    </div>
                    <a class="btn btn-success text-right" href="/submitticket">
                        <i class="fa fa-list" aria-hidden="true"></i> List
                    </a>  
                    <div class="clearfix"></div>

                    <div class="row">
                        <div class="col-md-12 col-sm-12">
                            <div class="x_panel">
                                <div class="x_title">
                                    <h2>Create <small>Ticket</small></h2>
                                    
                                    <div class="clearfix"></div>
                                </div>                               

                                <div class="x_content">
                                     <form method="post" action="/submitticket" enctype="multipart/form-data" role="form">
        @csrf
        <div class="section">
            <div class="section-header">
                <h3>Ticket Information</h3>
            </div>
            <div class="section-body">
                <div class="panel panel-default panel-form">
                    <div class="panel-body">
                                 
                    <input type="hidden" name="service_id" id="service_id" value="{{$services->id}}">
                   
                        <div class="row">
                            <div class="form-group col-sm-4">
                                <label for="inputName">Name</label>
                                <input type="text" name="name" id="name" value="{{Auth::user()->name}}" class="form-control disabled" >
                            </div>
                            <div class="form-group col-sm-4">
                                <label for="inputEmail">Email Address</label>
                                <input type="email" name="email" id="email" value="{{Auth::user()->email}}" class="form-control disabled" >
                            </div>

                            <div class="form-group col-sm-4">
                                    <label for="inputPriority">Priority</label>
                                    <select name="priority" id="priority" class="form-control">
                                        <option value="high">
                                            High
                                        </option>
                                        <option value="midium" selected="selected">
                                            Medium
                                        </option>
                                        <option value="low">
                                            Low
                                        </option>
                                    </select>
                                                            </div>
                        </div>
                       
                    </div>
                </div>
            </div>
        </div>
        <div class="section">
            <div class="section-header">
                <h3>Message</h3>
            </div>
            <div class="section-body">
                <div class="panel panel-default panel-form">
                    <div class="panel-body">
                        <div class="row">
                            <div class="form-group col-sm-12">
                                <label for="inputSubject">Subject</label>
                                <input type="text" name="subject" id="subject" value="" class="form-control">
                            </div>
                            <div class="form-group col-sm-12">
                                <label for="inputMessage">Message</label>
                                <textarea name="message" id="message" rows="12" class="form-control markdown-editor md-input" data-auto-save-name="client_ticket_open" style="resize: vertical;"></textarea>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="section">
            <div class="section-header">
                <h3>Attachments</h3>
            </div>
            <div class="section-body">
                <div class="panel panel-default panel-form">
                    <div class="panel-body">
                        <div class="row">
                            <div class="col-sm-9">
                                <div class=" form-control">
                                    <input type="file" name="attachments" > [File Type : jpg]
                                   
                                </div>
                               
                            </div>
                            <div class="col-sm-3">
                              
                            </div>
                        </div>
                       
                    </div>
                </div>
            </div>
        </div>
      
                 <div class="form-actions">
            <input type="submit" id="openTicketSubmit" value="Submit" class="btn btn-primary">
           
        </div>
    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- /page content -->
@endsection