@extends('layouts.frontend.user_master')
@section('title', 'User Dashbaord')

@section('css')
@endsection

@section('style')
@endsection

@section('content')
    <!-- inner-hero-section start -->
    <div class="inner-hero-section style--five">
    </div>
    <!-- inner-hero-section end -->

    <!-- user section start -->
    <div class="mt-minus-150 pb-120">
        <div class="container">
            <div class="row">
                
                @include('application.user.side_nav')

                <div class="col-lg-8 mt-lg-0 mt-4">
                    <div class="referral-link-wrapper">
                        <h3 class="title">Partners</h3>
                        <div class="copy-link">
                            <span class="copy-link-icon"><i class="las la-link"></i></span>
                            <span class="label">Referral Link :</span>
                            <div class="copy-link-inner">
                                <form data-copy=true>
                                    <input type="text" value="https://BMF Competitions.com/?ref=albert24" data-click-select-all>
                                    <input type="submit" value="Copy Link">
                                </form>
                            </div>
                        </div>
                    </div>

                    <div class="referral-overview mt-30">
                        <div class="row justify-content-center mb-none-30">
                            <div class="col-lg-5 col-sm-6 mb-30">
                                <div class="referral-crad">
                                    <div class="referral-crad__icon"><img src="{{asset('frontend/assets/images/icon/referral/1.png')}}"
                                            alt="image"></div>
                                    <div class="referral-crad__content">
                                        <h3 class="number">$2956.00</h3>
                                        <span>Earned Referral</span>
                                    </div>
                                </div><!-- referral-crad end -->
                            </div>
                            <div class="col-lg-5 col-sm-6 mb-30">
                                <div class="referral-crad">
                                    <div class="referral-crad__icon"><img src="{{asset('frontend/assets/images/icon/referral/2.png')}}"
                                            alt="image"></div>
                                    <div class="referral-crad__content">
                                        <h3 class="number">$208.00</h3>
                                        <span>Last Month</span>
                                    </div>
                                </div><!-- referral-crad end -->
                            </div>
                        </div>
                    </div>

                    <div class="referral-transaction">
                        <div class="all-transaction__header">
                            <h3 class="title">Your Partners:</h3>
                            <div class="date-range">
                                <input type="text" data-range="true" data-multiple-dates-separator=" - "
                                    data-language="en" class="datepicker-here form-control" data-position='top left'
                                    placeholder="min - max date">
                                <i class="las la-calendar-alt"></i>
                            </div>
                        </div>
                        <div class="table-responsive-lg">
                            <table>
                                <thead>
                                    <tr>
                                        <th>Date</th>
                                        <th>Level</th>
                                        <th>USERNAME</th>
                                        <th>E-mail</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>
                                            <div class="date">
                                                <span>16</span>
                                                <span class="month">APR</span>
                                            </div>
                                        </td>
                                        <td>Level01</td>
                                        <td>Maxine24</td>
                                        <td>Maxine24@gmail.com</td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="date">
                                                <span>16</span>
                                                <span class="month">APR</span>
                                            </div>
                                        </td>
                                        <td>Level01</td>
                                        <td>Maxine24</td>
                                        <td>Maxine24@gmail.com</td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="date">
                                                <span>16</span>
                                                <span class="month">APR</span>
                                            </div>
                                        </td>
                                        <td>Level01</td>
                                        <td>Maxine24</td>
                                        <td>Maxine24@gmail.com</td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="date">
                                                <span>16</span>
                                                <span class="month">APR</span>
                                            </div>
                                        </td>
                                        <td>Level01</td>
                                        <td>Maxine24</td>
                                        <td>Maxine24@gmail.com</td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="date">
                                                <span>16</span>
                                                <span class="month">APR</span>
                                            </div>
                                        </td>
                                        <td>Level01</td>
                                        <td>Maxine24</td>
                                        <td>Maxine24@gmail.com</td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="date">
                                                <span>16</span>
                                                <span class="month">APR</span>
                                            </div>
                                        </td>
                                        <td>Level01</td>
                                        <td>Maxine24</td>
                                        <td>Maxine24@gmail.com</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="load-more">
                            <button type="button">Show More Lotteries <i class="las la-angle-down ml-2"></i></button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- user section end -->
@endsection

@section('script')
@endsection