@extends(template() . 'layout.master2')


@section('content2')


<style>
    /*@media only screen and (max-width: 1200px)*/
.content-body .container-fluid, .content-body .container-sm, .content-body .container-md, .content-body .container-lg, .content-body .container-xl, .content-body .container-xxl {
    padding-top: 30px;
    padding-right: 30px;
    padding-left: 30px;
}
.text-head h2, .text-head .h2 {
    font-size: 34px;
    color:#000;
}
p {
    line-height: 1.8;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
    color:#969ba0;
}
* {
    cursor: default !important;
}
* {
    outline: none;
    padding: 0;
}
*, *::before, *::after {
    box-sizing: border-box;
}
user agent stylesheet
p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
.wspace-no {
    white-space: nowrap;
}
.border-hover {
    border-collapse: separate;
}

.font-w600 {
    font-weight: 600;
}
.mb-2 {
    margin-bottom: 0.5rem !important;
}
.justify-content-center {
    justify-content: center !important;
}

.d-flex {
    display: flex !important;
}
.col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
}
.col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
}
.card {
    margin-bottom: 1.875rem;
    background-color: #fff;
    transition: all .5s ease-in-out;
    position: relative;
    border: 0px solid transparent;
    border-radius: 1.75rem;
    box-shadow: 0px 5px 5px 0px rgb(82 63 105 / 5%);
    height: calc(100% - 30px);
}
.card-header:first-child {
    border-radius: calc(0.75rem - 1px) calc(0.75rem - 1px) 0 0;
}
.mb-3 {
    margin-bottom: 1rem !important;
}
.text-black {
    color: #000 !important;
    font-size: 14px;
    line-height: 21px;
}

.fs-20 {
    font-size: 20px !important;
    line-height: 1.5;
}
.card-body {
    padding: 1.875rem;
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}
.mail-list .list-group-item {
    color: #6a707e;
    padding: 0.75rem 1.0625rem;
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}
.mail-list a {
    vertical-align: middle;
    padding: 0.625rem 0.9375rem;
    display: block;
    background: transparent;
    color: #464a53;
    font-weight: 600;
}
.list-group-item {
    background-color: rgba(255, 255, 255, 0);
    border: 1px solid #f5f5f5;
    padding: 1rem 1.5rem;
}
.rounded-circle {
    border-radius: 50% !important;
}

.img, .svg {
    vertical-align: middle;
}
.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.card-table {
    overflow: hidden;
}

.border-hover {
    border-collapse: separate;
}
.table {
    color: strong;
    color-color: #6e6e6e;
}
.table {
    --bs-table-bg: transparent;
    --bs-table-striped-color: #969ba0;
    --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
    --bs-table-active-color: #969ba0;
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: #969ba0;
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
    width: 100%;
    margin-bottom: 1rem;
    color: #969ba0;
    vertical-align: top;
    border-color: #EEEEEE;
}

.table > tbody {
    vertical-align: inherit;
}

.thead, .tbody, .tfoot, .tr, .td, .th {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
}
thead, tbody, tfoot, tr, td, th {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
}
body {
    margin: 0;
    font-family: "Roboto", sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #969ba0;
    background-color: #f6f6f6;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.dashboard-body-part {
    padding: 0px;
        background: #f6f6f6;
}
.collection .collection-item .app-trader-border {
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-top: 1px solid rgba(20,24,57,0.08);
    border-left: 1px solid rgba(20,24,57,0.08);
    border-right: 1px solid rgba(20,24,57,0.08);
}

.row .col.s4 {
    width: 33.33333%;
    margin-left: auto;
    left: auto;
    right: auto;
}
.row .col {
    float: left;
    box-sizing: border-box;
    padding: 0 0.75rem;
    min-height: 1px;
}
.center, .center-align {
    text-align: center;
}
.collection .collection-item .app-trader-border {
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-top: 1px solid rgba(20,24,57,0.08);
    border-left: 1px solid rgba(20,24,57,0.08);
    border-right: 1px solid rgba(20,24,57,0.08);
}

.row .col.s4 {
    width: 33.33333%;
    margin-left: auto;
    left: auto;
    right: auto;
}
.row .col {
    float: left;
    box-sizing: border-box;
    padding: 0 0.75rem;
    min-height: 1px;
}
</style>



