@extends('layouts.appNew')
@section('content')
<!--begin::Toolbar-->
	<div class="toolbar py-5 pb-lg-15" id="kt_toolbar">
		<!--begin::Container-->
		<div id="kt_toolbar_container" class="container-xxl d-flex flex-stack flex-wrap">
			<!--begin::Page title-->
			<div class="page-title d-flex flex-column me-3">
				<!--begin::Title-->
				<h1 class="d-flex text-white fw-bold my-1 fs-3">Dashboard</h1>
				<!--end::Title-->
				<!--begin::Breadcrumb-->
				<ul class="breadcrumb breadcrumb-separatorless fw-semibold fs-7 my-1">
					<!--begin::Item-->
					<li class="breadcrumb-item text-white opacity-75">
						<a href="{{ route('home') }}" class="text-white text-hover-primary">Home</a>
					</li>
					<!--end::Item-->
					<!--begin::Item-->
					<li class="breadcrumb-item">
						<span class="bullet bg-white opacity-75 w-5px h-2px"></span>
					</li>
					<!--end::Item-->
					<!--begin::Item-->
					<li class="breadcrumb-item text-white opacity-75">Dashboards</li>
					<!--end::Item-->
					<!--begin::Item-->
					<li class="breadcrumb-item">
						<span class="bullet bg-white opacity-75 w-5px h-2px"></span>
					</li>
					<!--end::Item-->
					<!--begin::Item-->
					<li class="breadcrumb-item text-white opacity-75">Default</li>
					<!--end::Item-->
				</ul>
				<!--end::Breadcrumb-->
			</div>
			<!--end::Page title-->
			<!--begin::Actions-->
			<div class="d-flex align-items-center py-3 py-md-1">
				<!--begin::Button-->
				<!-- <a href="{{ route('depositWallet.index') }}" data-bs-theme="light" class="btn bg-body btn-active-color-primary" data-bs-target="#kt_modal_create_app" id="kt_toolbar_primary_button">Wallet Deposit</a> -->
				<div class="card-toolbar">
							<!--begin::Menu-->
							<button type="button" class="btn bg-body btn-active-color-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">
								Wallet
							</button>
							<!--begin::Menu 3-->
							<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary fw-semibold w-200px py-3" data-kt-menu="true">
								<!--begin::Heading-->
								<div class="menu-item px-3">
									<div class="menu-content text-muted pb-2 px-3 fs-7 text-uppercase">Wallet</div>
								</div>
								<!--end::Heading-->
								<!--begin::Menu item-->
								<div class="menu-item px-3">
									<a href="{{ route('depositWallet.index') }}" class="menu-link px-3">Wallet Deposit</a>
								</div>
								<!--end::Menu item-->
								<!--begin::Menu item-->
								<div class="menu-item px-3">
									<a href="{{ route('withdraw.index') }}" class="menu-link px-3">Wallet Withdraw</a>
								</div>
								<!--end::Menu item-->
								<!--begin::Menu item-->
								<div class="menu-item px-3">
									<a href="{{ route('depositWallet.history') }}" class="menu-link px-3">Wallet Deposit History</a>
								</div>
								<!--end::Menu item-->
								<!--begin::Menu item-->
								<div class="menu-item px-3">
									<a href="{{ route('withdrawWallet.history') }}" class="menu-link px-3">Wallet Withdraw History</a>
								</div>
								<!--end::Menu item-->
							</div>
							<!--end::Menu 3-->
							<!--end::Menu-->
						</div>
				<!--end::Button-->
			</div>
			<!--end::Actions-->
		</div>
		<!--end::Container-->
	</div>
<!--end::Toolbar-->
@if(\Session::has('success'))
    <div class="alert alert-success" id="alertMessage">
      <p>{{\Session::get('success')}}</p>
    </div>
