@php
	$activeTab = collect(request()->segments())->last();
@endphp

@extends('layouts.adminlayout')
@section('content')
	<div class="header-body" style="padding-top:25px;background-color:#232F34;padding-bottom:100px;">
	<div class="container-fluid">
		<div class="row">
			<div class="col-lg-6 col-7">
				<div class="left_area">
					<h6>Dashboard</h6>
				</div>
			</div>
		</div>
		<div class="row">
		    <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-6 col-6">
		        <a href="{{ route('admin.dashboard')}}" class="btn {{ isset($activeTab) && $activeTab == "dashboard" ? 'btn-success' : 'btn-default' }}" ><i class="fas fa-language"> </i> Dashboard</a>
		        <a href="{{ route('admin.earningReport')}}" class="btn {{ isset($activeTab) && $activeTab == "earning-report" ? 'btn-success' : 'btn-default' }}" ><i class="fas fa-language"></i> Earning Report </a>
		    </div>
		</div>
	</div>
</div>
<div class="content_area">
    <div class="container-xxl flex-grow-1 container-p-y">
		<div class="row">
			<!-- ==== Total Earning Annual ==== -->
			<div class="col-md-6 col-lg-4 col-xl-4 order-0 mb-1">
				<div class="card h-90">
					<div class="card-header align-items-center justify-content-between pb-0">
						<div class="row">
							<div class="col-lg-8">
								<div class="card-title mb-0 ">
									<h5 style="font-size: 1.125rem; color: #566a7f;" class="mb-4 me-2">Earning Details </h5>
								</div>
							</div>
							<div class="col-lg-4 pb-3">
								<select class="form-control" name="role" id="earningChangePoint" data-url="{{ route('admin.change-value')}}" required>
							      	<option value="yearly">Yearly</option>
							      	<option value="monthly">Monthly</option>
							      	<option value="daily"> Daily</option>
							    </select>
							</div>
						</div>
					</div>
					<div class="card-body earning_report">
						@include('admin.earningReport.yearly')
					</div>
				</div>
			</div>

			<!-- ==== Total Orders Annual ==== -->
			<div class="col-md-6 col-lg-4 col-xl-4 order-0 mb-1">
				<div class="card h-90">
					<div class="card-header dalign-items-center justify-content-between pb-0">
						<div class="row">
							<div class="col-lg-8">
								<div class="card-title mb-0">
									<h5 style="font-size: 1.125rem; color: #566a7f;" class="mb-4 me-2">Orders Details</h5>
								</div>
							</div>
							<div class="col-lg-4 pb-3">
								<select class="form-control" name="role" id="orderChangePoint" data-url="{{ route('admin.change-order-value')}}" required>
							      	<option value="yearly_order">Yearly</option>
							      	<option value="monthly_order">Monthly</option>
							      	<option value="daily_order"> Daily</option>
							    </select>
							</div>							
						</div>
					</div>
					<div class="card-body order_report">
						@include('admin.earningReport.orderAnnual')
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
@endsection