<div class="dashboard-body-part">
<div class="content-body">
        <div class="container-fluid">
            <div class="mb-sm-4 d-flex align-items-center justify-content-center text-head">
                <h2 class="font-w600 mb-2">Copy Expert Traders</h2>
            </div>

            <div class="d-flex justify-content-center">
                <div class="col-lg-6 col-sm-12">
                    <div class="card">
                        <div class="card-header d-flex justify-content-center border-0">
                            <div class="mb-3">
                                <h4 class="fs-20 text-black">My Traders</h4>
                            </div>
                        </div>
                        <div class="card-body py-0 px-3">
                            <div class="d-flex justify-content-center">
                            <div class="mail-list mb-4" style="width: 15rem;">
                                                                        <a href="javascript:void()" class="list-group-item" style="border-radius: 16px;margin-bottom: 5px;"><img
                                                    src="uploads/attachment/65be6b649a17b.jpeg" width="32" height="32"
                                                    alt="" class="rounded-circle"> <span style="padding-left: 0.625rem;">ELON MUSK</span></a>
                                                                    <hr>
                            </div>
                            </div>

                            <div class="table-responsive">
                                <table class="table border-hover tr-rounded card-table cardtbl-link">
                                    <tbody>
                                                                                <tr>
                                                <td>
																	<span>
                                                                        <img class="rounded-circle"
                                                                             src="uploads/attachment/64ea532061819.jpeg"
                                                                             width="63" height="63" alt="">
																	</span>
                                                </td>
                                                <td class="wspace-no">
                                                    <span class="font-w600 text-black mb-0">DAISY HEWITT </span>
                                                    <p><p>87% Win<br />
Rate<br />
15% Profit<br />
Share</p></p>
                                                </td>
                                                <td>
                                                                                                            <a href="?copy=12"
                                                           class="btn btn-sm btn-primary">Copy</a>
                                                                                                    </td>
                                            </tr>
                                            
                                            <div class="col s4 l2 center app-trader-border"><h3>97.45%</h3>Return Rate</div>
                                            <div class="col s4 l2 center app-trader-border"><h3>5124</h3>Followers</div>
                                            <div class="col s4 l2 center app-trader-border"><h3>0</h3>Minimum</div>
                                            
                                            <div class="col s4 l2 center app-trader-border"><h3>5124</h3>Followers</div>
                                            
                                                                                    <tr>
                                                <td>
																	<span>
                                                                        <img class="rounded-circle"
                                                                             src="uploads/attachment/64ea537c5dd6f.jpeg"
                                                                             width="63" height="63" alt="">
																	</span>
                                                </td>
                                                <td class="wspace-no">
                                                    <span class="font-w600 text-black mb-0">Brianna Taylor</span>
                                                    <p><p>87% Win<br />
Rate<br />
15% Profit<br />
Share</p></p>
                                                </td>
                                                <td>
                                                                                                            <a href="?copy=13"
                                                           class="btn btn-sm btn-primary">Copy</a>
                                                                                                    </td>
                                            </tr>
                                                                                    <tr>
                                                <td>
																	<span>
                                                                        <img class="rounded-circle"
                                                                             src="uploads/attachment/64f879eb370ec.jpeg"
                                                                             width="63" height="63" alt="">
																	</span>
                                                </td>
                                                <td class="wspace-no">
                                                    <span class="font-w600 text-black mb-0">Diana Moore </span>
                                                    <p><p>87% Win<br />
Rate<br />
15% Profit<br />
Share</p></p>
                                                </td>
                                                <td>
                                                                                                            <a href="?copy=14"
                                                           class="btn btn-sm btn-primary">Copy</a>
                                                                                                    </td>
                                            </tr>
                                                                                    <tr>
                                                <td>
																	<span>
                                                                        <img class="rounded-circle"
                                                                             src="uploads/attachment/64f87a190e5a2.jpeg"
                                                                             width="63" height="63" alt="">
																	</span>
                                                </td>
                                                <td class="wspace-no">
                                                    <span class="font-w600 text-black mb-0">Scott Page </span>
                                                    <p><p>87% Win<br />
Rate<br />
15% Profit<br />
Share</p></p>
                                                </td>
                                                <td>
                                                                                                            <a href="?copy=15"
                                                           class="btn btn-sm btn-primary">Copy</a>
                                                                                                    </td>
                                            </tr>
                                                                                    <tr>
                                                <td>
																	<span>
                                                                        <img class="rounded-circle"
                                                                             src="uploads/attachment/64f87aa81dfc3.jpeg"
                                                                             width="63" height="63" alt="">
																	</span>
                                                </td>
                                                <td class="wspace-no">
                                                    <span class="font-w600 text-black mb-0">Callum Sutton </span>
                                                    <p><p>87% Win<br />
