@extends('layouts.header')
@section('content')
<!--  BEGIN CONTENT AREA  -->
@php

$todayDate=date('Y-m-d');
$i=0;
@endphp
	<br />
	<div class="page-header">
		<div class="breadcrumb-four">
			<ul class="breadcrumb">
				<li><a href="{{url('dashboard')}}"><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>
			</ul>
		</div>
	</div>
	<br />
	<div class="row">
		<div class="col-lg-12 col-md-12 layout-spacing">
			<blockquote class="blockquote media-object">
                <div class="media">
                    <div class="media-body align-self-center">
                       <p class="d-inline text-primary"></p>
                    </div>
                </div>
                <small class="text-right">Custom Report in TBO Closed Ticket Report</small>
            </blockquote>
			<div id="toggleAccordion" class="accordion">
				<div class="card">
					<div class="card-header" id="...">
						<section class="mb-0 mt-0">
							<div role="menu" class="collapsed" data-bs-toggle="collapse" data-bs-target="#defaultAccordionOne" aria-expanded="false" aria-controls="defaultAccordionOne">
							  Search By Date <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-calendar"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>
							  <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-arrow-down"><line x1="12" y1="5" x2="12" y2="19"></line><polyline points="19 12 12 19 5 12"></polyline></svg>
							</div>
							</div>
						</section>
					</div>

					<div id="defaultAccordionOne" class="collapse" aria-labelledby="..." data-bs-parent="#toggleAccordion">
						<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="{{$todayDate}}" placeholder="Search Date" >
								</div>
								<br>
								<div class="col-md-4">
									<button class="btn btn-primary mb-2 me-4"  onclick="GetDisplayClosedTicketReport()">Search</button>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		<div class="statbox widget box box-shadow">
			<div class="col-lg-12 col-md-12 layout-spacing">
				<div class="row">
					<div class="col-lg-12 layout-spacing">
						<div id='DisplayClosedTicketData'></div>
						
					</div>
				</div>
			</div>
		</div>
		</div>
	</div>

@endsection