@extends('layouts.app1')

@section('content')
<!-- page content -->
<div class="right_col" role="main">
    <div class="x_panel">
		<div class="padding-top-2x mt-2 hidden-lg-up"></div>
		<div class="table-responsive margin-bottom-2x">
			<fieldset class="swiftfieldset">
				<legend>Ticket Details</legend>
				<table width="100%" cellspacing="1" cellpadding="4" border="0">
					<tbody>
						<tr>
							<td class="row2" width="15%" valign="top" align="left">
								<span class="smalltext bold">Ticket ID: </span></td>
							<td width="35%" valign="top" align="left">
								<span class="smalltext">#{{$ticketInfo->id}}</span></td>
							<td class="row2" width="15%" valign="top" align="left">
								<span class="smalltext bold">Department: </span></td>
							<td width="35%" valign="top" align="left">
								<span class="smalltext">{{$serviceInfo->name}}</span></td>
						</tr>
						<tr>
							<td class="row2" width="15%" valign="top" align="left">
								<span class="smalltext bold">Posted By: </span></td>
							<td width="35%" valign="top" align="left">
								<span class="smalltext">{{$ticketInfo->name}}</span></td>
							<td class="row2" width="15%" valign="top" align="left">
								<span class="smalltext bold">Subject: </span></td>
							<td width="35%" valign="top" align="left">
								<span class="smalltext">{{$ticketInfo->subject}}</span></td>
						</tr>
						<tr>
							<td class="row2" width="15%" valign="top" align="left">
								<span class="smalltext bold">Status: </span></td>
							<td width="35%" valign="top" align="left">
								<span class="smalltext">
								<font color="orange">Open</font>	
								</span></td>
							<td class="row2" width="15%" valign="top" align="left">
								<span class="smalltext bold">Priority: </span></td>
							<td width="35%" valign="top" align="left">
								<span class="smalltext"><font color="#8A8A8A">{{$ticketInfo->priority}}</font></span></td>
						</tr>
						<tr>
							<td class="row2" width="15%" valign="top" align="left">
								<span class="smalltext bold">Created On: </span></td>
							<td width="35%" valign="top" align="left">
								<span class="smalltext">01 Jan 1970 05:30 AM</span></td>
							<td class="row2" width="15%" valign="top" align="left">
								<span class="smalltext bold">Last Update: </span></td>
							<td width="35%" valign="top" align="left">
								<span class="smalltext">01 Jan 1970 05:30 AM</span></td>
						</tr>
					</tbody>
				</table>
			</fieldset>
		</div>
			
				<div class="x_title">
			<h2>Reply <small>Ticket</small></h2>
			<div class="clearfix"></div>
		</div>
		<div class="x_content">
			<form method="post" action="/ticketupdatereply" enctype="multipart/form-data" role="form">
			@csrf
				<input type="hidden" name="parent_id" value="{{$ticketInfo->id}}" />
				<input type="hidden" name="service_id" value="{{$ticketInfo->service_id}}" />
				<input type="hidden" name="department_id" value="{{$ticketInfo->department_id}}" />
				<input type="hidden" name="name" value="{{$ticketInfo->name}}" />
				<input type="hidden" name="email" value="{{$ticketInfo->email}}" />
				<input type="hidden" name="priority" value="{{$ticketInfo->priority}}" />
				<input type="hidden" name="subject" value="{{$ticketInfo->subject}}" />
				<input type="hidden" name="department_id" value="{{$ticketInfo->department_id}}" />
				<div class="section">
					<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="inputMessage bold">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">
						<label for="inputMessage bold">Attachments</label>
					</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,jpeg,png]
										   
										</div>
									   
									</div>
									
								</div>
							   
							</div>
						</div>
					</div>
				</div>