Rate<br />
15% Profit<br />
Share</p></p>
                                                </td>
                                                <td>
                                                                                                            <a href="?copy=16"
                                                           class="btn btn-sm btn-primary">Copy</a>
                                                                                                    </td>
                                            </tr>
                                                                                    <tr>
                                                <td>
																	<span>
                                                                        <img class="rounded-circle"
                                                                             src="uploads/attachment/64f87af8162bb.jpeg"
                                                                             width="63" height="63" alt="">
																	</span>
                                                </td>
                                                <td class="wspace-no">
                                                    <span class="font-w600 text-black mb-0">Jonathan Barry </span>
                                                    <p><p>87% Win<br />
Rate<br />
15% Profit<br />
Share</p></p>
                                                </td>
                                                <td>
                                                                                                            <a href="?copy=17"
                                                           class="btn btn-sm btn-primary">Copy</a>
                                                                                                    </td>
                                            </tr>
                                                                                    <tr>
                                                <td>
																	<span>
                                                                        <img class="rounded-circle"
                                                                             src="uploads/attachment/64f87b3711a94.jpeg"
                                                                             width="63" height="63" alt="">
																	</span>
                                                </td>
                                                <td class="wspace-no">
                                                    <span class="font-w600 text-black mb-0">Jack Reynold  </span>
                                                    <p><p>87% Win<br />
Rate<br />
15% Profit<br />
Share</p></p>
                                                </td>
                                                <td>
                                                                                                            <a href="?copy=18"
                                                           class="btn btn-sm btn-primary">Copy</a>
                                                                                                    </td>
                                            </tr>
                                                                                    <tr>
                                                <td>
																	<span>
                                                                        <img class="rounded-circle"
                                                                             src="uploads/attachment/64fa67caecddf.jpeg"
                                                                             width="63" height="63" alt="">
																	</span>
                                                </td>
                                                <td class="wspace-no">
                                                    <span class="font-w600 text-black mb-0">Akari Sachiko</span>
                                                    <p><p>87% Win<br />
Rate<br />
15% Profit<br />
Share</p></p>
                                                </td>
                                                <td>
                                                                                                            <a href="?copy=19"
                                                           class="btn btn-sm btn-primary">Copy</a>
                                                                                                    </td>
                                            </tr>
                                                                                    <tr>
                                                <td>
																	<span>
                                                                        <img class="rounded-circle"
                                                                             src="uploads/attachment/652c228e5456a.jpeg"
                                                                             width="63" height="63" alt="">
																	</span>
                                                </td>
                                                <td class="wspace-no">
                                                    <span class="font-w600 text-black mb-0">Angela solivan</span>
                                                    <p><p>94% win rate 15% profit share </p></p>
                                                </td>
                                                <td>
                                                                                                            <a href="?copy=20"
                                                           class="btn btn-sm btn-primary">Copy</a>
                                                                                                    </td>
                                            </tr>
                                                                                    <tr>
                                                <td>
																	<span>
                                                                        <img class="rounded-circle"
                                                                             src="uploads/attachment/6546256543c35.jpeg"
                                                                             width="63" height="63" alt="">
																	</span>
                                                </td>
                                                <td class="wspace-no">
                                                    <span class="font-w600 text-black mb-0">Brigitta Alvarez</span>
                                                    <p><p>94% win rate<br />
20% profits <br />
Share</p></p>
                                                </td>
                                                <td>
                                                                                                            <a href="?copy=21"
                                                           class="btn btn-sm btn-primary">Copy</a>
                                                                                                    </td>
                                            </tr>
                                                                                    <tr>
                                                <td>
																	<span>
                                                                        <img class="rounded-circle"
                                                                             src="uploads/attachment/6548dffe73720.jpeg"
                                                                             width="63" height="63" alt="">
																	</span>
                                                </td>
                                                <td class="wspace-no">
                                                    <span class="font-w600 text-black mb-0">Ivan Riley</span>
                                                    <p><p><p>90% win rate <br /><br />
15% profits <br /><br />
Share</p></p></p>
                                                </td>
                                                <td>
                                                                                                            <a href="?copy=22"
                                                           class="btn btn-sm btn-primary">Copy</a>
                                                                                                    </td>
                                            </tr>
                                                                                    <tr>
                                                <td>
																	<span>
                                                                        <img class="rounded-circle"
                                                                             src="uploads/attachment/65be6b649a17b.jpeg"
                                                                             width="63" height="63" alt="">
																	</span>
                                                </td>
                                                <td class="wspace-no">
                                                    <span class="font-w600 text-black mb-0">ELON MUSK</span>
                                                    <p><p>99% WIN RATE<br />
