@extends('layout.master')

@section('header')
    <div class="container">
        <div class="row align-items-center terms_condition_banner">

        </div><!-- /.row -->
    </div>
@endsection

@section('content')



    <div class="container">
        <div class="row">
            <div class="col-md-6 col-6">
                <h5>zDomainName.com</h5>
            </div>
            <div class="col-md-6 col-6 text-right">
                <a  class="btn btn-lg btn-success" href="{{ route('logout') }}"
                    onclick="event.preventDefault();
                                                     document.getElementById('logout-form').submit();" >
                    <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
                        {{ csrf_field() }}
                    </form>
                    Logout</a>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <hr>
            </div>
        </div>
        <div class="row">
            <div class="col-md-3 mt-5">
                <ul class="list-group list-group-flush list-text">
                    <li class="list-group-item"><a href="{{asset('user/dashboard?id='.Session::get('domain_id'))}}">Dashboard</a></li>
                    <li class="list-group-item"><a href="{{asset('user/billinginformation?id='.Session::get('domain_id'))}}">Billing information</a></li>
                    <li class="list-group-item"><a href="#">Payment information</a></li>
                    <li class="list-group-item"><a href="{{asset('user/paymenthistory')}}">Payment history</a></li>
                    <li class="list-group-item"><a href="{{asset('user/pdfinvoices')}}">Create PDF invoices</a></li>
                    <li class="list-group-item"><a href="{{asset('/user/purchaseagreement')}}">Purchase agreement</a></li>
                    <hr>
                    <li class="list-group-item"><a href="#">Domain settings</a></li>
                </ul>
            </div>
            <div class="col-md-8 mt-5">
                <div class="single-feature-item wow fade-in-bottom">
                    <div class="rt-feature-box  rt-p-20 billing-card" href="#" style="padding: 10px 20px;">
                        <div class="container">
                            <div class="row">
                                <div class="col-md-6 mt-5">
                                    <h5 class="text-primary">Payment history</h5>
                                </div>
                                <div class="col-md-6 mt-5 text-right">
                                    <p class="payment-heading text-success"><a href="" class="pdf-link">Create PDF Invoices</a></p>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <form action="">
                                        <table class="table table-striped table-responsive payment-history-tbl">
                                            <thead>
                                            <tr class="payment-history-tbl-header">
                                                <th>Number</th>
                                                <th>Date Due</th>
                                                <th>Status</th>
                                                <th>Date Paid</th>
                                                <th>Amt. Paid</th>
                                                <th>Amt. Due</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <tr>
                                                <td>1</td>
                                                <td>2020-11-01</td>
                                                <td class="text-success">PAID</td>
                                                <td class="text-primary">2020-11-02</td>
                                                <td>$89.11</td>
                                                <td>-</td>
                                            </tr>
                                            <tr>
                                                <td>2</td>
                                                <td>2020-11-01</td>
                                                <td class="text-success">PAID</td>
                                                <td class="text-primary">2020-11-02</td>
                                                <td>$89.11</td>
                                                <td>-</td>
                                            </tr>
                                            <tr>
                                                <td>3</td>
                                                <td>2020-11-01</td>
                                                <td class="text-success">PAID</td>
                                                <td class="text-primary">2020-11-02</td>
                                                <td>$89.11</td>
                                                <td>-</td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- /.rt-feature-box -->
                </div>
            </div>
        </div>
        <br>
    </div>

@endsection