File: /home/barbeatleanalyti/public_html/barisnew.beatleanalytics.com/HTML-/tpl/page_search.html
<!-- main -->
<div class="col">
<div class="bg-light lter b-b wrapper-md">
<h1 class="font-thin h4"> <a ui-sref="app.page.search"> Tickets</a></h1>
</div>
</div>
<div class="wrapper-md">
<div class="row">
<div class="col-lg-8 col-md-6 col-sm-12">
<div class="panel panel-default">
<div class="panel-heading font-bold">History</div>
<div class="panel-body">
<form class="bs-example form-horizontal">
<div class="form-group">
<label class="col-lg-2 col-sm-4 control-label">From date:</label>
<div class="col-lg-4 col-sm-6">
<input type="text" class="form-control" placeholder="From Date" >
</div>
<div class="marginbetween"></div>
<label class="col-lg-2 col-sm-4 control-label">Till date:</label>
<div class="col-lg-4 col-sm-6">
<input type="text" class="form-control" placeholder="Till Date" >
</div>
</div>
</form>
</div>
</div>
</div>
<!-- <div class="col-lg-4 col-md-6 col-sm-12">
<div class="panel panel-default">
<div class="panel-heading font-bold">
<i class="fa fa-comments-o fa-fw m-r-xs"></i>Compalint text
</div>
<div style="margin-bottom:15px;">
<div class="panel-body" ui-jq="slimScroll" ui-options="{height:'100px', size:'8px'}">
<div class="media">
Lorem Ipsum is simply dummy text of the printing and typesetting industry Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
</div>
</div>
</div>
</div>
</div> -->
</div>
<tabset class="tab-container">
<tab>
<tab-heading>
List
</tab-heading>
<ul class="list-group no-borders pull-in m-b-none">
<li class="list-group-item">
<div class="panel panel-default">
<div class="panel-heading font-bold">
Tickets List:
</div>
<div class="table-responsive">
<table class="table table-striped m-b-none">
<thead>
<tr>
<th style="width:20px;">
Id
</th>
<th>Cust.name</th>
<th>Compalint status</th>
<th>Compalint date</th>
<th>Resolution date</th>
<th>Place</th>
<th>Customer Email</th>
<th style="width:30px;">Customer No.</th>
</tr>
</thead>
<tbody>
<tr>
<td><label class="i-checks m-b-none"><input type="checkbox" name="post[]"><i></i></label></td>
<td><a href>Anil K</a></td>
<td>Pending</td>
<td>Oct 16, 2016</td>
<td>Oct 25, 2016</td>
<td>Ahmedabad</td>
<td>anil@gmail.com</td>
<td>
9898989898
</td>
</tr>
<tr>
<td><label class="i-checks m-b-none"><input type="checkbox" name="post[]"><i></i></label></td>
<td><a href>P Patel</a></td>
<td>Pending</td>
<td>Oct 16, 2016</td>
<td>Oct 25, 2016</td>
<td>Ahmedabad</td>
<td>patel@gmail.com</td>
<td>
9898989898
</td>
</tr>
<tr>
<td><label class="i-checks m-b-none"><input type="checkbox" name="post[]"><i></i></label></td>
<td><a href>D Jones</a></td>
<td>Pending</td>
<td>Oct 16, 2016</td>
<td>Oct 25, 2016</td>
<td>Ahmedabad</td>
<td>joney@gmail.com</td>
<td>
9898989898
</td>
</tr>
</tbody>
</table>
</div>
<footer class="panel-footer">
<div class="row">
<div class="col-sm-12 text-right text-center-xs">
<!-- <ul class="pagination pagination-sm m-t-none m-b-none">
<li><a href><i class="fa fa-chevron-left"></i></a></li>
<li><a href>1</a></li>
<li><a href>2</a></li>
<li><a href>3</a></li>
<li><a href>4</a></li>
<li><a href>5</a></li>
<li><a href><i class="fa fa-chevron-right"></i></a></li>
</ul> -->
</div>
</div>
</footer>
</div>
</li>
</ul>
</tab>
<tab>
<tab-heading>
Details
</tab-heading>
<ul class="list-group list-group-alt list-group-lg no-borders pull-in m-b-none">
<li class="list-group-item">
<div class="row">
<div class="col-sm-12">
<div class="panel panel-default">
<div class="panel-heading font-bold">Header</div>
<div class="panel-body">
<form class="bs-example form-horizontal">
<div class="form-group">
<label class="col-lg-2 col-sm-5 control-label">Contract Name</label>
<div class="col-lg-4 col-sm-7">
<input type="text" class="form-control" placeholder="text" value="Hotel XYZ" disabled>
</div>
<div class="marginbetween"></div>
<label class="col-lg-2 col-sm-5 control-label">Customer Name</label>
<div class="col-lg-4 col-sm-7">
<input type="text" class="form-control" placeholder="" value="" disabled>
</div>
</div>
<div class="form-group">
<label class="col-lg-2 col-sm-5 control-label">CustomerEmail</label>
<div class="col-lg-4 col-sm-7">
<input type="text" class="form-control" placeholder="text" value="anil.k@gmail.com" disabled>
</div>
<div class="marginbetween"></div>
<label class="col-lg-2 col-sm-5 control-label">Customer No.</label>
<div class="col-lg-4 col-sm-7">
<input type="text" class="form-control" placeholder="text" value="91 9898989898" disabled>
</div>
</div>
<div class="form-group">
<label class="col-lg-2 col-sm-5 control-label">Customer Id</label>
<div class="col-lg-4 col-sm-7">
<input type="text" class="form-control" placeholder="text" value="1565485" disabled>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</li>
<li class="list-group-item">
<div class="row">
<div class="col-sm-12">
<div class="panel panel-default">
<div class="panel-heading font-bold">Complaint Information</div>
<div class="panel-body">
<form class="bs-example form-horizontal">
<div class="form-group">
<label class="col-lg-2 col-sm-5 control-label">Type</label>
<div class="col-lg-4 col-sm-7">
<input type="text" class="form-control" placeholder="text" value="Service" disabled>
</div>
<div class="marginbetween"></div>
<label class="col-lg-2 col-sm-5 control-label">Sub Type</label>
<div class="col-lg-4 col-sm-7">
<input type="text" class="form-control" placeholder="text" value="Deliver Time" disabled>
</div>
</div>
<div class="form-group">
<label class="col-lg-2 col-sm-5 control-label">Start date</label>
<div class="col-lg-4 col-sm-7">
<input type="text" class="form-control" placeholder="text" value="8 Dec 2014" disabled>
</div>
<div class="marginbetween"></div>
<label class="col-lg-2 col-sm-5 control-label">Start Time</label>
<div class="col-lg-4 col-sm-7">
<input type="text" class="form-control" placeholder="text" value="14:25 PM" disabled>
</div>
</div>
<div class="form-group">
<label class="col-lg-2 col-sm-5 control-label">T.A.T</label>
<div class="col-lg-4 col-sm-7">
<input type="text" class="form-control" placeholder="text" value="12 Hours" disabled>
</div>
<div class="marginbetween"></div>
<label class="col-lg-2 col-sm-5 control-label">E.A.T</label>
<div class="col-lg-4 col-sm-7">
<input type="text" class="form-control" placeholder="text" value="-407 Hours" disabled>
</div>
</div>
<div class="form-group">
<label class="col-lg-2 col-sm-5 control-label">Status</label>
<div class="col-lg-4 col-sm-7">
<input type="text" class="form-control" placeholder="text" value="Pending" disabled>
</div>
<div class="marginbetween"></div>
<label class="col-lg-2 col-sm-5 control-label">Cust.Contacted</label>
<div class="col-lg-4 col-sm-3">
<select class="form-control">
<option>Yes</option>
<option>No</option>
</select>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</li>
<li class="list-group-item">
<div class="row">
<div class="col-lg-8 col-sm-12">
<div class="panel panel-default">
<div class="panel-heading font-bold">Complaint Escalation Level: 1</div>
<div class="panel-body">
<form class="bs-example form-horizontal">
<div class="form-group">
<!-- <div class="col-lg-2"><button class="btn btn-sm btn-primary btn-rounded">Escalate</button></div>
<div class="marginbetween"></div>
<div class="col-lg-2">
<button class="btn btn-sm btn-success btn-rounded">Resolve</button>
</div> -->
<label class="col-lg-2 col-sm-3 control-label">Escalate</label>
<div class="col-lg-2 col-sm-3">
<select class="form-control">
<option>Yes</option>
<option>No</option>
</select>
</div>
<!-- <div class="marginbetween"></div> -->
<label class="col-lg-1 col-sm-2 control-label">Date</label>
<div class="col-lg-3 col-sm-4">
<input type="text" class="form-control" placeholder="text" value="10 Dec 2014" disabled>
</div>
<div class="marginbetween"></div>
<label class="col-lg-2 col-sm-3 control-label">Pending For</label>
<div class="col-lg-2 col-sm-3">
<input type="text" class="form-control" placeholder="text" value="388 Hours" disabled>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-12">
<div class="panel panel-default">
<div class="panel-heading font-bold">
<i class="fa fa-comments-o fa-fw m-r-xs"></i>Compalint text
</div>
<div style="margin-bottom:15px;">
<div class="panel-body" ui-jq="slimScroll" ui-options="{height:'100px', size:'8px'}">
<div class="media">
Lorem Ipsum is simply dummy text of the printing and typesetting industry Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="list-group-item">
<div class="row">
<div class="col-sm-12">
<div class="panel panel-default">
<div class="panel-heading font-bold">Remarks:</div>
<div class="panel-body">
Lorem Ipsum is simply dummy text of the printing and typesetting industry Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum
</div>
</div>
</div>
</div>
</li>
</ul>
</tab>
<tab>
<tab-heading>
Resolve
</tab-heading>
<ul class="list-group list-group-lg no-borders pull-in m-b-none">
<li class="list-group-item">
<div class="row">
<div class="col-sm-12">
<div class="panel panel-default">
<div class="panel-heading font-bold">Header</div>
<div class="panel-body">
<form class="bs-example form-horizontal">
<div class="form-group">
<label class="col-lg-2 col-sm-4 control-label">Customer Name</label>
<div class="col-lg-4 col-sm-8">
<input type="text" class="form-control" placeholder="text" value="Anil K" disabled>
</div>
<div class="marginbetween"></div>
<label class="col-lg-2 col-sm-4 control-label">Status</label>
<div class="col-lg-4 col-sm-8 status-pending">
<input type="text" class="form-control" placeholder="text" value="Pending" disabled>
</div>
</div>
<div class="form-group">
<label class="col-lg-2 col-sm-4 control-label">Type</label>
<div class="col-lg-4 col-sm-8">
<input type="text" class="form-control" placeholder="text" value="Service" disabled>
</div>
<div class="marginbetween"></div>
<label class="col-lg-2 col-sm-4 control-label">Sub Type</label>
<div class="col-lg-4 col-sm-8">
<input type="text" class="form-control" placeholder="text" value="Deliver Time" disabled>
</div>
</div>
<div class="form-group">
<label class="col-lg-2 col-sm-4 control-label">Start date</label>
<div class="col-lg-4 col-sm-8">
<input type="text" class="form-control" placeholder="text" value="8 Dec 2014" disabled>
</div>
<div class="marginbetween"></div>
<label class="col-lg-2 col-sm-4 control-label">Start Time</label>
<div class="col-lg-4 col-sm-8">
<input type="text" class="form-control" placeholder="text" value="14:25 PM" disabled>
</div>
</div>
<div class="form-group">
<label class="col-lg-2 col-sm-4 control-label">T.A.T</label>
<div class="col-lg-4 col-sm-8">
<input type="text" class="form-control" placeholder="text" value="12 Hours" disabled>
</div>
<div class="marginbetween"></div>
<label class="col-lg-2 col-sm-4 control-label">E.A.T</label>
<div class="col-lg-4 col-sm-8">
<input type="text" class="form-control" placeholder="text" value="-407 Hours" disabled>
</div>
</div>
<!-- <div class="form-group">
<label class="col-lg-2 col-sm-4 control-label">Status</label>
<div class="col-lg-4 col-sm-8">
<input type="text" class="form-control" placeholder="text" value="Pending" disabled>
</div>
</div> -->
</form>
</div>
</div>
</div>
</div>
</li>
<li class="list-group-item">
<div class="row">
<div class="col-sm-12">
<div class="panel panel-default">
<div class="panel-heading font-bold"> <i class="fa fa-comments-o fa-fw m-r-xs"></i>Compalint text</div>
<div style="margin-bottom:15px;">
<div class="panel-body" ui-jq="slimScroll" ui-options="{height:'113px', size:'8px'}">
Lorem Ipsum is simply dummy text of the printing and typesetting industry Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum
</div>
</div>
</div>
</div>
</div>
</li>
<li class="list-group-item">
<div class="row">
<div class="col-lg-7 col-sm-12">
<div class="panel panel-default">
<div class="panel-heading font-bold">Level 1</div>
<div class="panel-body">
<form class="bs-example form-horizontal comlainform">
<div class="form-group">
<label class="col-lg-4 col-sm-5 control-label">Cust.Contacted</label>
<div class="col-lg-2 col-sm-3">
<select class="form-control">
<option>Yes</option>
<option>No</option>
</select>
</div>
<div class="marginbetween"></div>
<!-- </div>
<div class="form-group"> -->
<label class="col-lg-4 col-sm-5 control-label">Complaint Resolved</label>
<div class="col-lg-2 col-sm-3">
<select class="form-control">
<option>Yes</option>
<option>No</option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-lg-4 col-sm-5 control-label">Resoltion Confirmation</label>
<div class="col-lg-2 col-sm-3">
<select class="form-control">
<option>Yes</option>
<option>No</option>
</select>
</div>
<!-- <div class="marginbetween"></div> -->
<!-- </div>
<div class="form-group"> -->
<div class="col-lg-4 col-sm-4"><button class="btn btn-sm btn-primary btn-rounded">Escalate</button></div>
<!-- <div class="col-lg-3">
<button class="btn btn-sm btn-success btn-rounded">Resolve</button>
</div> -->
</div>
</form>
</div>
</div>
</div>
<div class="col-lg-5 col-sm-12">
<div class="panel panel-default">
<div class="panel-heading font-bold">Remarks:</div>
<div style="margin-bottom:15px;">
<div class="panel-body" ui-jq="slimScroll" ui-options="{height:'113px', size:'8px'}">
Lorem Ipsum is simply dummy text of the printing and typesetting industry Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum
</div>
</div>
</div>
</div>
</div>
</li>
<li class="list-group-item">
<div class="row">
<div class="col-lg-7 col-sm-12">
<div class="panel panel-default">
<div class="panel-heading font-bold">Level 2</div>
<div class="panel-body">
<form class="bs-example form-horizontal comlainform">
<div class="form-group">
<label class="col-lg-4 col-sm-5 control-label">Cust.Contacted</label>
<div class="col-lg-2 col-sm-3">
<select class="form-control">
<option>Yes</option>
<option>No</option>
</select>
</div>
<div class="marginbetween"></div>
<!-- </div>
<div class="form-group"> -->
<label class="col-lg-4 col-sm-5 control-label">Complaint Resolved</label>
<div class="col-lg-2 col-sm-3">
<select class="form-control">
<option>Yes</option>
<option>No</option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-lg-4 col-sm-5 control-label">Resoltion Confirmation</label>
<div class="col-lg-2 col-sm-3">
<select class="form-control">
<option>Yes</option>
<option>No</option>
</select>
</div>
<!-- <div class="marginbetween"></div> -->
<!-- </div>
<div class="form-group"> -->
<div class="col-lg-4 col-sm-4"><button class="btn btn-sm btn-primary btn-rounded">Escalate</button></div>
<!-- <div class="col-lg-3">
<button class="btn btn-sm btn-success btn-rounded">Resolve</button>
</div> -->
</div>
</form>
</div>
</div>
</div>
<div class="col-lg-5 col-sm-12">
<div class="panel panel-default">
<div class="panel-heading font-bold">Remarks:</div>
<div style="margin-bottom:15px;">
<div class="panel-body" ui-jq="slimScroll" ui-options="{height:'113px', size:'8px'}">
Lorem Ipsum is simply dummy text of the printing and typesetting industry Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum
</div>
</div>
</div>
</div>
</div>
</li>
<li class="list-group-item">
<div class="row">
<div class="col-sm-7">
<div class="panel panel-default">
<div class="panel-heading font-bold">Level 3</div>
<div class="panel-body">
<form class="bs-example form-horizontal comlainform">
<div class="form-group">
<div class="col-lg-3 col-sm-6 col-xs-6"><button class="btn btn-sm btn-primary btn-rounded" style="font-size:15px;">Resolve</button></div>
<!-- <div class="marginbetween"></div> -->
<div class="col-lg-3 col-sm-6 col-xs-6">
<button class="btn btn-sm btn-info btn-rounded" style="font-size:15px;">Dissolve</button>
</div>
<!-- <label class="col-lg-4 control-label">Complaint Resolved</label>
<div class="col-lg-2">
<select class="form-control">
<option>Yes</option>
<option>No</option>
</select>
</div> -->
</div>
</form>
</div>
</div>
</div>
<div class="col-sm-5">
<div class="panel panel-default">
<div class="panel-heading font-bold">Remarks:</div>
<div ui-jq="wysiwyg" class="form-control" style="overflow:auto;height:74px;max-height:200px">
Remarks:…
</div>
</div>
</div>
</div>
</li>
</ul>
</tab>
</tabset>
</div>