@extends('backend-template')

@section('content')
    <div class="profile-balance-and-payments" >
        <div class="row">
            <div class="col-md-12">
                <h3 class="title">Balance and payments</h3>
                <p class="balance">Your account <b>balance</b> is: <b>£</i>{{$currentCredit}}</b></p>
                <form class="form-inline" method="POST" action="/profile/topup">
                    {{ csrf_field() }}

                    <div class="form-group">
                        <label class="sr-only" for="exampleInputAmount">Amount (in dollars)</label>
                        <div class="input-group top-app-button">
                            <div class="input-group-addon">£</div>
                            <input type="text" class="form-control" id="balance" name="balance" placeholder="Amount">
                            <div class="input-group-addon">.00</div>
                            <span class="input-group-btn">
                            <button type="submit" class="btn btn-primary top-app">Top up</button>
                          </span>
                        </div>
                    </div>

                </form>
            </div>
        </div>
        <div class="gap"></div>

        <div class="gap"></div>
        @include('profile.payments.sales')
        @include('profile.payments.transactions')
        @include('profile.payments.annual_summary')
    </div>
@stop
@section('js_functions')
    my_main.payments();
@stop