@extends('template.coin.layouts.admin-base')
@section('title', __('Active User'))
@section('css')
  <link rel="stylesheet" href="{{getTemplateFiles('coin')}}/admin/vendor/libs/perfect-scrollbar/perfect-scrollbar.css" />
    <link rel="stylesheet" href="{{getTemplateFiles('coin')}}/admin/vendor/libs/typeahead-js/typeahead.css" />
    <link rel="stylesheet" href="{{getTemplateFiles('coin')}}/admin/vendor/libs/datatables-bs5/datatables.bootstrap5.css">
<link rel="stylesheet" href="{{getTemplateFiles('coin')}}/admin/vendor/libs/datatables-responsive-bs5/responsive.bootstrap5.css">
<link rel="stylesheet" href="{{getTemplateFiles('coin')}}/admin/vendor/libs/datatables-buttons-bs5/buttons.bootstrap5.css">
<link rel="stylesheet" href="{{getTemplateFiles('coin')}}/admin/vendor/libs/animate-css/animate.css" />
<link rel="stylesheet" href="{{getTemplateFiles('coin')}}/admin/vendor/libs/sweetalert2/sweetalert2.css" />
<link rel="stylesheet" href="{{getTemplateFiles('coin')}}/admin/vendor/libs/select2/select2.css" />
<link rel="stylesheet" href="{{getTemplateFiles('coin')}}/admin/vendor/libs/formvalidation/dist/css/formValidation.min.css" />

    <!-- Page CSS -->
    
<link rel="stylesheet" href="{{getTemplateFiles('coin')}}/admin/vendor/css/pages/page-user-view.css" />
@endsection
@section('content')

    <h4 class="py-3 breadcrumb-wrapper mb-4">
  <span class="text-muted fw-light">User / View /</span> Account
</h4>
@if(Session::has('sucmessage'))
    <div class="row g-4 mb-4">
        <div class="alert alert-success alert-dismissible d-flex align-items-center" role="alert">
    <i class="bx bx-xs bx-desktop me-2"></i>
    {{ Session::get('sucmessage')}}
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
    </div>
    @endif
    
@if(Session::has('errmessage'))
    <div class="row g-4 mb-4">
        <div class="alert alert-danger alert-dismissible d-flex align-items-center" role="alert">
    <i class="bx bx-xs bx-close me-2"></i>
    {{ Session::get('errmessage')}}
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
    </div>
    @endif
   <div class="row gy-4">
   <div class="col-12 col-xl-12 col-lg-12 col-md-12  order-0 order-md-1 d-flex justify-content-between">
       <div>{{ "@".$copyTrader->name }}</div>
       <div>Code:  {{ $copyTrader->code }}</div>
   </div>
  
    <!-- User Content -->
    <div class="col-12 col-xl-12 col-lg-12 col-md-12  order-0 order-md-1">
        <!-- User Pills -->
        <ul class="nav nav-pills flex-column flex-md-row mb-3">
          
            <li class="nav-item">
                <a class="nav-link active" href=""><i class="bx bx-user me-1"></i>Edit Code</a>
            </li>
       
         
            <li class="nav-item">
                <a class="nav-link" href=""><i class="bx bx-bell me-1"></i>Delete</a>
            </li>
             
            
        </ul>
        <!--/ User Pills -->

        <!-- Project table -->
        <div class="card mb-4">
            <h5 class="card-header">All Users</h5>
            <div class="table-responsive mb-3">
                <div id="" class="dataTables_wrapper dt-bootstrap5 no-footer">
                   
                    <table class="table  border-top dataTable no-footer dtr-column" id="" role="grid" aria-describedby="DataTables_Table_0_info">
                        <thead>
                            <tr role="row">
                                <th class="control sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="width: 17.125px; display: none;" aria-label=": activate to sort column ascending"></th>
                              
                                <th class="text-nowrap sorting_disabled" rowspan="1" colspan="1" style="width: 119.172px;" aria-label="Total Task">Name</th>
                                <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="width: 110.938px;" aria-label="Progress: activate to sort column ascending">Email</th>
                                <th class="sorting_disabled" rowspan="1" colspan="1" style="width: 76.0938px;" aria-label="Hours">Status</th>
                                <th class="sorting_disabled" rowspan="1" colspan="1" style="width: 76.0938px;" aria-label="Hours">Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @if(!$clients->isEmpty())
                            @foreach($clients as $client)
                           
                            <tr class="odd">
                                
                                <td valign="top" class=""><a href="{{secure_url('/admin/user/'.$client->username)}}" class="text-body text-truncate"><span class="fw-semibold">{{$client->fname}} {{$client->lname}}</a></td>
                                <td valign="top" class="">{{$client->email}}</td>
                                <td valign="top" class="">{{$client->status}}</td>
                                <td>
                                    <a href="javascript:;" class="btn btn-primary delete_plan" data-id="{{$client->id}}"  >Remove</a>
                                </td>
                            </tr>
                            
                            @endforeach
                            @else
                            <tr class="odd">
                                <td valign="top" colspan="4" class="dataTables_empty">No Data</td>
                            </tr>
                            @endif
                        </tbody>
                    </table>
                    <div class="d-flex justify-content-between mx-4 row">
                        <div class="col-sm-12 col-md-6"><div class="dataTables_info" id="DataTables_Table_0_info" role="status" aria-live="polite"></div></div>
                        <div class="col-sm-12 col-md-6">
                            <div class="dataTables_paginate paging_simple_numbers" >
                              
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- /Project table -->

       
    </div>
    <!--/ User Content -->
