@include("dashboard_header")


<style>
    body {
        margin-top: 20px;
    }

    .pricing-content {
        position: relative;
    }

    .pricing_design {
        position: relative;
        margin: 0px 15px;
        max-width: 500px;
    }

    .pricing_design .single-pricing {
        background: #554c86;
        padding: 60px 40px;
        border-radius: 30px;
        box-shadow: 0 10px 40px -10px rgba(0, 64, 128, .2);
        position: relative;
        z-index: 1;
        height: 570px;
        margin-bottom: 20px;
    }

    .pricing_design .single-pricing:before {
        content: "";
        background-color: #fff;
        width: 100%;
        height: 100%;
        border-radius: 18px 18px 190px 18px;
        border: 1px solid #eee;
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: -1;
    }

    .price-head {
    }

    .price-head h2 {
        margin-bottom: 20px;
        font-size: 26px;
        font-weight: 600;
    }

    .price-head h1 {
        font-weight: 600;
        margin-top: 30px;
        margin-bottom: 5px;
    }

    .price-head span {
    }

    .single-pricing ul {
        list-style: none;
        margin-top: 30px;
    }

    .single-pricing ul li {
        line-height: 36px;
    }

    .single-pricing ul li i {
        background: #554c86;
        color: #fff;
        width: 20px;
        height: 20px;
        border-radius: 30px;
        font-size: 11px;
        text-align: center;
        line-height: 20px;
        margin-right: 6px;
    }

    .pricing-price {
        position: absolute;
        bottom: 20px;
        text-align: center;
        width: 84%;
    }

    .price_btn {
        background: #554c86;
        padding: 10px 30px;
        color: #fff;
        display: inline-block;
        margin-top: 20px;
        border-radius: 2px;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

    .price_btn:hover {
        background: #0aa1d6;
    }

    a {
        text-decoration: none;
    }

    .section-title {
        margin-bottom: 60px;
    }

    .text-center {
        text-align: center !important;
    }

    .section-title h2 {
        font-size: 45px;
        font-weight: 600;
        margin-top: 0;
        position: relative;
        text-transform: capitalize;
    }

    #pricing {
        margin-top: 100px;
        margin-bottom: 100px;
    }
</style>
<div class="container-center-horizontal">
    <div class="flex-col flex">
        Payment History Goes Here

    </div>
</div>


@include("dashboard_footer")
<script type="text/javascript">
    $(function () {
        $(".price_btn").click("", function () {
            if ($("#selected_subscription").val().length > 0) {
                //SUBMIT THE FORM
                $("#subscription_form").submit();
            }
        });
    });
</script>