@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="transaction-balance-wrapper">
                        <div class="left">
                            <div class="transaction-balance">
                                <h4 class="balance">$2956.00</h4>
                                <span>Available Balance</span>
                            </div>
                        </div>
                        <div class="right">
                            <a href="#0" class="transaction-action-btn">
                                <img src="{{asset('frontend/assets/images/icon/transaction/1.png')}}" alt="image">
                                <span>Deposit</span>
                            </a>
                            <a href="#0" class="transaction-action-btn ml-4">
                                <img src="{{asset('frontend/assets/images/icon/transaction/2.png')}}" alt="image">
                                <span>Withdraw</span>
                            </a>
                        </div>
                    </div><!-- transaction-balance-wrapper end -->
                    <div class="all-transaction">
                        <div class="all-transaction__header">
                            <h3 class="title">All Transactions</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-xl">
                            <table>
                                <thead>
                                    <tr>
                                        <th>Date</th>
                                        <th>Description</th>
                                        <th>Pay. method</th>
                                        <th>Amount</th>
                                        <th>Status</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>
                                            <div class="date">
                                                <span>16</span>
                                                <span>APR</span>
                                            </div>
                                        </td>
                                        <td>
                                            <p>Withdraw</p>
                                            <span>Withdraw to Bank account</span>
                                        </td>
                                        <td>
                                            <p>Visa</p>
                                        </td>
                                        <td>
                                            <span class="amount minus-amount">- $562 (USD)</span>
                                        </td>
                                        <td>
                                            <div class="status-pending"><i class="fas fa-ellipsis-h"></i></div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="date">
                                                <span>16</span>
                                                <span>APR</span>
                                            </div>
                                        </td>
                                        <td>
                                            <p>lottery purchase</p>
                                            <span>Contest No: D87T</span>
                                        </td>
                                        <td>
                                            <p>Visa</p>
                                        </td>
                                        <td>
                                            <span class="amount minus-amount">-$758.00 (USD)</span>
                                        </td>
                                        <td>
                                            <div class="status-success"><i class="fas fa-check-circle"></i></div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="date">
                                                <span>16</span>
                                                <span>APR</span>
                                            </div>
                                        </td>
                                        <td>
                                            <p>lottery purchase</p>
                                            <span>Contest No: D87T</span>
                                        </td>
                                        <td>
                                            <p>Visa</p>
                                        </td>
                                        <td>
                                            <span class="amount minus-amount">-$758.00 (USD)</span>
                                        </td>
                                        <td>
                                            <div class="status-success"><i class="fas fa-check-circle"></i></div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="date">
                                                <span>16</span>
                                                <span>APR</span>
                                            </div>
                                        </td>
                                        <td>
                                            <p>Deposit</p>
                                            <span>Bank account to BMF Competitions Account</span>
                                        </td>
                                        <td>
                                            <p>Visa</p>
                                        </td>
                                        <td>
                                            <span class="amount plus-amount">-$758.00 (USD)</span>
                                        </td>
                                        <td>
                                            <div class="status-success"><i class="fas fa-check-circle"></i></div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="date">
                                                <span>16</span>
                                                <span>APR</span>
                                            </div>
                                        </td>
                                        <td>
                                            <p>lottery purchase</p>
                                            <span>Contest No: D87T</span>
                                        </td>
                                        <td>
                                            <p>Visa</p>
                                        </td>
                                        <td>
                                            <span class="amount minus-amount">-$758.00 (USD)</span>
                                        </td>
                                        <td>
                                            <div class="status-success"><i class="fas fa-check-circle"></i></div>
                                        </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