@extends('layouts.app_discussion')  

@section('content')


<div class="container">
    <div class="row">
        <div class="col-md-3">
            @include('includes/dashboard/left_menu')
        </div>
        <div class="col-md-9">
            <div class="wrapper wrapper-content animated fadeInRight" style="min-height: 625px">
                <div class="ibox-content forum-container h-100">
                    <div class="row justify-content-center">
                        <div class="col py-3">
                            <h3 class="text-primary pb-2">Billing Details</h3>
                            {{-- <h5 class="text-secondary fw-bold">Hi, {{Auth::user()->name}}</h5> --}}
                                @if($billingDetails !== null)
                                    <table class="table table-bordered">
                                        {{-- <thead>
                                            <tr>
                                                <th colspan="2" class="text-primary h4">Billing Details</th>
                                            
                                            </tr>
                                        </thead> --}}
        
                                        <tbody>
                                            <tr>
                                                <th width="20%">Date</th>
                                                <td> {{ \App\Helpers\Helper::formatDateTime($billingDetails->created_at)}}</td>
                                            </tr>
                                            <tr>
                                                <th>Receipt Number</th>
                                                <td>00{{ $billingDetails->id}}</td>
                                            </tr>
        
                                            <tr>
                                                <th>Description</th>
                                                <td>Subscription Charges</td>
                                            </tr>

        
                                            <tr>
                                                <th>Amount</th>
                                                <td>{{ $billingDetails->amount}}</td>
                                            </tr>
        
                                            <tr>
                                                <th>Currency</th>
                                                <td>{{ $billingDetails->currency}}</td>
                                            </tr>
                                            <tr>
                                                <th>Expiry Date</th>
                                                <td> {{ \App\Helpers\Helper::getExpiryDate($billingDetails->created_at)}}</td>
                                            </tr>
        
                                        </tbody>
                                    </table>
                                @else
                                    <div class="card p-4">
                                        <h1 class="fw-light text-title text-secondary">Make Payment</h1>
                                        <span>Subscription fee: USD 100/-. Please pay and proceed.</span>
                                        <span class="">
                                            <a id="paynow" href="payment" class="btn btn-primary btn-rounded my-4 px-4">
                                               Go to Payment Page
                                            </a>
                                        </span>
                                    </div>
                                @endif
                            
                        </div>
                    </div>
                   
                </div>
            </div>
        </div>
    </div>
</div>

            
    </div>
</div>
@endsection
 <style>
     .dashboard-pg .card{
        background-image: url('{{url('/assets/images/Ellipse 156.png')}}');
         background-color: #f0f0f0;
         background-repeat: no-repeat;
         background-position-x: center;
         margin-bottom: 20px;
         padding: 10px;
     }
 </style>