@extends('admin.layout')
@section('content')
<style>	
	#watermarked::before {
		position: fixed;
		top: -75%;
		left: -75%;
	
		display: block;
		width: 300%;
		height: 300%;
	
		transform: rotate(-45deg);
		content: attr(data-watermark);
	
		font-size: 30px;
		opacity: 0.15;
		line-height: 4em;
		letter-spacing: 2px;
		color: #ff0523;
		z-index:0;
	}
	.content-wrapper, .right-side{
		background: #FFF;
	}
	.box {
		background: transparent;
		z-index: 1; 
	}
	.bootstrap-select.btn-group .dropdown-menu li {
	    border-bottom: 1px solid #6c6c6cde;
	}
	.box-body br {
		display: block !important;
	}

	.mask-types-table  br {
		display: none !important;
	}
	table th,td{
		text-align: center;
	}
	.daterangepicker {
    z-index: 9 !important;
}
</style>
<div class="search-list">
	<div class="content-wrapper search-result-list"> 	
	<section class="content-header">
		<h1> {{ trans('Foot Print') }}</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('Foot Print') }}</li>
		</ol>
	</section>

	<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" id="search_form">
								<input type="hidden" name="filter" value="1">
                                <div class="col-sm-6 col-md-2" >
                                    <strong style="color: #00c0ef;">Search By: Id</strong>
                                </div>
                                <div class="col-sm-6 col-md-2">
                                    <strong style="color: #00c0ef;">Search By: Name</strong>
                                </div>
								<div class="col-sm-6 col-md-2">
                                    <strong style="color: #00c0ef;">Search By: Date</strong>
                                </div>
                                <div class="col-sm-6 col-md-6">
                                    <a href="{{ URL('admin/foot-print') }}" class="btn-primary-apply pull-right">Clear Filter</a>
                                </div>
                                <div class="col-md-12">
                                    <div class="row myFlexDiv">
                                        <div class="col-sm-2 col-md-2 _subject">
                                            <div class="form-group">                    
                                                <input type="text" name="search_text"  id="search_text" class="form-control typeahead" value="{{ $search_text }}" placeholder="Search" autocomplete="off">
                                                <span class="error_search_text" id="error_search_text"></span>
                                            </div>
                                        </div>

									
                                        <div class="col-sm-2 col-md-2 _subject">
                                            <div class="form-group">                    
                                                <select multiple name="nameSearch[]" id="user" class="form-control select2">
													@if(count($users))
														@foreach($users as $user)
														<option value="{{$user->first_name}} {{$user->last_name}}" @if(isset($_REQUEST['nameSearch']) &&
															!empty($_REQUEST['nameSearch']) && in_array("$user->first_name $user->last_name",$_REQUEST['nameSearch']))
															selected @endif >{{$user->first_name}} {{$user->last_name}}
														</option>
														@endforeach
													@endif
												</select>
												<span class="error_search_text" id="error_search_text"></span>
                                            </div>
                                        </div>
                                                       
                                        <div class="col-sm-2 col-md-2">
                                        <div class="form-group" >
											<input type="text" class="form-control daterange" name="daterange" id="daterange" value="">
                                        </div>

                                        </div>
                                        <div class="col-sm-2 col-md-2">
                                            <button type="submit" class="btn btn-success" id="searchButton">Search</button>
                                        </div> 
                                     </div>
                                </div>
                            </form>
						</div>
						<div class="row">
							<div class="col-xs-6">	
                                <h3>Lead Data</h3>
				                <table id="example1" class="table table-bordered table-striped signatures-table">
									<thead>
										<tr>                      
											
											<th>{{ trans('Leads Id') }}</th>
											<th>{{ trans('Name') }}</th>
											<th>{{ trans('Action') }}</th>
											<th>{{ trans('Date') }}</th>
											<th>{{ trans('Page') }}</th>


										</tr>
									</thead>
									<tbody class="result-data">
										@if(count($result)>0)
										@foreach ($result as  $key)    
                                            <tr>
                                                <td>
													<a href="view-leads/{{ $key->data }}" title="View" target="_blank">{{ $key->data }}</a>
												</td>
                                                <td>{{ $key->name }}</td>
                                                <td>{{ $key->action }}</td>
                                                <td>{{ date('d-m-Y', strtotime($key->modification_date)) }}</td>
                                                <td>{{ $key->page }}</td>

                                            </tr>
										@endforeach   
										@else
										<tr>
										    <td colspan="5">No record found</td>                            
										</tr>
										@endif
									</tbody>
				                </table>
                                <input type="hidden" name="hidden_page" id="hidden_page" value="1" />
							</div>


                            <div class="col-xs-6">	
                                <h3>Account Data</h3>
				                <table id="example1" class="table table-bordered table-striped signatures-table">
									<thead>
										<tr>                      
											
                                        <th>{{ trans('Account Id') }}</th>
											<th>{{ trans('Name') }}</th>
											<th>{{ trans('Action') }}</th>
											<th>{{ trans('Date') }}</th>
											<th>{{ trans('Page') }}</th>

										</tr>
									</thead>
									<tbody class="result-data">
										@if(count($account)>0)
										@foreach ($account as  $key)    
                                            <tr>
                                            	<td>
													<a href="view-accounts/{{ $key->data }}" title="View" target="_blank">{{ $key->data }}</a>
												</td>
                                                <td>{{ $key->name  }}</td>
                                                <td>{{ $key->action  }}</td>
                                                <td>{{ date('d-m-Y', strtotime($key->modification_date)) }}</td>
                                                <td>{{ $key->page  }}</td>
                                            </tr>
										@endforeach   
										@else
										<tr>
										    <td colspan="5">No record found</td>                            
										</tr>
										@endif
									</tbody>
				                </table>
                                <input type="hidden" name="hidden_page" id="hidden_page" value="1" />
							</div>
						</div>

						<div class="row">
							<div class="col-xs-6">	
                                <h3>Opportunity Data</h3>
				                <table id="example1" class="table table-bordered table-striped signatures-table">
									<thead>
										<tr>                      
											
                                        <th>{{ trans('Account Id') }}</th>
											<th>{{ trans('Name') }}</th>
											<th>{{ trans('Action') }}</th>
											<th>{{ trans('Date') }}</th>
											<th>{{ trans('Page') }}</th>

										</tr>
									</thead>
									<tbody class="result-data">
										@if(count($opportunity)>0)
										@foreach ($opportunity as  $key)    
                                            <tr>
                                            	<td>
													<a href="view-opportunities/{{ $key->data }}" title="View" target="_blank">{{ $key->data }}</a>
												</td>
                                                <td>{{ $key->name  }}</td>
                                                <td>{{ $key->action  }}</td>
                                                <td>{{ date('d-m-Y', strtotime($key->modification_date)) }}</td>
                                                <td>{{ $key->page  }}</td>
                                            </tr>
										@endforeach   
										@else
										<tr>
										    <td colspan="5">No record found</td>                            
										</tr>
										@endif
									</tbody>
				                </table>
                                <input type="hidden" name="hidden_page" id="hidden_page" value="1" />
							</div>

							<div class="col-xs-6">	
                                <h3>Ticket Data</h3>
				                <table id="example1" class="table table-bordered table-striped signatures-table">
									<thead>
										<tr>                      
											
                                        <th>{{ trans('Account Id') }}</th>
											<th>{{ trans('Name') }}</th>
											<th>{{ trans('Action') }}</th>
											<th>{{ trans('Date') }}</th>
											<th>{{ trans('Page') }}</th>

										</tr>
									</thead>
									<tbody class="result-data">
										@if(count($ticket)>0)
										@foreach ($ticket as  $key)    
                                            <tr>
												<td>
													<a href="view-tickets/{{ $key->data }}/accounts" title="View" target="_blank">{{ $key->data }}</a>
												</td>
                                                <td>{{ $key->name  }}</td>
                                                <td>{{ $key->action  }}</td>
                                                <td>{{ date('d-m-Y', strtotime($key->modification_date)) }}</td>
                                                <td>{{ $key->page  }}</td>
                                            </tr>
										@endforeach   
										@else
										<tr>
										    <td colspan="5">No record found</td>                            
										</tr>
										@endif
									</tbody>
				                </table>
                                <input type="hidden" name="hidden_page" id="hidden_page" value="1" />
							</div>
						</div>
						
					</div>
				</div>

				<div id="watermarked" data-watermark="{{ auth()->guard('admin')->user()->first_name }} {{ auth()->guard('admin')->user()->last_name }}" class="row listing">        
				</div>

			</div>
		</div>
	</section>  