</div>






@endsection
@section('scripts')
 <!-- Vendors JS -->
  <script src="{{getTemplateFiles('coin')}}/admin/vendor/libs/moment/moment.js"></script>
<script src="{{getTemplateFiles('coin')}}/admin/vendor/libs/datatables/jquery.dataTables.js"></script>
<script src="{{getTemplateFiles('coin')}}/admin/vendor/libs/datatables-bs5/datatables-bootstrap5.js"></script>
<script src="{{getTemplateFiles('coin')}}/admin/vendor/libs/datatables-responsive/datatables.responsive.js"></script>
<script src="{{getTemplateFiles('coin')}}/admin/vendor/libs/datatables-responsive-bs5/responsive.bootstrap5.js"></script>
<script src="{{getTemplateFiles('coin')}}/admin/vendor/libs/datatables-buttons/datatables-buttons.js"></script>
<script src="{{getTemplateFiles('coin')}}/admin/vendor/libs/datatables-buttons-bs5/buttons.bootstrap5.js"></script>
<script src="{{getTemplateFiles('coin')}}/admin/vendor/libs/jszip/jszip.js"></script>
<script src="{{getTemplateFiles('coin')}}/admin/vendor/libs/pdfmake/pdfmake.js"></script>
<script src="{{getTemplateFiles('coin')}}/admin/vendor/libs/datatables-buttons/buttons.html5.js"></script>
<script src="{{getTemplateFiles('coin')}}/admin/vendor/libs/datatables-buttons/buttons.print.js"></script>
<script src="{{getTemplateFiles('coin')}}/admin/vendor/libs/sweetalert2/sweetalert2.js"></script>
<script src="{{getTemplateFiles('coin')}}/admin/vendor/libs/cleavejs/cleave.js"></script>
<script src="{{getTemplateFiles('coin')}}/admin/vendor/libs/cleavejs/cleave-phone.js"></script>
<script src="{{getTemplateFiles('coin')}}/admin/vendor/libs/select2/select2.js"></script>
<script src="{{getTemplateFiles('coin')}}/admin/vendor/libs/formvalidation/dist/js/FormValidation.min.js"></script>
<script src="{{getTemplateFiles('coin')}}/admin/vendor/libs/formvalidation/dist/js/plugins/Bootstrap5.min.js"></script>
<script src="{{getTemplateFiles('coin')}}/admin/vendor/libs/formvalidation/dist/js/plugins/AutoFocus.min.js"></script>

  <!-- Main JS -->
  <script src="{{getTemplateFiles('coin')}}/admin/js/main.js"></script>

  <!-- Page JS -->
  <script src="{{getTemplateFiles('coin')}}/admin/js/modal-edit-user.js"></script>
<script src="{{getTemplateFiles('coin')}}/admin/js/app-user-view.js"></script>
<script src="{{getTemplateFiles('coin')}}/admin/js/app-user-view-account.js"></script>
<script>
    $(function(){
        
        $('.clear_balance').on('click' , function(){
        var dataid = $(this).attr('data-id');    
       

        if (confirm('are you sure want to clear balance?')) {

            window.location.href = "{{secure_url('admin/clearbal')}}/"+dataid;
            

        }
        })
        
        $('.clear_profit').on('click' , function(){
        var dataid = $(this).attr('data-id');    
       

        if (confirm('are you sure want to clear profit?')) {

            window.location.href = "{{secure_url('admin/clearroi')}}/"+dataid;
            

        }
        })
        
        $('.clear_bonus').on('click' , function(){
        var dataid = $(this).attr('data-id');    
       

        if (confirm('are you sure want to clear bonus?')) {

            window.location.href = "{{secure_url('admin/clearbonus')}}/"+dataid;
            

        }
        })
    })
</script>

<script>
    $(function(){
        
        $('.delete_plan').on('click' , function(){
            var dataid = $(this).attr('data-id');    
            if (confirm('are you sure want to delete?')) {
    
                window.location.href = "{{secure_url('admin/delete_copytraders_user')}}/"+dataid;
            }
        })
        
    })
</script>
@endsection