@extends('adminlayout.admin')
@section('content')

<div class="nk-content nk-content-fluid">
   <div class="container-xl wide-lg">
      <div class="nk-content-body">
         <div class="nk-block-head nk-block-head-sm">
            <div class="nk-block-between">
               <div class="nk-block-head-content">
                  <h3 class="nk-block-title page-title">Commission Distribution</h3>
               </div>
               <!-- .nk-block-head-content -->
            </div>
            <!-- .nk-block-between -->
         </div>
         <!-- .nk-block-head -->
         <style >
           .btn{
                padding: 5px 5px 5px 5px;
            }
            .card{
                padding: 12px;
                background: white;
                border-radius: 30px;
            }
        </style>
         <div class="row">
           <div class="col-12">
               <!-- /.card -->
                   <!--<div class="card-header">
                       <h3 class="card-title" style="font-size: 2.1rem;">Stock Details List</span></h3>
                       </div>-->
                   <!-- /.card-header -->
                    @if (!$details->isEmpty())
                    <div class="row" >
                        <div class="col-sm-6 card">
                            <table class="table">
                                @php 
                                $i=1;
                                @endphp
                                @foreach($details as $data)
                                <tbody>
                                    <tr>
                                      <th>User Id:</th>
                                      <td>{{ $data->user_id }}</td>
                                    </tr>
                                    <tr>
                                      <th>Amount:</th>
                                      <td>{{ $data->amount }}</td>
                                    </tr>
                                    <tr style="margin-bottom: 200px;">
                                      <th>Remark:</th>
                                      <td>{{ $data->remark }}</td>
                                    </tr>
                                    <tr style="background: #838383;">
                                      <th></th>
                                      <td></td>
                                    </tr>
                                </tbody>                                      
                                @endforeach
                            </table>
                        </div>
                    </div>
                    @else
                        <div class="row">
                            <div class="col-sm-6">
                                <div style="text-align: center;padding: 40px;">
                                    <h5>No records found.</h5>
                                    <a href="{{  route('recharge_reports')  }}" class="btn btn-primary">Back</a>
                                </div>
                            </div>
                        </div>
                    @endif
                   <!-- /.card-body -->
               </div>
               <!-- /.card -->
           </div>
           <!-- /.col -->
         </div>         
         <!-- .nk-block -->
      </div>
   </div>
</div>
@endsection