@extends(!session('nebula', 0) ? 'layouts/web' : 'layouts/nebula')

@section('content')

    <div class="container-fluid">
        @include(!session('nebula', 0) ? 'customer.partials.header' : 'customer.nebula.header')

        <div class="row">
            <div class="col-12">
                <div class="page-title-box">
                    <h4 class="page-title">{{ __('My Downlines') }}</h4>
                </div>
            </div>
            @if (session('nebula', 0))
                <div class="row mb-3">
                    <div class="col-6">
                        <div class="text-center bg-white bg-opacity-10 py-2 rounded-pill">
                            <small class="text-uppercase text-white">{{ __('Group Sales') }}</small>
                            <h4 class="text-blue">{{ Auth::user()->total_sales }}</h4>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="text-center bg-white bg-opacity-10 py-2 rounded-pill">
                            <small class="text-uppercase text-white">{{ __('Small Group Sales') }}</small>
                            <h4 class="text-blue">{{ number_format(Auth::user()->downlines()->orderBy('total_sales', 'DESC')->get()->skip(1)->sum('total_sales'), 2) }}</h4>
                        </div>
                    </div>
                </div>
            @endif
            <div class="col-12">
                <form action="{{ route('customer.referrals.index') }}" id="search-downlines" method="GET">
                    <div class="input-group mb-3">
                        <a class="input-group-text cursor-pointer bg-transparent" id="search" onclick="event.preventDefault(); document.getElementById('search-downlines').submit();"><i class="uil-search-alt text-secondary" style="font-size: 1rem"></i></a>
                        <input type="text" class="form-control bg-transparent text-white" placeholder="Search" name="search" value="{{ request()->get('search') }}">
                    </div>
                </form>
            </div>
        </div>
        <table class="table table-centered mb-0">
            <thead>
            <tr class="bg-white bg-opacity-10 text-white">
                <th>{{ __('Name') }}</th>
                <th>{{ __('Total Spent') }}</th>
                <th>{{ __('Total Sales') }}</th>
                <th>{{ __('Joined At') }}</th>
                <th></th>
            </tr>
            </thead>
            <tbody>
            @include('customer.referrals.downline', ['collapse' => false, 'level' => 1])
            </tbody>
        </table>
        <div class="mt-2 text-end dark-pagination">
            {{ $referrals->links() }}
        </div>
    </div>
@endsection