File "tickets.twig"

Full Path: /home/cananyalcin/public_html/core/temp/client/Clementine/tickets.twig
File size: 7.96 KB
MIME-type: text/plain
Charset: utf-8

{% include 'header.twig' %}



	<div class="paddingbody"></div>
			<div class="container-fluid container-fluid-spacious">
				<div class="col-md-12">
					<div class="row">
					    
					    
					    
					    	<div  class=" well-float table-responsive">
					
					{% if PageText %} 
					
					<div class="well">

            					{% if contentText %}
{{ contentText }}
</div>
{% endif %}
{% endif %}
            
            
            </div>
					    
					
							 {% if error %}
        <div class="alert alert-dismissible alert-danger {% if site['rtl'] %} rtl-alert {% endif %}">
          <button type="button" class="close" data-dismiss="alert">×</button>
          {{ errorText }}
        </div>
      {% elseif success %}
        <div class="alert alert-dismissible alert-success {% if site['rtl'] %} rtl-alert {% endif %}">
          <button type="button" class="close" data-dismiss="alert">×</button>
          {{ successText }}
        </div>
      {% endif %}
							<nav>
								<select name="category" id="page_Category" class="custom-select w-full">
									<option value="0">New Ticket</option>
									<option value="1">Tickets</option>
									<option value="2">Info</option>
								</select>
								<ul class="nav nav-pills " id="pills-tab" role="tablist">
									<li class="nav-item active">
										<a class="nav-link" id="pills-home-tab" data-toggle="pill" href="#new-ticket" role="tab" aria-controls="pills-home" aria-selected="true">New Ticket</a>
									</li>
									<li class="nav-item">
										<a class="nav-link" id="pills-home-tab" data-toggle="pill" href="#your-tickets" role="tab" aria-controls="pills-home" aria-selected="true">Tickets</a>
									</li>
									<li class="nav-item">
										<a  class="nav-link" id="pills-home-tab" data-toggle="pill" href="#info" role="tab" aria-controls="pills-home" aria-selected="true">Info</a>
									</li>
								</ul>
							</nav>
						</div>
						<div class="col-md-15">
							<!-- Tab Conetent Starts here -->
							<div class="tab-content" id="pills-tabContent">
								<!-- New Order Tab -->
								
								<div class="tab-pane fade active in" id="new-ticket" role="tabpanel" aria-labelledby="pills-home-tab">
									<div id="main-page" class="well well-float table-responsive">
										<!--- ----------------------------------form started --------------------------------------------- -->
				

								  <form method="post" action="tickets">
									<div class="form-group">
									    <br>
									  <label for="subject" class="control-label">{{ lang['tickets.subject'] }}</label>
										<select class="form-control" id="subject" name="subject">
										  {% for subjects in orders %}
										   <option value"{{ subjects['subject'] }}">{{ subjects['subject'] }}</option>
										  {% endfor %}
										</select>  
									</div>
									<div class="form-group">
									  <label for="message" class="control-label">{{ lang['tickets.message'] }}</label>
									  <textarea class="form-control" rows="7" id="message" name="message">{{ data['message'] }}</textarea>
									</div>
									<button type="submit" class=" btn-primary">Submit ticket</button>
										</form>
									</div>
								</div>
								
								
								<div id="your-tickets" class="tab-pane fade" role="tabpanel" aria-labelledby="pills-profile-tab">
									<div class="row">	
										<div class="col-md-4  col-md-offset-8 ">
										  <div class="nav-pills ">
											<form action="" method="get" id="history-search">
											  <div class="input-group">
												<input type="text" class="form-control" value="" name="search" placeholder="Search tickets">
												<span class="input-group-btn">
												   <button type="submit" class="btn btn-default"><i class="fas fa-search" aria-hidden="true"></i></button>
												</span>
											  </div>
											</form>
										  </div>
										</div>
									</div>
									
									<div class="well well-float table-responsive">
										<table class="table">
											<thead>
												<tr>
													<th width="5%">#</th>
													<th>Subject</th>
													<th width="13%">Status</th>
													<th width="30%">Last update</th>
												</tr>
											</thead>
											<tbody>
												  {% for ticket in ticketList %}
                <tr>
                  <td>{{ ticket['ticket_id'] }}</td>
                  {% if ticket["support_new"] == 2 %}
                    <td><a href="tickets/{{ ticket['ticket_id'] }}"><strong>{{ ticket['subject'] }}</strong></a></td>
                  {% else %}
                    <td><a href="tickets/{{ ticket['ticket_id'] }}">{{ ticket['subject'] }}</a></td>
                  {% endif %}
                  <td>{{ ticket['status'] }}</td>
                  <td><span class="nowrap">{{ ticket['lastupdate_time'] }}</span></td>
                </tr>
              {% endfor %}
</td>
											</tbody>
										</table>
										<nav style="nav-forced-centered">
											<ul id="yw0" class="pagination m-b-0">
													<li class="active">
												<a href="tickets?type=all&page=1" aria-label="Next" disabled >
													<span aria-hidden="true">«</span>
												</a>
											</li>	<li class="">
												<a href="tickets?type=all&page=2" aria-label="Next"  >
													<span aria-hidden="true">»</span>
												</a>
											</li>
											</ul>
										</nav>
									</div>
									
								</div>
								
								<div class="tab-pane fade" id="info" role="tabpanel" aria-labelledby="pills-contact-tab">
									<div id="main-page" class="well well-float table-responsive">
										
									</div>
								</div>
								
							</div>		
						</div>
					</div>
				</div>
			</div>
		
		
		<script>
		document.getElementById("payment-group").style.display = "none";

		function handleOrderType(selectObject) {
			var element = document.getElementById("order-group");
			var element2 = document.getElementById("payment-group");
			var optional = document.getElementById("optional");

			if (selectObject.value == "Order" || selectObject.value == "VIP-Order") {
				element.style.display = "block";
				element2.style.display = "none";
				optional.style.display = "block";
			} else if (selectObject.value == "Payment" || selectObject.value == "VIP-Payment") {
				element.style.display = "none";
				element2.style.display = "block";
				optional.style.display = "none";
			} else if (selectObject.value == "Other" || selectObject.value == "VIP-Other") {
				element.style.display = "none";
				element2.style.display = "none";
				optional.style.display = "none";
			}else{
				element.style.display = "none";
				element2.style.display = "none";
				optional.style.display = "none";
			}
		}

		function createTicket(e) {
			if (e.preventDefault) e.preventDefault();

			var subject = document.getElementById("subject").value;
			var message = "";
			if (subject == "Order" || subject == "VIP-Order") {
				message = "Order ID: " + document.getElementById("orderid").value + " " + "Request: " + document.getElementById("want").value + " " + document.getElementById("message").value;
			} else if (subject == "Payment" || subject == "VIP-Payment") {
				message = "Payment : " + document.getElementById("payment").value + " " + "Transaction ID : " + document.getElementById("PaymentID").value + " " + "Payment Email ID : " + document.getElementById("emailID").value + " " + "Amount : " + document.getElementById("addamount").value + " " + document.getElementById("message").value;
			} else {
				message = document.getElementById("message").value;
			}
			
			document.getElementById("hmessage").value = message;

			return true;
		}
		
		function form_submit(){
			var form = document.getElementById("ticketsend");
			createTicket(form);
			form.submit();
		}
		</script>
		

{% include 'footer.twig' %}