@extends(template() . 'layout.master2')


@section('content2')
<style>
    .log-filters .btn {
    padding: 0.55rem 1.175rem;
    border-radius: 0px;
   
}
.log-filters .btn:hover {
    color: #fff;
}
    .btn--dark-blue.btn--active:not(.btn--disabled):not(.btn--loading):not(.btn--outline) {
    background-color: #315cf0;
}
.btn--dark-blue {
    border: 1px solid hsla(0,0%,100%,.1);
    color: #fff;
}
.log-filters img {
    width: 17px;
}
</style>
    <div class="dashboard-body-part">

        <div class="mobile-page-header">
            <h5 class="title">{{ __('Exchange History') }}</h5>
            <a href="{{ route('user.dashboard') }}" class="back-btn"><i class="bi bi-arrow-left"></i> {{ __('Back') }}</a>
        </div>

        <div class="log-filters mb-2">
            <h4 class="mb-3">Transaction History</h4>
            <div class="row">
                <div class="col-md-2  col-4">
                    <a href="{{ route('user.withdraw.all') }}" class="btn btn--dark-blue btn--full-width">
                        <span><img class="" src="https://cfactor.pro/m/asset/img/withdraw.81b52b56e59fe332a9a1.svg" alt="transactions"> Withdraw</span>
                    </a>
                </div>
                <div class="col-md-2  col-4">
                    <a href="{{ route('user.deposit.log') }}" class="btn btn--dark-blue btn--full-width">
                        <span><img class="" src="https://cfactor.pro/m/asset/img/deposit.74270622c36d4bf3dd9f.svg" alt="deposits"> Deposits </span>
                    </a>
                </div>
                <div class="col-md-2  col-4">
                    <a href="{{ route('user.money.log') }}" class="btn btn--dark-blue btn--full-width ">
                        <span><img class="" src="https://cfactor.pro/m/asset/img/transfer.2f2260460a2e17ce903c.svg" alt="transfers"> Transfers </span>
                    </a>
                </div>
                <div class="col-md-2  col-4">
                    <a href="{{ route('user.exchange.log') }}" class="router-link-active router-link-exact-active  btn btn--dark-blue btn--full-width btn--active">
                        <span><img class="" src="https://cfactor.pro/m/asset/img/transfer.2f2260460a2e17ce903c.svg" alt="exchanges">Exchange</span>
                    </a>
                </div>
                <div class="col-md-  col-4">
                    <a href="{{ route('user.order.log') }}" class="btn btn--dark-blue btn--full-width">
                        <span><img class="" src="https://cfactor.pro/m/asset/img/transfer.2f2260460a2e17ce903c.svg" alt="orders"> Orders </span>
                    </a>
                </div>
            </div>
        </div>

        <div class="site-card">
            <div class="card-header d-flex flex-wrap align-items-center justify-content-between">
                <h5 class="mb-sm-0 mb-2">{{ __('Money Exchange Log') }}</h5>
                <form action="" method="get">
                    <div class="row g-3">
                        <div class="col-auto">
                            <input type="text" name="trx" class="form-control form-control-sm" placeholder="transaction id">
                        </div>
                        <div class="col-auto">
                            <input type="date" class="form-control form-control-sm" placeholder="Search User" name="date">
                        </div>
                        <div class="col-auto">
                            <button type="submit" class="btn main-btn btn-sm">{{ __('Search') }}</button>
                        </div>
                    </div>
                </form>
            </div>

            <div class="card-body text-end">

                <div class="table-responsive">
                    <table class="table site-table">
                        <thead>
                            <tr>
                                <th>{{ __('Trx') }}</th>
                                <th>{{ __('From') }}</th>
                                <th>{{ __('To') }}</th>
                                <th>{{ __('Amount') }}</th>
                                
                                <th>{{ __('Status') }}</th>
                                <th>{{ __('Payment Date') }}</th>
                            </tr>
                        </thead>

                        <tbody>
                           
                        </tbody>
                    </table>
                    
                </div>
            </div>

        </div>

    </div>
@endsection
