@extends('admin.default')
@section('title', 'Admin | Dealer Wallet')
@section('content')	
   <nav class="page-breadcrumb">
      <ol class="breadcrumb">
         <li class="breadcrumb-item"><a href="#">Dashboard</a>/ Dealer Wallet</li>
         
      </ol>
   </nav>
   <div class="row mb-2">
        <div class="col-md-6">
            <div class="btn-group mr-2" role="group" aria-label="Scroll to Sections">
                <a class="btn btn-dark border-right" href="{{route('dealerActiveStock', ['user_id' => request()->id])}}" >Active Stock</a>
                <a class="btn btn-dark border active" href="{{route('dealerWallet', request()->id)}}">Wallet</a>
                <a class="btn btn-dark border-right" href="{{route('dealerReports', request()->id)}}">Reports</a>
                <a class="btn btn-dark border-right" href="{{route('dealerLegalDocuments', request()->id)}}">Legal Documents</a>
                <a class="btn btn-dark" href="{{route('dealerTransaction', request()->id)}}">Transaction</a>
            </div>
        </div>
        <div class="col-md-6">
        <a class="btn btn-outline-primary btn-icon-text float-right mb-2" href="{{route('makesShowForm')}}">
                <i class="btn-icon-prepend" data-feather="plus"></i>Add Wallet
                </a>
        </div>
    </div> 
   <div class="row">
      <div class="col-md-12 grid-margin stretch-card">
         <div class="card">
            <div class="card-body">
               <h6 class="card-title">Receive Payment & Withdrawals</h6>
               <div class="table-responsive">
                  <table id="dataTableExample" class="table table-hover table-striped">
                     <thead>
                        <tr>
                           <th>Coin</th>
                           <th>Name</th>
                           <th>Address</th>
                           <th>Action</th>
                        </tr>
                     </thead>
                     <tbody class="table-light">
                        <tr>
                            <td>Coin</td>
                            <td>Name</td>
                            <td>
                                <a href="" data-toggle="modal" title="Copy to Clipboard" class="text-primary copy" data-value="Address">Address</a>
                            </td>
                            <td>
                                <a href="" class="btn btn-sm btn-outline-primary d-inline">Deposit</a>
                                &nbsp;&nbsp;
                                <a href="" class="btn btn-sm btn-outline-primary d-inline">Withdraw</a>
                            </td>
                        </tr>
                     </tbody>
                  </table>
               </div>
            </div>
         </div>
      </div>
   </div>
<script type="text/javascript">
   $(document).ready(function() {
      $('.copy').click(function(){
         let code = $(this).data("value");
         copyToClipboard(code);
      });
   });
   function copyToClipboard(text) {
      var sampleTextarea = document.createElement("textarea");
      document.body.appendChild(sampleTextarea);
      sampleTextarea.value = text; //save main text in it
      sampleTextarea.select(); //select textarea contents
      document.execCommand("copy");
      document.body.removeChild(sampleTextarea);
   }
</script>
@stop