@extends('layouts.header')
@section('content')
<!--  BEGIN CONTENT AREA  -->
@php
@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">Userwise Logged and Active Status Report</p>
                    </div>
                </div>
                <small class="text-right">Userwise Logged and Active Status Report
                		<div class="dropdown custom-dropdown">
	                        <a class="dropdown-toggle" href="#" role="button" id="dropdownMenuLink1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
	                            <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-more-horizontal"><circle cx="12" cy="12" r="1"></circle><circle cx="19" cy="12" r="1"></circle><circle cx="5" cy="12" r="1"></circle></svg>
	                        </a>
	                    </div>
                </small>
            </blockquote>
			<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  Filters  <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">
							<form id="ReportSearchForm" name="ReportSearchForm">
							   <div class="row">
								   <div class="col-md-4">
										<label>Created Date</label>
										@php
											$TodayDate=date('Y-m-d');
											$YesterDay=date("Y-m-d",strtotime(" $TodayDate -1 day"));
											$SeventhDate=date("Y-m-d",strtotime(" $TodayDate -7 day"));
										@endphp
										<input type="date" name="SearchDate" id="SearchDate" class="form-control" value="" placeholder="Search Date" >
										<input type="date" name="SearchToDate" id="SearchToDate" class="form-control" value="" placeholder="Search Date" >
									</div>
									<div class="col-md-4">
										<label>Users</label>
										<select name="Agent" id="Agent" class="form-control" multiple>
											@foreach($Users as $UserId=>$UserName)
												<option value="{{$UserId}}">{{$UserName}}</option>
											@endforeach
										</select>
									</div>
								</div> 
								</form>
								<br>
								<div class="row">
									<div class="col-md-12" align="center">
										<input type="button" class="btn btn-primary" value="submit" onclick="GetDisplayUserwiseActiveHours()">
									</div>
								</div>
							</div>	
						</div>
					</div>
				</div>
			<div class="statbox widget box box-shadow">
				<div class="col-lg-12 col-md-12 layout-spacing">
					<div name="DisplayLoggedReportStatus" id="DisplayLoggedReportStatus" ></div>
				</div>
			</div>
		</div>
	</div>
	<div class="modal fade" id="MailBoxModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
		<div class="modal-dialog modal-xl" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<h5 class="modal-title" id="exampleModalLabel">BPM360</h5>
					<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
					  <svg> ... </svg>
					</button>
				</div>
				<div class="modal-body">
					<div id="DisplayMailBoxDrillDown"></div>
				</div>
				<div class="modal-footer">
					<button class="btn" data-bs-dismiss="modal"><i class="flaticon-cancel-12"></i> Discard</button>
				</div>
			</div>
		</div>
	</div>
@endsection