@extends('user_dashboard.layouts.app')
@section('content')
    <div class="rbt-dashboard-area mt--30 mb--50">
        <div class="container-fluid">
            <div class="row g-5">
                <div class="col-lg-3">
                    @include('user_dashboard.layouts.sidebar')
                </div>

                <div class="col-lg-9">
                    <div class="rbt-dashboard-content bg-color-white rbt-shadow-box mb--10">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="section-title">
                                    <h3 class="rbt-title-style-style">Referrals @if ($search_day == 'last_7_day')
                                            Last 7 Days
                                        @elseif($search_day == 'last_30_day')
                                            Last 30 Days
                                        @else
                                            All Time
                                        @endif
                                    </h3>
                                </div>
                            </div>
                        </div>
                        {{-- <form action="{{route('user.traffic')}}">
                            <div class="row">
                                <div class="col-md-3 mb-3">
                                    <label class="form-label">Date Range Pick</label>
                                    <input class="form-control" id="reservation" type="text" name="search_date" value="{{$search_date}}" placeholder="Select Date Range...">
                                </div>
                                <div class="col-md-3 mb-3">
                                    <label class="form-label">Packages Types</label>
                                    <div class="rbt-modern-select bg-transparent height-45">
                                        <div class="dropdown bootstrap-select w-100">
                                            <select id="example-select" name="search_plan_id">
                                                <option value="">Select Plan...</option>
                                                @foreach (App\Models\Admin\Plan::all() as $plan)
                                                    <option value="{{$plan->id}}" @if ($search_plan == $plan->id) selected @endif>{{$plan->title}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3 mb-3">
                                    <label class="form-label">Search</label>
                                    <input type="text" class="form-control" placeholder="Enter Name, Phone, Email..." name="search_key" value="{{$search_key}}">
                                </div>
                                <div class="col-md-3 mb-3">
                                    <button type="subit" class="mt-5 rbt-btn rbt-switch-btn btn-gradient radius-round btn-sm w-100">Filter</button>
                                </div>
                            </div>
                            <hr>
                        </form> --}}
                        <table class="table table-striped table-centered mb-0">
                            <thead>
                                <tr>
                                    <th class="text-center">#</th>
                                    <th class="text-center">Sponsor</th>
                                    <th class="text-center">Name</th>
                                    {{-- <th>Email</th> --}}
                                    <th class="text-center">Enrollment Date & Time</th>
                                    <th class="text-center">PackageName</th>
                                    {{-- <th>Contact No</th> --}}
                                    <th class="text-center">Level</th>
                                    <th class="text-center">Amount</th>
                                    {{-- <th>Status</th> --}}
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($commissions as $key=>$commission)
                                    <tr>
                                        <td class="text-center">{{ $key + 1 + ($commissions->currentPage() - 1) * $commissions->perPage() }}</td>
                                        <td class="text-center">{{ $commission->purchasePlan->user->sponsorDetail?->name }}</td>
                                        <td class="text-center">{{ $commission->purchasePlan->user->name }}</td>
                                        {{-- <td>{{$commission->purchasePlan->user->email}}</td> --}}
                                        <td class="text-center">{{ $commission->purchasePlan->user->created_at->format('d-M-Y H:i A') }}</td>
                                        <td class="text-center">{{ $commission->purchasePlan->plan->title }}</td>
                                        {{-- <td>{{$commission->purchasePlan->user->phone}}</td> --}}
                                        <td class="text-center">{{ $commission->level }}</td>
                                        <td class="text-center">₹ {{ $commission->commission }}</td>
                                        {{-- <th><span class="rbt-badge-5 bg-primary-opacity">Processing</span></th> --}}
                                    </tr>
                                @empty
                                    <tr class="footable-empty">
                                        <td colspan="11">
                                            <center style="padding: 50px;"><i class="far fa-frown"
                                                    style="font-size:80px;"></i><br>
                                                <h4 class="mt-2">Nothing Found</h4>
                                            </center>
                                        </td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                        <div class="d-flex justify-content-center mt-3">
                            {!! $commissions->links() !!}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection