@extends('layouts.admin_template')
@section('content')
<style>
	.tab-links {
    padding-left: 0 !important;
	}
	.tab-links li a {
    margin-bottom: 10px !important;
	width: auto !important;
	}
	b{margin-bottom:20px;}
</style>
<!-- <section class="content-header">
	<div class="row">
		<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
			<h4 class="mainsection-title"><i class="fa fa-user"></i>&nbsp;&nbsp; IB Clients</h4>
		</div>
	</div>
</section> -->
<section class="content">	
	<div class="topbarBoxx">
		<div class="row">
			<div class="col-lg-4 col-xs-12">
				<div class="small-box bg-dark  rounded-3 p-3 text-center mb-3 box-shadow">
					<div class="inner">
						<h3>{{ count($totalclients) }}</h3>
						<p>Total Team Member</p>
					</div>
					<div class="icon">
						<i class="fa fa-user"></i>
					</div>
					<!-- <a href="{{ url('/client/myclients') }}" class="small-box bg-dark-footer">More info <i class="fa fa-arrow-circle-right"></i></a> -->
				</div>
			</div>
			<div class="col-lg-4 col-xs-12">
				<div class="small-box bg-dark  rounded-3 p-3 text-center mb-3 box-shadow">
					<div class="inner">
						<h3>$ {{ $totaldeposit }}</h3>
						<p>Total Team Deposit</p>
					</div>
					<div class="icon">
						<i class="fa fa-usd"></i>
					</div>
					<!-- <a href="#" class="small-box bg-dark-footer">More info <i class="fa fa-arrow-circle-right"></i></a> -->
				</div>
			</div>
            <div class="col-lg-4 col-xs-12">
				<div class="small-box bg-dark  rounded-3 p-3 text-center mb-3 box-shadow">
					<div class="inner">
						<h3>$ {{ $totalwithdraw }}</h3>
						<p>Total Team Withdraw</p>
					</div>
					<div class="icon">
						<i class="fa fa-usd"></i>
					</div>
					<!-- <a href="#" class="small-box bg-dark-footer">More info <i class="fa fa-arrow-circle-right"></i></a> -->
				</div>
			</div>
		</div>
	</div>
    <div class="card  rounded-3  box-shadow">
		<div class="card-header bg-card-dark-blue">
			<h3 class="card-title">Refferal Clients of IB :- {{$getibname->name}}</h3> 
		</div>            
		<div class="card-body">		 
			<div class="tabs" id="myclientlist">                        
			<ul class="nav nav-tabs mb-3" id="ex1" role="tablist">
                    <li class="nav-item" role="presentation">
                        <a class="nav-link demo active" id="ex1-tab-1" data-mdb-toggle="tab" href="#ex1-tabs-1" role="tab"
                            aria-controls="ex1-tabs-1" aria-selected="true">Level 1 client</a>
                    </li>
                    <li class="nav-item" role="presentation">
                        <a class="nav-link demo" id="ex1-tab-2" data-mdb-toggle="tab" href="#ex1-tabs-2" role="tab"
                            aria-controls="ex1-tabs-2" aria-selected="false">Level 2 client</a>
                    </li>
                    <li class="nav-item" role="presentation">
                        <a class="nav-link demo" id="ex1-tab-3" data-mdb-toggle="tab" href="#ex1-tabs-3" role="tab"
                            aria-controls="ex1-tabs-3" aria-selected="false">Level 3 client</a>
                    </li>
                    <li class="nav-item" role="presentation">
                        <a class="nav-link demo" id="ex1-tab-4" data-mdb-toggle="tab" href="#ex1-tabs-4" role="tab"
                            aria-controls="ex1-tabs-4" aria-selected="false">Level 4 client</a>
                    </li>
                    <li class="nav-item" role="presentation">
                        <a class="nav-link demo" id="ex1-tab-5" data-mdb-toggle="tab" href="#ex1-tabs-5" role="tab"
                            aria-controls="ex1-tabs-5" aria-selected="false">Level 5 client</a>
                    </li>
                    <li class="nav-item" role="presentation">
                        <a class="nav-link demo" id="ex1-tab-6" data-mdb-toggle="tab" href="#ex1-tabs-6" role="tab"
                            aria-controls="ex1-tabs-6" aria-selected="false">Level 6 client</a>
                    </li>
                    <li class="nav-item" role="presentation">
                        <a class="nav-link demo" id="ex1-tab-7" data-mdb-toggle="tab" href="#ex1-tabs-7" role="tab"
                            aria-controls="ex1-tabs-7" aria-selected="false">Level 7 client</a>
                    </li>
                    <!-- <li class="nav-item" role="presentation">
                        <a class="nav-link demo" id="ex1-tab-7" data-mdb-toggle="tab" href="#ex1-tabs-8" role="tab"
                            aria-controls="ex1-tabs-7" aria-selected="false">Level 8 client</a>
                    </li>
                    <li class="nav-item" role="presentation">
                        <a class="nav-link demo" id="ex1-tab-7" data-mdb-toggle="tab" href="#ex1-tabs-9" role="tab"
                            aria-controls="ex1-tabs-7" aria-selected="false">Level 9 client</a>
                    </li>
                    <li class="nav-item" role="presentation">
                        <a class="nav-link demo" id="ex1-tab-7" data-mdb-toggle="tab" href="#ex1-tabs-10" role="tab"
                            aria-controls="ex1-tabs-7" aria-selected="false">Level 10 client</a>
                    </li> -->
                </ul>

				<div class="tab-content" id="ex1-content">
                    <div class="tab-pane fade show active" id="ex1-tabs-1" role="tabpanel" aria-labelledby="ex1-tab-1">
                    
                    <div class="row">
                        <div class="col-lg-3 col-xs-12">
                            <div class="small-box bg-dark  rounded-3 p-3 text-center mb-3 box-shadow">
                                <div class="inner">
                                    <h3>{{$level1com}}</h3>
                                    <p>Total Level 1 Commission</p>
                                </div>                                
                            </div>
                        </div>
                        <div class="col-lg-3 col-xs-12">
                            <div class="small-box bg-dark  rounded-3 p-3 text-center mb-3 box-shadow">
                                <div class="inner">
                                    <h3>{{$level1lot}}</h3>
                                    <p>Total Level 1 Lot</p>
                                </div>
                                                              
                            </div>
                        </div>
                        <div class="col-lg-3 col-xs-12">
                            <div class="small-box bg-dark  rounded-3 p-3 text-center mb-3 box-shadow">
                                <div class="inner">
                                    <h3>{{$totallevel1deposit}}</h3>
                                    <p>Total Level 1 Investment</p>
                                </div>
                                                         
                            </div>
                        </div>
                    </div>
                    
                    <!-- <b>Total Level 1 Commission = {{$level1com}} </b><br>
                        <b>Total Level 1 Lot = {{$level1lot}} </b><br>
                        <b>Total Level 1 Investment = {{$totallevel1deposit}} </b> -->
                        <table id="dealdatalist" class="table table-striped table-hover mt-20">
                            <thead >
                                <tr>
                                    <th>AccountID</th>
                                    <th>Name</th>
                                    <th>Email</th>
                                    <th>Phone</th>
                                    <th>Parent Name</th>
                                    <th>Register date</th>
                                </tr>
                            </thead>
                            <tbody>
                                @if(!empty($level1))
                                @foreach($level1 as $user)
                                <tr>
                                    <td>