@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="#" data-bs-theme="light" class="btn bg-body btn-active-color-primary" data-bs-toggle="modal" data-bs-target="#kt_modal_create_app" id="kt_toolbar_primary_button">Deposit</a>
				<!--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-12">
				<!--begin::Mixed Widget 5-->
				<div class="card card-xl-stretch mb-xl-12">
					<!--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>
					<!--end::Beader-->
					<!--begin::Body-->
					<div class="card-body d-flex flex-column">
						<!--begin::Items-->
						<div class="mt-5">
							@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-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::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::Title-->
									<div>
										<a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bold">@if(!empty($row->platform_id))
											{{$row->id}}
										@endif
										</a>
										<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>
											@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-->
							@endforeach
							<div>
								<a href="{{ route('home') }}" class="btn btn-primary me-2">Back</a>
							</div>
						</div>
						<!--end::Items-->
					</div>
					<!--end::Body-->
				</div>
				<!--end::Mixed Widget 5-->
			</div>
			<!--end::Col-->
		</div>
		<!--end::Row-->
	</div>
	<!--end::Post-->
</div>
<!--end::Container-->
@endsection