<title>My Partners -https://bestleearning.com/ </title>
@extends('user.layouts.master')
@section('css')
 <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700">
    <link rel="stylesheet" href="https://powerworkerearn.com/resources/css/argon.css" type="text/css">
    <link rel="stylesheet" href="https://powerworkerearn.com/resources/css/myapp.css" type="text/css">
<style>
    .table th {
        background-color: rgba(250, 250, 250, 1); /* White faded background */
        color: #000066; /* Black font color */
        font-size: 12px;
    }
    /* Remove vertical borders for table cells and adjust horizontal border color */
    .table-no-vertical-border th,
    .table-no-vertical-border td {
        border-left: none;  /* Remove left border */
        border-right: none; /* Remove right border */
        border-color: rgba(0, 0, 0, 0.1); /* Adjust the border color (0.1 for a very faint line) */
    }
    .table td {
        font-size: 14px;
        color: #000;
    }
    .list:hover {
        cursor: pointer;
        opacity: 0.5;
    }
</style>
@endsection
@section('user-content')

    <div class="card mt-2">
        <div class="card-header">
            <div class="card-title text-center" style="font-weight: 500; color: #2ECC71; font-size: 20px;">My Partners</div>
        </div>
        <div class="card-body">
            @if ($datas->isEmpty())
                <div class="text-center py-3">
                    <p>You Have No Partners</p>
                </div>
            @else
            <div class="table-responsive">
                <table class="table table-bordered text-nowrap table-no-vertical-border table-flush" id="example1">
                    <thead class="thead-light">
                        <tr>
                            <th scope="col border-bottom-0" width="5%">USER ID</th>
                            <th scope="col border-bottom-0" width="15%">JOINED DATE</th>
                            <th scope="col border-bottom-0">USER NAME</th>
                            <th scope="col border-bottom-0" width="15%">DEPOSIT COMMISSION</th>
                            <th scope="col border-bottom-0" width="15%">EARNING COMMISSION</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($datas as $key => $data)
                            <tr>
                                <td>{{ $data->code }}</td>
                                <td>
                                    {{ \Carbon\Carbon::parse($data->created_at)->format('d M, y')}}
                                </td>
                                <td>{{ $data->name }}</td>
                                <td>{{ number_format($data->deposit_commision_from_refer, 4) }}$</td>
                                <td>{{ number_format($data->earning_commision_from_refer, 4) }}$</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
               {{-- $datas->links() --}}
            @endif
            </div>
        </div>
    </div>

@endsection
@section('js')
@endsection