@endif
<!--begin::Container-->
<div id="kt_content_container" class="d-flex flex-column-fluid align-items-start container-xxl">
	<!--begin::Post-->
	<div class="content flex-row-fluid" id="kt_content">
		<!--begin::Row-->
		<div class="row g-5 g-xl-8">
			<!--begin::Col-->
			<div class="col-xl-4">
				<!--begin::Mixed Widget 5-->
				<div class="card card-xl-stretch mb-xl-3">
					<!--begin::Beader-->
					<div class="card-header border-0 py-5">
						<h3 class="card-title align-items-start flex-column">
							<span class="card-label fw-bold fs-3 mb-1">Account</span>
							<span class="text-muted fw-semibold fs-7">All Account</span>
						</h3>
						<div class="card-toolbar">
							<!--begin::Menu-->
							<button type="button" class="btn btn-sm btn-icon btn-color-primary btn-active-light-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">
								<i class="ki-duotone ki-category fs-6">
									<span class="path1"></span>
									<span class="path2"></span>
									<span class="path3"></span>
									<span class="path4"></span>
								</i>
							</button>
							<!--begin::Menu 3-->
							<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary fw-semibold w-200px py-3" data-kt-menu="true">
								<!--begin::Heading-->
								<div class="menu-item px-3">
									<div class="menu-content text-muted pb-2 px-3 fs-7 text-uppercase">Payments</div>
								</div>
								<!--end::Heading-->
								<!--begin::Menu item-->
								<div class="menu-item px-3">
									<a href="{{ route('history') }}" class="menu-link px-3">Account Deposit History</a>
								</div>
								<!--end::Menu item-->
								<!--begin::Menu item-->
								<div class="menu-item px-3">
									<a href="{{ route('withdraw.index') }}" class="menu-link px-3">Withdraw</a>
								</div>
								<!--end::Menu item-->
								<!--begin::Menu item-->
								<div class="menu-item px-3">
									<a href="{{ route('withdraw.history') }}" class="menu-link px-3">Account Withdraw History</a>
								</div>
								<!--end::Menu item-->
							</div>
							<!--end::Menu 3-->
							<!--end::Menu-->
						</div>
					</div>
					<!--end::Header-->
					<!--begin::Body-->
					<div class="card-body d-flex flex-column">
						<!--begin::Chart-->
						<div class="mixed-widget-5-chart card-rounded-top" data-kt-chart-color="success" style="height: 150px"></div>
						<!--end::Chart-->
						<!--begin::Items-->
							<div class="mt-5">
								@php $count = 0; @endphp
								@foreach($account as $row)
								<!--begin::Item-->
								<div class="d-flex flex-stack mb-5">
									<!--begin::Section-->
									<div class="d-flex align-items-center me-2">
										<!--begin::Symbol-->
										<div class="symbol symbol-100px me-3">
											<div class="symbol-label bg-light">
												@if(!empty($row->platform_id))
													@if($row->platform_id == 1)
														<img src="{{ url('/logo/mt4.png') }}" class="h-50" alt="" />
													@elseif($row->platform_id == 2)
														<img src="{{ url('/logo/mt5.png') }}" class="h-50" alt="" />
													@endif
												@endif
											</div>
										</div>
										<!--end::Symbol-->
										<!--begin::Symbol-->
										<!-- <div class="symbol symbol-50px me-3">
											<div class="symbol-label bg-light">
												@if(!empty($row->platform_id))
													@if($row->platform_id == 1)
														<span>MT<p style="color: orange;">4</p></span>
													@elseif($row->platform_id == 2)
														<span>MT<p style="color: orange;">5</p></span>
													@endif
												@endif
											</div>
										</div> -->
										<!--end::Symbol-->
										<!--begin::Title-->
										<div>
											<!-- <a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bold">@if(!empty($row->platform_id))
												{{$row->id}}
											@endif
											</a> -->
											@if(!empty($row->platform_id))
													@if($row->platform_id == 1)
														<span class="fs-6 text-gray-800 text-hover-primary fw-bold">MT<p style="color: orange;">4</p></span>
													@elseif($row->platform_id == 2)
														<span class="fs-6 text-gray-800 text-hover-primary fw-bold">MT<p style="color: orange;">5</p></span>
													@endif
												@endif
											<div class="fs-7 text-muted fw-semibold mt-1">
												@if(!empty($row->account_type))
													@if($row->account_type == 1)
														<span>Real</span>
													@elseif($row->account_type == 2)
														<span>Demo</span>
													@endif
												@endif
											</div>
										</div>
										<!--end::Title-->
									</div>
									<!--end::Section-->
									<!--begin::Title-->
										<div>
											<label class="fs-6 text-gray-800 text-hover-primary fw-bold">Balance</label>
											<div class="fs-7 text-muted fw-semibold mt-1">
												@if(!empty($row->account_balance) || $row->account_balance == 0)
													<span>{{ $row->account_balance }}.00</span>
												@else
													<span>0.00</span>
												@endif
											</div>
										</div>
										<!--end::Title-->
									<!--begin::Label-->
									@if($row->account_type == 1)
									<div class="badge badge-light fw-semibold py-4 px-3"><a href="{{ route('deposit', $row->id) }}">Deposit</a></div>
									@else
									<div class="badge badge-light fw-semibold py-4 px-3"><a>--------</a></div>
									@endif
									<!--end::Label-->
								</div>
								<!--end::Item-->
								@php $count++; @endphp
								@endforeach
								<div>
									@if(count($account) == 3)
										<a href="{{ route('accountlist') }}">View All</a>
									@endif
								</div>
							</div>
						<!--end::Items-->
					</div>
					<!--end::Body-->
				</div>
				<!--end::Mixed Widget 5-->
			</div>
			<!--end::Col-->
			<!--begin::Col-->
			<div class="col-xl-8">
				<!--begin::Row-->
				<div class="row gx-5 gx-xl-8 mb-5 mb-xl-8">
					<!--begin::Col-->
							<div class="col-xl-3 mb-5 mb-xl-8">
								<!--begin::Tiles Widget 5-->
								<a href="{{ route('home') }}" class="card card-xxl-stretch bg-primary" style="border:0 !important">
									<!--begin::Body-->
									<div class="card-body d-flex flex-column justify-content-between">
										<i class="ki-duotone ki-element-11 text-white fs-2hx ms-n1 flex-grow-1">
											<span class="path1"></span>
											<span class="path2"></span>
											<span class="path3"></span>
											<span class="path4"></span>
										</i>
										<div class="d-flex flex-column">
											<div class="text-white fw-bold fs-1 mb-0 mt-5">@if(!empty($user->first()->balance) || $user->first()->balance == 0.00 || $user->first()->balance !== NULL)
												$ {{ $user->first()->balance }}
											@else
												{{0.00}}
											@endif
											</div>
											<div class="text-white fw-semibold fs-6">Balance</div>
										</div>
									</div>
									<!--end::Body-->
								</a>
								<!--end::Tiles Widget 5-->
							</div>
							<!--end::Col-->
					<div class="col-xl-9">
						<!--begin::Tiles Widget 4-->
						<div class="card h-150px card-xl-stretch">
							<!--begin::Body-->
							<div class="card-body d-flex align-items-center justify-content-between flex-wrap">
								<div class="me-2">
									<h2 class="fw-bold text-gray-800 mb-3">Create Your Trading Account</h2>
									<div class="text-muted fw-semibold fs-6">MT4,MT5</div>
								</div>
								<a href="{{ route('account.create') }}" class="btn btn-primary fw-semibold">Create Account Now</a>
							</div>
							<!--end::Body-->
						</div>
						<!--end::Tiles Widget 4-->
					</div>
				</div>
				<!--end::Row-->
				<!--begin::Row-->
				<div class="row gx-5 gx-xl-8 mb-5 mb-xl-8">
					<!--begin::Col-->
					<div class="col-xl-6">
						<!--begin::Tiles Widget 2-->
						<div class="card h-175px bgi-no-repeat bgi-size-contain card-xl-stretch mb-5 mb-xl-8" style="background-color: #663259; background-position: right; background-image:url('{{asset('media/svg/misc/taieri.svg')}}')">
							<!--begin::Body-->
							<div class="card-body d-flex flex-column justify-content-between">
								<!--begin::Title-->
								<h2 class="text-white fw-bold mb-5">Deposit Accounts
								<br />MT4,MT5</h2>
								<!--end::Title-->
								<!--begin::Action-->
								<div class="m-0">
									<a href="{{ route('accountlist') }}" class="btn btn-danger fw-semibold px-6 py-3" data-bs-target="#kt_modal_create_campaign">Deposit Accounts</a>
								</div>
								<!--begin::Action-->
							</div>
							<!--end::Body-->
						</div>
						<!--end::Tiles Widget 2-->
						<div class="row gx-5 gx-xl-8">
							<!--begin::Col-->
							<div class="col-xl-6 mb-5 mb-xl-8">
								<!--begin::Tiles Widget 5-->
								<a href="#" class="card card-xxl-stretch bg-primary">
									<!--begin::Body-->
									<div class="card-body d-flex flex-column justify-content-between">
										<i class="ki-duotone ki-element-11 text-white fs-2hx ms-n1 flex-grow-1">
											<span class="path1"></span>
											<span class="path2"></span>
											<span class="path3"></span>
											<span class="path4"></span>
										</i>
										<div class="d-flex flex-column">
											<div class="text-white fw-bold fs-1 mb-0 mt-5">790</div>
											<div class="text-white fw-semibold fs-6">Free Margin</div>
										</div>
									</div>
									<!--end::Body-->
								</a>
								<!--end::Tiles Widget 5-->
							</div>
							<!--end::Col-->
							<!--begin::Col-->
							<div class="col-xl-6 mb-5 mb-xl-0">
								<!--begin::Tiles Widget 5-->
								<a href="#" class="card card-xxl-stretch bg-body">
									<!--begin::Body-->
									<div class="card-body d-flex flex-column justify-content-between">
										<i class="ki-duotone ki-rocket text-success fs-2hx ms-n1 flex-grow-1">
											<span class="path1"></span>
											<span class="path2"></span>
										</i>
										<div class="d-flex flex-column">
											<div class="text-gray-900 fw-bold fs-1 mb-0 mt-5">8,600</div>
											<div class="text-muted fw-semibold fs-6">Equity</div>
										</div>
									</div>
									<!--end::Body-->
								</a>
								<!--end::Tiles Widget 5-->
							</div>
							<!--end::Col-->
						</div>
					</div>
					<!--end::Col-->
					<!--begin::Col-->
					<div class="col-xl-6">
						<!--begin::Mixed Widget 3-->
						<div class="card h-100 bgi-no-repeat bgi-size-cover card-xl-stretch mb-5 mb-xl-8" style="background-image:url('{{asset('media/misc/bg-2.jpg')}}')">
							<!--begin::Body-->
							<div class="card-body d-flex flex-column justify-content-between">
								<!--begin::Title-->
								<div class="text-white fw-bold fs-2">
								<h2 class="fw-bold text-white mb-2">50% Bonuses</h2>Download App</div>
								<!--end::Title-->
								<!--begin::Link-->
								<a href='#' class="text-warning fw-semibold" data-bs-toggle="modal" data-bs-target="#kt_modal_create_campaign">Download App
								<i class="ki-duotone ki-arrow-right fs-2 text-warning">
									<span class="path1"></span>
									<span class="path2"></span>
								</i></a>
								<!--end::Link-->
							</div>
							<!--end::Body-->
						</div>
						<!--end::Mixed Widget 3-->
					</div>
					<!--end::Col-->
				</div>
				<!--end::Row-->
			</div>
			<!--end::Col-->
		</div>
		<!--end::Row-->
			<!--begin::Row-->
			<div class="row gy-5 g-xl-8">
				<!--begin::Col-->
				<div class="col-xl-4">
					<!--begin::Mixed Widget 2-->
					<div class="card card-xl-stretch">
						<!--begin::Header-->
						<div class="card-header border-0 bg-danger py-5">
							<h3 class="card-title fw-bold text-white">Balance Overview</h3>
							<div class="card-toolbar">
								<!--begin::Menu-->
								<button type="button" class="btn btn-sm btn-icon btn-color-white btn-active-white btn-active-color- border-0 me-n3" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">
									<i class="ki-duotone ki-category fs-6">
										<span class="path1"></span>
										<span class="path2"></span>
										<span class="path3"></span>
										<span class="path4"></span>
									</i>
								</button>
								<!--begin::Menu 3-->
								<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary fw-semibold w-200px py-3" data-kt-menu="true">
									<!--begin::Heading-->
									<div class="menu-item px-3">
										<div class="menu-content text-muted pb-2 px-3 fs-7 text-uppercase">Payments</div>
									</div>
									<!--end::Heading-->
									<!--begin::Menu item-->
									<div class="menu-item px-3">
										<a href="#" class="menu-link px-3">Create Invoice</a>
									</div>
									<!--end::Menu item-->
									<!--begin::Menu item-->
									<div class="menu-item px-3">
										<a href="#" class="menu-link flex-stack px-3">Create Payment 
										<span class="ms-2" data-bs-toggle="tooltip" title="Specify a target name for future usage and reference">
											<i class="ki-duotone ki-information fs-6">
												<span class="path1"></span>
												<span class="path2"></span>
												<span class="path3"></span>
											</i>
										</span></a>
									</div>
									<!--end::Menu item-->
									<!--begin::Menu item-->
									<div class="menu-item px-3">
										<a href="#" class="menu-link px-3">Generate Bill</a>
									</div>
									<!--end::Menu item-->
									<!--begin::Menu item-->
									<div class="menu-item px-3" data-kt-menu-trigger="hover" data-kt-menu-placement="right-end">
										<a href="#" class="menu-link px-3">
											<span class="menu-title">Subscription</span>
											<span class="menu-arrow"></span>
										</a>
										<!--begin::Menu sub-->
										<div class="menu-sub menu-sub-dropdown w-175px py-4">
											<!--begin::Menu item-->
											<div class="menu-item px-3">
												<a href="#" class="menu-link px-3">Plans</a>
											</div>
											<!--end::Menu item-->
											<!--begin::Menu item-->
											<div class="menu-item px-3">
												<a href="#" class="menu-link px-3">Billing</a>
											</div>
											<!--end::Menu item-->
											<!--begin::Menu item-->
											<div class="menu-item px-3">
												<a href="#" class="menu-link px-3">Statements</a>
											</div>
											<!--end::Menu item-->
											<!--begin::Menu separator-->
											<div class="separator my-2"></div>
											<!--end::Menu separator-->
											<!--begin::Menu item-->
											<div class="menu-item px-3">
												<div class="menu-content px-3">
													<!--begin::Switch-->
													<label class="form-check form-switch form-check-custom form-check-solid">
														<!--begin::Input-->
														<input class="form-check-input w-30px h-20px" type="checkbox" value="1" checked="checked" name="notifications" />
														<!--end::Input-->
														<!--end::Label-->
														<span class="form-check-label text-muted fs-6">Recuring</span>
														<!--end::Label-->
													</label>
													<!--end::Switch-->
												</div>
											</div>
											<!--end::Menu item-->
										</div>
										<!--end::Menu sub-->
									</div>
									<!--end::Menu item-->
									<!--begin::Menu item-->
									<div class="menu-item px-3 my-1">
										<a href="#" class="menu-link px-3">Settings</a>
									</div>
									<!--end::Menu item-->
								</div>
								<!--end::Menu 3-->
								<!--end::Menu-->
							</div>
						</div>
						<!--end::Header-->
						<!--begin::Body-->
						<div class="card-body p-0">
							<!--begin::Chart-->
							<div class="mixed-widget-2-chart card-rounded-bottom bg-danger" data-kt-color="danger" style="height: 200px"></div>
							<!--end::Chart-->
							<!--begin::Stats-->
							<div class="card-p mt-n20 position-relative">
								<!--begin::Row-->
								<div class="row g-0">
									<!--begin::Col-->
									<div class="col d-flex flex-column bg-light-warning px-6 py-8 rounded-2 me-7 mb-7">
										<i class="ki-duotone ki-chart-simple fs-2x text-warning my-2">
											<span class="path1"></span>
											<span class="path2"></span>
											<span class="path3"></span>
											<span class="path4"></span>
										</i>
										<a href="#" class="text-warning fw-semibold fs-6">Wallet Balance</a>
									</div>
									<!--end::Col-->
									<!--begin::Col-->
									<div class="col d-flex flex-column bg-light-primary px-6 py-8 rounded-2 mb-7">
										<i class="ki-duotone ki-briefcase fs-2x text-primary my-2">
											<span class="path1"></span>
											<span class="path2"></span>
										</i>
										<a href="#" class="text-primary fw-semibold fs-6">MT4 Balance</a>
									</div>
									<!--end::Col-->
								</div>
								<!--end::Row-->
								<!--begin::Row-->
								<div class="row g-0">
									<!--begin::Col-->
									<div class="col d-flex flex-column bg-light-danger px-6 py-8 rounded-2 me-7">
										<i class="ki-duotone ki-abstract-26 fs-2x text-danger my-2">
											<span class="path1"></span>
											<span class="path2"></span>
										</i>
										<a href="#" class="text-danger fw-semibold fs-6 mt-2">MT5 Balance</a>
									</div>
									<!--end::Col-->
									<!--begin::Col-->
									<div class="col d-flex flex-column bg-light-success px-6 py-8 rounded-2">
										<i class="ki-duotone ki-sms fs-2x text-success my-2">
											<span class="path1"></span>
											<span class="path2"></span>
										</i>
										<a href="#" class="text-success fw-semibold fs-6 mt-2">All Balance</a>
									</div>
									<!--end::Col-->
								</div>
								<!--end::Row-->
							</div>
							<!--end::Stats-->
						</div>
						<!--end::Body-->
					</div>
					<!--end::Mixed Widget 2-->
				</div>
				<!--end::Col-->
				<!--begin::Col-->
				<div class="col-xl-4">
					<!--begin::List Widget 5-->
					<div class="card card-xl-stretch">
						<!--begin::Header-->
						<div class="card-header align-items-center border-0 mt-4">
							<h3 class="card-title align-items-start flex-column">
								<span class="fw-bold mb-2 text-gray-900">Activities</span>
								<span class="text-muted fw-semibold fs-7">890,344 Profits</span>
							</h3>
							<div class="card-toolbar">
								<!--begin::Menu-->
								<button type="button" class="btn btn-sm btn-icon btn-color-primary btn-active-light-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">
									<i class="ki-duotone ki-category fs-6">
										<span class="path1"></span>
										<span class="path2"></span>
										<span class="path3"></span>
										<span class="path4"></span>
									</i>
								</button>
								<!--begin::Menu 1-->
								<div class="menu menu-sub menu-sub-dropdown w-250px w-md-300px" data-kt-menu="true" id="kt_menu_658cdb2ae3f95">
									<!--begin::Header-->
									<div class="px-7 py-5">
										<div class="fs-5 text-gray-900 fw-bold">Filter Options</div>
									</div>
									<!--end::Header-->
									<!--begin::Menu separator-->
									<div class="separator border-gray-200"></div>
									<!--end::Menu separator-->
									<!--begin::Form-->
									<div class="px-7 py-5">
										<!--begin::Input group-->
										<div class="mb-10">
											<!--begin::Label-->
											<label class="form-label fw-semibold">Status:</label>
											<!--end::Label-->
											<!--begin::Input-->
											<div>
												<select class="form-select form-select-solid" multiple="multiple" data-kt-select2="true" data-close-on-select="false" data-placeholder="Select option" data-dropdown-parent="#kt_menu_658cdb2ae3f95" data-allow-clear="true">
													<option></option>
													<option value="1">Approved</option>
													<option value="2">Pending</option>
													<option value="2">In Process</option>
													<option value="2">Rejected</option>
												</select>
											</div>
											<!--end::Input-->
										</div>
										<!--end::Input group-->
										<!--begin::Input group-->
										<div class="mb-10">
											<!--begin::Label-->
											<label class="form-label fw-semibold">Member Type:</label>
											<!--end::Label-->
											<!--begin::Options-->
											<div class="d-flex">
												<!--begin::Options-->
												<label class="form-check form-check-sm form-check-custom form-check-solid me-5">
													<input class="form-check-input" type="checkbox" value="1" />
													<span class="form-check-label">Author</span>
												</label>
												<!--end::Options-->
												<!--begin::Options-->
												<label class="form-check form-check-sm form-check-custom form-check-solid">
													<input class="form-check-input" type="checkbox" value="2" checked="checked" />
													<span class="form-check-label">Customer</span>
												</label>
												<!--end::Options-->
											</div>
											<!--end::Options-->
										</div>
										<!--end::Input group-->
										<!--begin::Input group-->
										<div class="mb-10">
											<!--begin::Label-->
											<label class="form-label fw-semibold">Notifications:</label>
											<!--end::Label-->
											<!--begin::Switch-->
											<div class="form-check form-switch form-switch-sm form-check-custom form-check-solid">
												<input class="form-check-input" type="checkbox" value="" name="notifications" checked="checked" />
												<label class="form-check-label">Enabled</label>
											</div>
											<!--end::Switch-->
										</div>
										<!--end::Input group-->
										<!--begin::Actions-->
										<div class="d-flex justify-content-end">
											<button type="reset" class="btn btn-sm btn-light btn-active-light-primary me-2" data-kt-menu-dismiss="true">Reset</button>
											<button type="submit" class="btn btn-sm btn-primary" data-kt-menu-dismiss="true">Apply</button>
										</div>
										<!--end::Actions-->
									</div>
									<!--end::Form-->
								</div>
								<!--end::Menu 1-->
								<!--end::Menu-->
							</div>
						</div>
						<!--end::Header-->
						<!--begin::Body-->
						<div class="card-body pt-5">
							<!--begin::Timeline-->
							<div class="timeline-label">
								<!--begin::Item-->
								<div class="timeline-item">
									<!--begin::Label-->
									<div class="timeline-label fw-bold text-gray-800 fs-6">08:42</div>
									<!--end::Label-->
									<!--begin::Badge-->
									<div class="timeline-badge">
										<i class="fa fa-genderless text-warning fs-1"></i>
									</div>
									<!--end::Badge-->
									<!--begin::Text-->
									<div class="fw-mormal timeline-content text-muted ps-3">MT4 Account Deposit INR 35000</div>
									<!--end::Text-->
								</div>
								<!--end::Item-->
								<!--begin::Item-->
								<div class="timeline-item">
									<!--begin::Label-->
									<div class="timeline-label fw-bold text-gray-800 fs-6">10:00</div>
									<!--end::Label-->
									<!--begin::Badge-->
									<div class="timeline-badge">
										<i class="fa fa-genderless text-success fs-1"></i>
									</div>
									<!--end::Badge-->
									<!--begin::Content-->
									<div class="timeline-content d-flex">
										<span class="fw-bold text-gray-800 ps-3">Wallet Deposit</span>
									</div>
									<!--end::Content-->
								</div>
								<!--end::Item-->
								<!--begin::Item-->
								<div class="timeline-item">
									<!--begin::Label-->
									<div class="timeline-label fw-bold text-gray-800 fs-6">14:37</div>
									<!--end::Label-->
									<!--begin::Badge-->
									<div class="timeline-badge">
										<i class="fa fa-genderless text-danger fs-1"></i>
									</div>
									<!--end::Badge-->
									<!--begin::Desc-->
									<div class="timeline-content fw-bold text-gray-800 ps-3">Withdrawal Done 
									<a href="#" class="text-primary">USD 700</a>. to ESL</div>
									<!--end::Desc-->
								</div>
								<!--end::Item-->
								<!--begin::Item-->
								<div class="timeline-item">
									<!--begin::Label-->
									<div class="timeline-label fw-bold text-gray-800 fs-6">16:50</div>
									<!--end::Label-->
									<!--begin::Badge-->
									<div class="timeline-badge">
										<i class="fa fa-genderless text-primary fs-1"></i>
									</div>
									<!--end::Badge-->
									<!--begin::Text-->
									<div class="timeline-content fw-mormal text-muted ps-3">MT5 Account Deposit</div>
									<!--end::Text-->
								</div>
								<!--end::Item-->
								<!--begin::Item-->
								<div class="timeline-item">
									<!--begin::Label-->
									<div class="timeline-label fw-bold text-gray-800 fs-6">21:03</div>
									<!--end::Label-->
									<!--begin::Badge-->
									<div class="timeline-badge">
										<i class="fa fa-genderless text-danger fs-1"></i>
									</div>
									<!--end::Badge-->
									<!--begin::Desc-->
									<div class="timeline-content fw-semibold text-gray-800 ps-3">New account created 
									<a href="#" class="text-primary">#XF-2356</a>.</div>
									<!--end::Desc-->
								</div>
								<!--end::Item-->
								<!--begin::Item-->
								<div class="timeline-item">
									<!--begin::Label-->
									<div class="timeline-label fw-bold text-gray-800 fs-6">16:50</div>
									<!--end::Label-->
									<!--begin::Badge-->
									<div class="timeline-badge">
										<i class="fa fa-genderless text-primary fs-1"></i>
									</div>
									<!--end::Badge-->
									<!--begin::Text-->
									<div class="timeline-content fw-mormal text-muted ps-3">MT5 Account Withdrawal</div>
									<!--end::Text-->
								</div>
								<!--end::Item-->
								<!--begin::Item-->
								<div class="timeline-item">
									<!--begin::Label-->
									<div class="timeline-label fw-bold text-gray-800 fs-6">21:03</div>
									<!--end::Label-->
									<!--begin::Badge-->
									<div class="timeline-badge">
										<i class="fa fa-genderless text-danger fs-1"></i>
									</div>
									<!--end::Badge-->
									<!--begin::Desc-->
									<div class="timeline-content fw-semibold text-gray-800 ps-3">New account created 
									<a href="#" class="text-primary">#XF-2356</a>.</div>
									<!--end::Desc-->
								</div>
								<!--end::Item-->
								<!--begin::Item-->
								<div class="timeline-item">
									<!--begin::Label-->
									<div class="timeline-label fw-bold text-gray-800 fs-6">10:30</div>
									<!--end::Label-->
									<!--begin::Badge-->
									<div class="timeline-badge">
										<i class="fa fa-genderless text-success fs-1"></i>
									</div>
									<!--end::Badge-->
									<!--begin::Text-->
									<div class="timeline-content fw-mormal text-muted ps-3">Quarterly report generated</div>
									<!--end::Text-->
								</div>
								<!--end::Item-->
							</div>
							<!--end::Timeline-->
						</div>
						<!--end: Card Body-->
					</div>
					<!--end: List Widget 5-->
				</div>
				<!--end::Col-->
				<!--begin::Col-->
				<div class="col-xl-4">
					<!--begin::Mixed Widget 7-->
					<div class="card card-xl-stretch-50 mb-5 mb-xl-8">
						<!--begin::Body-->
						<div class="card-body d-flex flex-column p-0">
							<!--begin::Stats-->
							<div class="flex-grow-1 card-p pb-0">
								<div class="d-flex flex-stack flex-wrap">
									<div class="me-2">
										<a href="#" class="text-gray-900 text-hover-primary fw-bold fs-3">Generate Reports</a>
										<div class="text-muted fs-7 fw-bold">Finance and accounting reports</div>
									</div>
									<div class="fw-bold fs-3 text-primary">$24,500</div>
								</div>
							</div>
							<!--end::Stats-->
							<!--begin::Chart-->
							<div class="mixed-widget-7-chart card-rounded-bottom" data-kt-chart-color="primary" style="height: 150px"></div>
							<!--end::Chart-->
						</div>
						<!--end::Body-->
					</div>
					<!--end::Mixed Widget 7-->
					<!--begin::Mixed Widget 10-->
					<div class="card card-xl-stretch-50 mb-5 mb-xl-8">
						<!--begin::Body-->
						<div class="card-body p-0 d-flex justify-content-between flex-column overflow-hidden">
							<!--begin::Hidden-->
							<div class="d-flex flex-stack flex-wrap flex-grow-1 px-9 pt-9 pb-3">
								<div class="me-2">
									<span class="fw-bold text-gray-800 d-block fs-3">Profits</span>
									<span class="text-gray-500 fw-bold">Oct 8 - Oct 26 23</span>
								</div>
								<div class="fw-bold fs-3 text-primary">$15,300</div>
							</div>
							<!--end::Hidden-->
							<!--begin::Chart-->
							<div class="mixed-widget-10-chart" data-kt-color="primary" style="height: 175px"></div>
							<!--end::Chart-->
						</div>
					</div>
					<!--end::Mixed Widget 10-->
				</div>
				<!--end::Col-->
			</div>
			<!--end::Row-->
	</div>
	<!--end::Post-->
</div>
<!--end::Container-->
@endsection