@extends('layouts.header')
@section('content')
@php
	$todaydate=date("Y-m-d");
	$YesterdayDate=date('Y-m-d',strtotime("-1 days"));
	$TomorowDate=date('Y-m-d',strtotime("+1 days"));
	//echo "<pre>";
	//print_r($GetTaskDetail);
	//echo "</pre>";
@endphp
<br>
<div class="page-header">
	<div class="breadcrumb-four">
		<ol class="breadcrumb">
			<ul class="breadcrumb">
				<li><a href="{{url('dashboard')}}" title="Go to Home Page!"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></li>
				<li class="active">
				<a href="{{url('ListView/806867ab-96a5-11eb-948a-56b1773fd56f')}}" class="active" title="Ticket ListView">
					<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-list"><line x1="8" y1="6" x2="21" y2="6"></line><line x1="8" y1="12" x2="21" y2="12"></line><line x1="8" y1="18" x2="21" y2="18"></line><line x1="3" y1="6" x2="3.01" y2="6"></line><line x1="3" y1="12" x2="3.01" y2="12"></line><line x1="3" y1="18" x2="3.01" y2="18"></line></svg>
					Ticket ListView
				</a>
				</li>
				<li>
				<a href="{{url('ListView/dedd0022-6488-f447-b673-6051fcccdcf0')}}" title="Task ListView">
					<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-list"><line x1="8" y1="6" x2="21" y2="6"></line><line x1="8" y1="12" x2="21" y2="12"></line><line x1="8" y1="18" x2="21" y2="18"></line><line x1="3" y1="6" x2="3.01" y2="6"></line><line x1="3" y1="12" x2="3.01" y2="12"></line><line x1="3" y1="18" x2="3.01" y2="18"></line></svg>
					Task ListView
				</a>
				</li>
				<li>
				<a href="{{url('CreateView/dedd0022-6488-f447-b673-6051fcccdcf0')}}"  class="active" title="Create Task">
					<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>
					Create Task
				</a>
				</li>
			</ul>
		</ol>
	</div>
</div>
<br>
<div class="row">
	<div class="col-lg-12 col-md-12 layout-spacing">
		<div class="widget-content widget-content-area">
			<div id="iconsAccordion" class="accordion-icons accordion">
				<div class="card">
					<div class="card-header" id="...">
						<section class="mb-0 mt-0">
							<div role="menu" class="collapsed" data-toggle="collapse" data-target="#iconAccordionTwo" aria-expanded="false" aria-controls="iconAccordionTwo">
								<div class="accordion-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-zoom-in"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line><line x1="11" y1="8" x2="11" y2="14"></line><line x1="8" y1="11" x2="14" y2="11"></line></svg></div>
								Search by Date  <div class="icons"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down"><polyline points="6 9 12 15 18 9"></polyline></svg></div>
							</div>
						</section>
					</div>
					<div id="iconAccordionTwo" class="collapse" aria-labelledby="..." data-parent="#iconsAccordion">
						<div class="card-body">
						   <div class="form-group mb-0">
							   <div class="col-md-4">
									<input type="date" name="SearchDate" id="SearchDate" class="form-control" value="" placeholder="Search Date" >
								</div>
							</div> 
							<div class="row">
								<div class="col-md-12 ">
									<div class="form-group">
										<button type="button" class="btn btn-primary" id="mySubBtn" onclick="SearchbyDate()">Search</button> 
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div id="DisplayTable"></div>
			
		</div>
	</div>
</div>
@endsection
<script>
 function GetReport()
 {
	 	var formData = {
			Mode : 'ReportView',
			SearchDate : '',
		};
		condole.log(formData);
		$.ajax({
			type: "POST",
			url: "{{url('TaskandTicketReport')}}",
			data: formData,
			beforeSend:function()
			{
				$('#DisplayTable').html("<div class='loader dual-loader mx-auto'></div>");
			},
			headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
			success: function (result) {
				$('#DisplayTable').html(result);
			},
			complete: function () {
				//window.location("{{ url('Admin-Panel') }}");
			},
			error: function (data) {
				console.log(data);
				// alert(data);
			}
		});
 }
 function SearchbyDate()
 {
	   var SearchDate = document.getElementById('SearchDate').value;
	var formData = {
		SearchDate: SearchDate,
	};
	$.ajax({
		type: "POST",
		url: "{{url('TaskandTicketReport')}}",
		data: formData,
		beforeSend:function()
		{
			//$('#FiltersOptionList').html("<div class='loader dual-loader mx-auto'></div>");
		},
		headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
		success: function (result) {
			//$('#FiltersOptionList').html(result);
		},
		complete: function () {
			//window.location("{{ url('Admin-Panel') }}");
		},
		error: function (data) {
			console.log(data);
			// alert(data);
		}
	});
	   
 }
</script>