5% PROFIT SHARE</p></p>
                                                </td>
                                                <td>
                                                                                                            <a href="?stop=23"
                                                           class="btn btn-sm btn-outline-primary">Stop</a>
                                                                                                    </td>
                                            </tr>
                                                                            </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
    
    
            <style>
    .assets-header {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: 1rem;
    text-align: left;

            margin: 3rem 3rem;
        
}
.assets-header, .earn-top, .m-stats .m-stats__list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}
.assets-header {
    -webkit-box-pack: justify;
        display: flex;
        justify-content: space-between;
    margin-bottom: 2rem;
}
.assets-header__left, .assets-header__right {
    width: 100%;
}
.a-box {
    background: hsla(0,0%,100%,.02);
    border: 1px solid hsla(0,0%,100%,.05);
    border-radius: 12px;
    overflow: hidden;
    padding: 24px;
    position: relative;
}

.a-box:before {
    background: url(https://bitencrypto.com/res/assets/logo-line.33e95a975fef5e2e26ac.svg) no-repeat;
    background-size: cover;
    bottom: 0;
    content: "";
    height: 298px;
    opacity: .02;
    pointer-events: none;
    position: absolute;
    right: 0;
    width: 264px;
}

.a-box__left, .a-box__user {
    -webkit-box-pack: justify;
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.a-box__user {
    margin-bottom: 24px;
}
.a-box__cols {
    -webkit-box-pack: justify;
    column-gap: 10px;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 50px;
}
.a-box__cols, .a-box__email {
    -webkit-box-align: center;
    align-items: center;
}
.text-starts {
    font-size: 30px;
    height: 20px;
    line-height: 1;
    
    transform: translateY(3px);
}
.a-box__photo-text {
    font-size: 30px;
    line-height: 48px;
}
.a-box__photo {
    height: 48px;
    min-width: 48px;
    width: 48px;
}
.a-box__photo {
    border-radius: 50%;
    cursor: pointer;
    line-height: 48px;
    margin-right: 8px;
    opacity: 1;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}
.a-box__photo-text {
    background-color: #000;
    color: #fff;
   
    font-weight: 500;
    
}
.a-box__value {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 21px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.input-password-hide svg {
    height: 1.5rem;
    width: 1.5rem;
}
.a-box__email {
    -webkit-box-pack: start;
        display: inline-flex;
    font-size: 18px;
    font-weight: 600;
    justify-content: flex-start;
    line-height: 21px;
}
.text-starts {
    font-size: 15px;
    height: 20px;
    line-height: 1;
    color: #fff;
    transform: translateY(3px);
}

.a-box__cols {
    -webkit-box-pack: justify;
        column-gap: 10px;
            display: flex;
    
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 50px;
}
.a-box__cols, .a-box__email {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.a-box__col--pointer {
    cursor: pointer;
}

.a-box__col {
    max-width: 210px;
    width: 100%;
}






.box {
    background: hsla(0,0%,100%,.02);
    border: 1px solid hsla(0,0%,100%,.05);
    border-radius: 12px;
    padding: 24px;
}


.earn-box__title {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 21px;
    margin-bottom: 45px;
}
.earn-box__row {
    -webkit-box-pack: justify;
        -webkit-box-align: center;
        align-items: center;
        display: flex;
    justify-content: space-between;
    margin-bottom: 45px;
}
.earn-box--center .earn-box__name, .earn-box--center .earn-box__title, .earn-box--center .earn-box__val {
    text-align: left!important;
}
.earn-box__val--t2 {
    font-size: 64px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 10px;
}
.earn-box__val {
    color: #fff;
}
.earn-box__name {
    color: hsla(0,0%,100%,.5);
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
}
.earn-box__links, .earn-top {
    -webkit-box-align: center;
        align-items: center;
    
    display: flex;
}

.earn-box__links {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    font-weight: 500;
    gap: 1rem;
    justify-content: flex-start;
}

.btn--blue2.btn--active:not(.btn--disabled):not(.btn--loading):not(.btn--outline), .btn--blue2:not(.btn--outline) {
    background-color: #009056;
}
.btn--blue2 {
    color: #fff;
}
.btn--dark-blue {
    border: 1px solid hsla(0,0%,100%,.1);
    color: #fff;
}
.btn--dark-blue:not(.btn--outline) {
    background-color: hsla(0,0%,100%,.03);
}

    
    
      /* Responsive styles for mobile */
        @media (max-width: 767px) {
            .assets-header {
                flex-direction: column;
                gap: 1rem;
            }

            .assets-header__left, .assets-header__right {
                width: 100%;
            }
            .earn-box__val--t2 {
    font-size: 34px;
        }
        .assets-header{
            margin: 2px 2px;
        }

</style>

