@extends('layouts.master')

@section('title') {{__('admin.dashboard')}} -@endsection
@section('css')
<link href="{{ asset('public/css/artist/autoptimize_0796f2a3114c.css') }}?v={{__system_settings('version')}}" rel="stylesheet">
<link href="{{ asset('public/css/artist/automix1.css') }}?v={{__system_settings('version')}}" rel="stylesheet">
<link href="{{ asset('public/css/artist/automix2.css') }}?v={{__system_settings('version')}}" rel="stylesheet">
<link href="{{ asset('public/css/autoxx.css') }}?v={{__system_settings('version')}}" rel="stylesheet">
<link href="{{ asset('public/css/forms.css') }}?v={{__system_settings('version')}}" rel="stylesheet">

<style>
    .wer{
        padding-top:100px;
    }
    
</style>

@endsection
@section('content')
<main class="page-main  container">
       <div class="page-template page-template-category page-template-category-php page page-id-200211 logged-in affwp-affiliate-area  rcp-not-active wer" >
   <header class="page-header">
    <h1 class="page-header-title">Your Membership</h1>
</header>

   <!-- / Page Header -->                
   <div class="container">
    <div class="subscription-container">
        <!--h1 class="page-header-title">Your Membership</h1-->
        <h2 class="page-header-subtitle">Account overview</h2>
        <div class="table table-responsive">
            <table class="rcp-table-n" id="rcp-account-overview">
                <thead>
                    <tr>
                        <th>Status</th>
                        <th>Subscription</th>
                        <th>Expiration</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>Active</td>
                        <td>Free</td>
                        <td>none</td>
                        <td>
                            <a href="https://bookingagentinfo.com/signup/" title="Upgrade or change your subscription" class="rcp_sub_details_renew">Upgrade or change your subscription</a>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
        <h2 class="page-header-subtitle">Payment History</h2>
        <div class="table table-responsive">
            <table class="rcp-table-n" id="rcp-payment-history">
                <thead>
                    <tr>
                        <th>Invoice #</th>
                        <th>Subscription</th>
                        <th>Amount</th>
                        <th>Date</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td colspan="5">You have not made any payments.</td>
                    </tr>
                </tbody>
            </table>

            <div class="wrap-delete-account-button">
                <button id="delete-account-button" class="delete-account-button">Delete Account</button>
            </div>
            <script>
                jQuery(document).ready(function () {
                    jQuery("#delete-account-button").click(function () {
                        if (confirm("Are You Sure? Deleting your account will completely remove you from all of Booking Agent Info services.")) {
                            jQuery.ajax({
                                type: "POST",
                                data: { action: "set_account_for_delete" },
                                url: "/wp-admin/admin-ajax.php",

                                success: function (data) {
                                    var result = JSON.parse(data);
                                    if (result.message == "ok") {
                                        jQuery(".wrap-delete-account-button").html("Within 48 hours your account will be deleted.");
                                    } else {
                                        jQuery(".wrap-delete-account-button").html("Error. Please try again later.");
                                    }
                                },
                            });
                        }
                    });
                });
            </script>
        </div>
    </div>
</div>

   </div>
</main>
@endsection

@section('javascript')
  
  @endsection