@extends('admin.layout')
@section('content')

<style>	
	.bootstrap-select.btn-group .dropdown-menu li {
	    border-bottom: 1px solid #6c6c6cde;
	}</style>
<div class="search-list">
	<div class="content-wrapper search-result-list">
	<section class="content-header">
		<h1> {{ trans('Tickets Log List') }} <small> {{ trans('Tickets Log List') }}...</small> </h1>
		<ol class="breadcrumb">
			<li><a href="{{ URL::to('admin/dashboard/this_month')}}"><i class="fa fa-dashboard"></i> {{ trans('labels.breadcrumb_dashboard') }}</a></li>
			<li class="active"> {{ trans('Tickets Log List') }}</li>
		</ol>
	</section>
	@php
		$getUserRoleData = userRoleData();
		$Tickets		= explode(",",$getUserRoleData->Tickets);
	@endphp	
	<section class="content">
		<div class="row">
			<div class="col-xs-12">
				<div class="box box-info">
					<div class="box-body">
						<div class="col-xs-12">
							<div class="row">
								@if(session()->has('message'))
								<div class="alert alert-success alert-dismissible">
								   <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
								   <h4><i class="icon fa fa-check"></i> {{ trans('labels.Successlabel') }}</h4>
									{{ session()->get('message') }}
								</div>
								@endif
								@if(session()->has('error'))
									<div class="alert alert-warning alert-dismissible">
									   <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
									   <h4><i class="icon fa fa-warning"></i> {{ trans('labels.WarningLabel') }}</h4>
										{{ session()->get('error') }}
									</div>
								@endif
							</div>
						</div>
						  						<div class="row">
							<form action="" method="GET">
								<div class="clearfix"></div>
						 		<div class="col-md-12">
				                    <strong style="color: #00c0ef;">Search By: Tickets Number/Account Name or ID/Customer</strong>
				          		</div>
				                <div class="form-group">							
									<div class="col-sm-3 col-md-3">
										<input type="text" name="tickets_number" value="@if(isset($_REQUEST['tickets_number']) && !empty($_REQUEST['tickets_number'])){{$_REQUEST['tickets_number']}}@endif" id="tickets_number" class="form-control" placeholder="Please enter tickets number">
									</div>
				                </div>
				                <div class="form-group">							
									<div class="col-sm-3 col-md-3">
										<input type="text" name="accounts_name" value="@if(isset($_REQUEST['accounts_name']) && !empty($_REQUEST['accounts_name'])){{$_REQUEST['accounts_name']}}@endif" id="accounts_name" class="form-control" placeholder="Please enter accounts ID or name">
									</div>
				                </div>
				                <div class="form-group">							
									<div class="col-sm-2 col-md-2">
										<select class="form-control selectpicker customer_id" name="customer_id" id="customer_id" data-live-search="true">
											<option value="">-- Customer --</option>														
											@if(count((array) $result['customer'])>0)
												@foreach($result['customer'] as $key => $cValue)
																										<option value="{{$cValue->customers_id}}" {{$customerSelected}}>{{$cValue->customers_firstname}} {{$cValue->customers_lastname}} - {{$cValue->customers_telephone}}</option>
												@endforeach
											@endif
										</select>
									</div>
				                </div>
								<!-- <div class="clearfix"></div><br> -->
				                <div class="form-group">
									<div class="col-sm-3 col-md-3">
										<button type="submit" class="btn btn-primary">{{ trans('Search') }}</button>
										<a href="tickets-log" class="btn btn-danger">{{ trans('Clear Search') }}</a>
									</div>
								</div>
							</form>
						</div><br>
						<div class="clearfix"></div>
						<div class="row">
							<div class="col-xs-12">		
								@if(in_array("View",$Tickets ))			
				                <table id="example1" class="table table-bordered table-striped">
									<thead>
										<tr>                      
											<th width="10%">{{ trans('Tickets Number') }}</th>
											<th width="15%">{{ trans('Accounts Name') }}</th>
											<th>{{ trans('Customer Name') }}</th>
											<th>{{ trans('Subject') }}</th>
											<th width="15%">{{ trans('Date') }}</th>
											@if(in_array("Edit",$Tickets ) || in_array("Delete",$Tickets ))
											<th width="10%">{{ trans('Action') }}</th>
											@endif
										</tr>
									</thead>
									<tbody>
										@if(count((array) $result['ticketsData'])>0)
											@foreach ($result['ticketsData'] as  $rsVal)							
												<tr>
													<td>
														<a href="view-tickets-log/{{ $rsVal->tickets_id }}" class=""  data-toggle="tooltip" data-placement="bottom" title="{{ $rsVal->tickets_number }}">
															#{{ $rsVal->tickets_number }}
														</a>
													</td>
													<td>{{ $rsVal->accounts_name }}</td>
													<td>{{ $rsVal->customers_firstname }} {{ $rsVal->customers_lastname }}</td>
													<td>{{ $rsVal->subject }}</td>
													<td>{{ $rsVal->tickets_created_at}}</td>
													@if(in_array("Edit",$Tickets ) || in_array("Delete",$Tickets ))
														<td>
															@if(in_array("View",$Tickets ))
																<a href="view-tickets-log/{{ $rsVal->tickets_id }}" class="btn btn-info btn-xs"  data-toggle="tooltip" data-placement="bottom" title="View"><i class="fa fa-eye"></i><a/>
															@endif
														</td>
													@endif
												</tr>
																						@endforeach
										@else
										<tr>
											<td colspan="4">No record found</td>							
										</tr>
										@endif
									</tbody>
				                </table>
								@else
									<p> <strong>Please contact with SuperAdmin</strong></p>
								@endif
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>  
</div>
</div>
<script src="{!! asset('assets/admin/plugins/jQuery/jQuery-2.2.0.min.js') !!}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/js/bootstrap-select.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/css/bootstrap-select.min.css" rel="stylesheet" />
<script>
	$('.selectpicker').selectpicker(); 	
</script>
@endsection