@extends('backend.layouts.app')

@section('title', 'Billing Manager')

@section('content')
<style type="text/css">
  .ui-datepicker-calendar {
    display: none;
}
</style>
   <br /><br />
    <div class="container-fluid">
        <div class="row">
            <div class="col">
                <div class="card shadow">
                    <div class="card-header border-0">
                        <div class="row align-items-center">
                            <div class="col-10">
                                <h3 class="mb-0">Billing Manager</h3>
                            </div>


                        

                            <div class="col-11" style="margin-top:20px;">
                            </div>

                            

                        </div>
                    </div>
                    <div class="card card-nav-tabs">
                        <div class="card-body" id="ajax_area">
                            <h4 class="card-title">Subscription Fees</h4>
                            <div class="table-responsive">
                                <table class="table table-striped table-hover table-sm">
                                    <thead>
                                      <tr>
                                        <th style="vertical-align: super; text-align: center;">Billing No.</th>
                                        <th style="vertical-align: super; text-align: center;">Billing Period</th>
                                        <th style="vertical-align: super;">Amount</th>
                                        <th style="vertical-align: super;">Due Date</th>
                                        <th style="vertical-align: super; text-align: center;">Plan Type</th>
                                        <th style="vertical-align: super; text-align: center;">Status</th>
                                        <th style="vertical-align: super;"></th>
                                      </tr>
                                    </thead>
                                    <tbody class="subscription-fees">
                                        

                                        @foreach($billing_details as $bill)
                                            <tr>