@extends('layouts.header')
@section('content')

@php
echo "<pre>";
echo "</pre>";
$j=0;
$todayDate=date('Y-m-d');
@endphp
<div class="page-header">
	<div class="breadcrumb-four">	
		<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><a href="" title="Unanswered call Report"><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-phone-missed"><line x1="23" y1="1" x2="17" y2="7"></line><line x1="17" y1="1" x2="23" y2="7"></line><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg> Unanswered call Report</a></li>
		</ul>
	</div>
</div>
<div class="row">
	<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 row">
						<div class="col-md-4">
							<label>Date</label>
							<input type="date" name="SearchDate" id="SearchDate" class="form-control" value="{{$todayDate}}" placeholder="Search Date" >
						</div>
						<div class="col-md-4">
							<label>Call Type</label>
							<input type="text" name="CallType" id="CallType" class="form-control" value="" placeholder="Inbound/Manual" >
						</div>
						<!-- <br> -->
						<div class="col-md-4">
							<button class="btn btn-primary mb-2 me-4" style="margin-top: 35px" onclick="DisplayUnAnsweredCallDet()">Search</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="col-lg-12 col-md-12 layout-spacing">
		<div class="statbox widget box box-shadow">
			<h3>Unanswered Call Report</h3>
			<div id="DisplayUnAnsweredCallDet"></div>
		</div>
	</div>
</div>
@endsection