@extends('layouts.welcomelayouts.app')
@section('title')
<title>My Balance | subtitle</title>
@endsection
@section('SEO')
<meta name="description" content="">
<meta name="keywords" content="">
<meta property="og:title" content="">
<meta property="og:description" content="">
<meta property="og:image" content="">
<meta property="og:url" content="">
@endsection
@push('css')
<style>
    .usersidebardiv{
        padding:0;
    }
    .mybalanetotal {
    border: 1px solid #eaeded;
    padding: 10px;
    text-align: center;
    }
    .mybalanetotal p {
    padding: 10px;
    margin: 0;
    background: #eaeded;
    }
    .mybalanetotal h6 {
    font-weight: bold;
    margin: 0;
    padding: 5px;
    }
    .mybalanetotal span {
    font-size: 50px;
    font-weight: bold;
    }
    .myaddbalanetotal {
    border: 1px solid #eaeded;
    padding: 10px;
    text-align: center;
    }
    .myaddbalanetotal p {
    padding: 10px;
    margin: 0;
    background: #eaeded;
    }
    .alltrasection {
    border: 1px solid #eaeded;
    padding: 10px;
    }
    @media only screen and (max-width: 600px) {
      .usersidebardiv {
        padding: 15px;
      }
    }
</style>
@endpush
@section('contents')
<div class="userdashboard">
    <div class="container">
    <div class="row" style="margin:0;">
        <div class="col-md-3 usersidebardiv">
            <div class="usersidebar">
                @include('users.include.sidebar')
            </div>
        </div>
        <div class="col-md-9">
            <div class="usercontent">
                <div class="myrecentorder">
                    <p style="font-weight: bold;border-bottom: 1px solid #eaeded;padding: 5px 0;">My Balance</p>
                    <div class="row" style="margin:0;">
                        <div class="col-md-6" style="padding:10px;">
                            <div class="mybalanetotal">
                                <p>My Balance Total (BDT)</p>
                                <span>{{ Auth::user()->balance ?: 0.00 }}</span>
                                <!--<h6>Last Added <span style="font-size:18px;">125.00</span></h6>-->
                            </div>
                        </div>
                        <div class="col-md-6" style="padding:10px;">
                            <div class="myaddbalanetotal">
                                <p>Add Balance</p>
                                <br>
                                <form method="post" action="{{ route('user.addBalanceToWallet') }}">
            @csrf

            

            <h5>Amount (BDT)</h5>
            <div class="input-group input-group-sm mb-3">
  <input type="number" required class="form-control" name="amount" placeholder="e.g: 5000">
  <div class="input-group-append">
    <button class="btn btn-primary" type="submit">Add Balance</button>

  </div>




</div>

            
            
           
          </form>
                            </div>
                        </div>

</div>


<div class="row">

                        <div class="col-md-12" style="padding:10px;">

@include('alerts.alerts')


                            <div class="alltrasection">
                                <p style="font-weight: bold;border-bottom: 1px solid #eaeded;padding: 5px 0;">All Trasection</p>
                    <div style="overflow: auto;">
                                <table class="table table-bordered">
                                    <tr>
                                        <th>Date</th>
                                        <th>Method</th>
                                        <th>Previous Balance</th>
                                        <th>Transfered Balance</th>
                                        <th>New Balance</th>
                                        <th>Status</th>
                                    </tr>

                                    @foreach($trs = Auth::user()->balanceTransactions()->latest()->paginate(10) as $tr)
                                    <tr>
                                        <td>{{ $tr->created_at }}</td>
                                        <td>
                                            {{ $tr->type }}
                                        </td>
                                        <td>
                                            {{ $tr->previous_balance }}
                                        </td>

                                        <td>
                                            {{ $tr->moved_balance }}
                                        </td>

                                        <td>
                                            {{ $tr->new_balance }}
                                        </td>
                                        <td>
                                            <span class="badge badge-success">Success</span>
                                        </td>
                                    </tr>

                                    @endforeach
                                </table>

                                {{ $trs->render() }}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
</div>
@endsection
@push('js')
@endpush