@extends('admin.layout')

@section('content')
<style type="text/css">
  .modal-body {

    padding: 5rem 4rem;

    text-align: center;

}
.modal-footer .btn-primary:hover{
  background: transparent;
  border-color: transparent;
}

.dropdown-toggle::after{
    display: none;
}
.modal-body {

    font-size: 16px;

}
.modal-content {

    min-height: auto;

}
.modal-title {

    padding-left: 0;
}
.modal-body p {

    margin-bottom: 0;

    font-size: 24px;

    font-weight: 600;
}
.ecom-btn-border1{
      min-width: 125px;
          padding: 3px 9px;
}
.bg-beauty-green{
  background: #4CAF50 !important;
}
.container-custom01{
  max-width: 1900px;
  width: 100%;
  padding-left: 2%;
  padding-right: 2%;
}
/*Member dteail css*/
.custommemdetailspage .detail-view tr {
    border-bottom: 1px solid #d6d6d696;
    font-size: 13px;
}

.custommemdetailspage .detail-view tr td {
    font-weight: 300;
    text-align: left;
}
.custommemdetailspage .detail-view {
    width: 100%;
}
.custommemdetailspage .detail-view tr th {
    width: 200px;
    border-right: 1px solid #d6d6d696;
}
.custommemdetailspage .detail-view tr th,.custommemdetailspage .detail-view tr td {
    padding: 5px;
}

.x_content {
    margin-bottom: 32px;
}
.custommemdetailspage .x_panel {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    padding: 10px 17px;
    display: inline-block;
    background: #fff;
    border: 1px solid #E6E9ED;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
    opacity: 1;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
}
.custommemdetailspage .x_title h2 {
    font-size: 17px;
}
.custommemdetailspage .x_title {
    border-bottom: 2px solid #E6E9ED;
    padding: 1px 5px 6px;
    margin-bottom: 10px;
}
.memlistdet-t1 table tr th {
    font-size: 13px !important;
    vertical-align: text-bottom;
}

.memlistdet-t1 table tr td {
    font-size: 12px;
}
.memlistdet-t1 table tr th a{
  color:#333;
}
.first .modal-content {
    padding: 0px !important;
}
.first .modal-header {
    border-bottom: 1px solid #ddd !important;
    padding-bottom: 10px;
    background-color: #7460ee;
}
.first .modal-footer {
    display: block;
    text-align: right;
}
.first .modal-footer button {
    border: 1px solid #ddd;
}
.first .modal-footer button i.fa {
    margin-right: 9px;
    color: #fff;
}
.first .modal-body {
    padding: 15px;
}
/*.first  .modal .modal-dialog .modal-title{
    text-align: left !important;
    color:#fff !important;
}*/
.first .modal-header .modal-title{
    text-align: left !important;
    color:#fff !important;
}


#myModal-3 .modal-dialog {
    max-width: 620px;
    margin: 1.75rem auto;
}
.first .checkbox [type="checkbox"] {
    position: relative !important;
    left: auto;
}
.first .checkbox{
    text-align: left;
}
.custommemdetailspage .x_title h2 {
    font-size: 17px;
    padding-top: 10px;
}
/*.x_title {
    background-color: #7460ee;
    color: #fff;
    padding-top: 10px;
}*/
.dropdown a .fa {
    color: #c0c0c0;
}

.dropdown a {
    font-size: 20px;
    color: #c0c0c0;
}
.dropdown-menu a {
    width: 100%;
    float: left;
    color: #000;
    font-size: 15px;
}
.dropdown-menu
{
  padding: 5px 5px;
}
.dropdown-menu a .fa {
    margin-right: 8px;
    color: #c0c0c0;
}
.but a {
    background-color: #7460ee;
    color: #fff !important;
    padding: 5px 17px;
    font-size: 14px;
    border-radius: 2px;
}

.but {
    text-align: right;
    margin-right: 20px;
}
 .content-wrapper.close-wrapper {
   margin-left: 300px!important;
   }
   .content-wrapper {
   margin-left: 0px!important;
   }
   .sidenav {
   width: 0px;
   }
/*End*/
</style>

<div class="content-wrapper"> 


  <!-- Main content -->

  <section class="content"> 

    <!-- Info boxes --> 

    

    <!-- /.row -->

<div class="container-custom01">

    <div class="row">

      <div class="col-md-12">


            <div class="row">

              <div class="col-xs-12">

                  <div class="alert alert-success alert-dismissible" role="alert">

                      <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>

                      

                  </div>

                  

              </div>

          </div>

            <div class="row">

              <div class="col-md-12">
              
                
                <div class="custommemdetailspage">

                    <div class="x_panel">
    <div class="x_title" style="background-color: #7460ee;">
        <h2 style="color: #fff;">Sales Summary Details</h2>
        <div class="clearfix"></div>
    </div>
    <div class="col-md-12 col-sm-12 col-xs-12 search-form">
        <a class="btn default" href="#"></a>
            </div>
    <div class="x_content">
        <table class="detail-view" id="yw0">
            <tbody></tbody>
        </table>
    
    </div>
</div>

<div class="x_panel memlistdet-t1">
    <div class="x_title">
        <h2>Service Saleslist</h2>
        <div class="clearfix"></div>
    </div>
    <div class="x_content">

        <br>

        <div align="right" class="col-md-12 col-sm-12 col-xs-12">
            <!-- <div class="summary" aria-live="polite">Showing 1 to 1 of 1 entries</div> -->
        </div>
        <div class="col-md-12 col-sm-12 col-xs-12">
            <table class="table table-striped responsive-utilities jambo_table" id="example">
                <thead>
                    <tr class="headings">                         
                        <th>Date</th>
                        <th>Title</th>
                        <th>Amount</th>
                    </tr>
                </thead>

                <tbody>
                                                
                </tbody>
                <tfoot>
                    <tr>
                        <td colspan="2">Total</td>
                        <td>{{ $total_service }}</td>
                    </tr>
                </tfoot>
            </table>
        </div>
       
    </div>
</div>

<div class="x_panel memlistdet-t1">
    <div class="x_title">
        <h2>Buy Ecoins<span style="font-size:12px">list</span></h2>
        <div class="clearfix"></div>
    </div>
    <div class="x_content">

        <br>

        <div class="col-md-12 col-sm-12 col-xs-12">
            <table class="table table-striped responsive-utilities jambo_table" >
                <thead>
                    <tr class="headings">
                        <th>Date</th>
                        <th>Member</th>
                        <th>Title</th>
                        <th>Amount</th>
                        
                    </tr>
                </thead>

                <tbody>
                                         @if(!empty($data['buy_ecoin_fifty_per']))
                   @foreach($data['buy_ecoin_fifty_per'] as $buyecoin)