</div>
</div>
@endsection 
@section('scripts')
<!-- <script src="{!! asset('assets/admin/plugins/jQuery/jQuery-2.2.0.min.js') !!}"></script> -->
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<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 src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="https://adminlte.io/themes/v3/plugins/daterangepicker/daterangepicker.js"></script>
<script type="text/javascript">
	function submitSearchForm() {
        $('.fullLoader').show();
        $('#search_form').submit();
    }
    $('#search_text').donetyping(function(){
        submitSearchForm();
    });	 

    $(function () { 
        // Status
        $("#status").select2({
            closeOnSelect: false,
            placeholder: 'Status',
        }).on("select2:select", function (e) {     
            submitSearchForm();
        }).on('select2:unselect', function (e) {
            submitSearchForm();
        });

		$("#user").select2({
            closeOnSelect: false,
            placeholder: 'Search by User'
		});
    });
</script>
<script>
	$(document).ready(function() {

		$(function() {

			var nowDate = new Date();
			var today = new Date(nowDate.getFullYear(), nowDate.getMonth(), nowDate.getDate(), 0, 0, 0, 0);

			if ($('input[name="daterange"]').val().length === 0) {

				//var start = moment().utcOffset("+05:30").subtract('0', 'days');
				//var end = moment().utcOffset("+05:30");

			} else {
				var date_range = $('input[name="daterange"]').val();
				var dates = date_range.split(" - ");
				var start = dates[0];
				var end = dates[1];
			}

			//Date range as a button
			$('#daterange').daterangepicker({
					"opens": 'left',
					"maxDate": today,
					"autoApply": true,
					"startDate": start,
					"endDate": end,
					ranges: {
						'Today': [moment(), moment()],
						'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
						'Last 7 Days': [moment().subtract(6, 'days'), moment()],
						'Last 30 Days': [moment().subtract(29, 'days'), moment()],
						'This Month': [moment().startOf('month'), moment().endOf('month')],
						'Last Month': [moment().subtract(1, 'month').startOf('month'), moment()
							.subtract(1, 'month').endOf('month')
						]
					},

				},
				function(start, end) {
					$(this).val(start.format('DD/MM/YYYY') + ' - ' + end.format('DD/MM/YYYY'));

				}
			)
		});

	});
</script>
<script>
	document.querySelectorAll('#watermarked').forEach(function(el) {
			  el.dataset.watermark = (el.dataset.watermark + ' ').repeat(500);
		  });
</script>
@endsection