@extends('companyuser::layouts.master')
@section('title',__('vompay::vompay.user_information'))
@section('extra-styles')
<link rel="stylesheet" type="text/css" href="{{asset('/assets/css/table/table-custome-styles.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('/assets/css/custom/radio-buttons-custom.css')}}">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
    .float-right{
        float: right;
    }
    .float-left{
        float: left;
    }
    .plan-radio{
        width: 150px;
    }
    .radio_plan>input:checked+div label {
        color: white !important;
    }
    .radio_plan>input:checked+div {
        color: white !important;
        background-color: #179b87;
        padding: 14px;
        font-size: 17px;
        border-radius: 7px;
        font-weight: bold;
    }
    .radio_plan>div label{
        cursor: pointer;
    }
    .radio_plan>div {
        cursor: pointer;
        border: 1px solid #d6d4d4;
        padding: 14px;
        font-size: 17px;
        border-radius: 7px;
        font-weight: bold;
    }
    .v-hide{
        visibility: hidden;
    }
    .link-disable{
        cursor: not-allowed;
        color: #7c827c;
    }
    .link-enable:hover{
        cursor: pointer;
        color: #7c827c;
    }
    .link-enable{
        cursor: pointer;
        color: #7c827c;
    }
    .link-active{
        cursor: pointer;
        color: #179b87;
    }
    .swal-footer {
        text-align: center;
    }
    .circle {
        width: 100px;
        height: 100px;
        display: flex;
        align-items: center;
        display: -webkit-flex;
        -webkit-align-items: center;
        -webkit-justify-content: center;
        display: -moz-box;
        -moz-box-align: center;
        -moz-justify-content: center;
        text-align: center;
        vertical-align: middle;
        font-size: 15px;
        border-radius: 50%;
        bottom: 30px;
        color: #fff;
        margin: auto;
    }
    .no-sort-table.dataTable thead .sorting_desc:before,
    .no-sort-table.dataTable thead .sorting_desc:after {
        content: "";
    }
    .activeText {
        transition: all 2s;
        display: inline-block;
        border-bottom: 6px solid #16d5b4;
        color: #000;
        font-size: 30px;
        position: relative;
        font-family: "ar-bd";
        margin-bottom: 30px;
    }
    .package-properties{
        padding-bottom: 0.8rem;
        border-bottom: 1px solid #65d4c5 !important;
        color: #fff;
        margin-bottom: 0.5rem;
        font-size: 12px;
        padding-inline-start: 0 !important;
        background-color: #11b99f;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .package-values{
        border-bottom: 1px solid #dad9d9 !important;
        padding-bottom: 0.8rem;
        margin-bottom: 0.5rem;
        font-size: 12px;
        padding-inline-start: 0 !important;
    }

    .package-features .dataTables_wrapper .dataTables_length,
    .package-features .dataTables_wrapper .dataTables_filter,
    .package-features .dataTables_wrapper .dataTables_paginate
    {
        display: none;
    }
    li.check:before {
        content: '';
        background-image: url(../../landing_page/images/true.svg);
        background-repeat: no-repeat;
        width: 28px;
        height: 28px;
        display: inline-block;
    }
    li.not-check:before, li.check:before {
        width: 24px;
        height: 24px;
    }
    li.not-check:before {
        content: '';
        background-image: url(../../landing_page/images/false.svg);
        background-repeat: no-repeat;
        width: 28px;
        height: 28px;
        display: inline-block;
    }
    .hide{
   display: none;
}
    .old-subscription-note{
        font-size: 16px;
        font-style: italic;
        font-weight: bold;
        padding-right: 10px;
        padding-left: 10px;
    }
    s{text-decoration:none;position:relative;}
    s::before {
        top: 50%;
        background:red;
        opacity:.7;
        content: '';
        width: 110%;
        position: absolute;
        height:.1em;
        border-radius:.1em;
        left: -5%;
        white-space:nowrap;
        display: block;
        transform: rotate(-15deg);
    }
    .package-circle-note{
        font-size: 16px;
    }
</style>
@endsection

@section('breadcrumb')
<div class="row breadcrumbs-top">
    <div class="breadcrumb-wrapper col-xs-12">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="#">@lang('companyuser::sidebar.User Information')</a>
            </li>
        </ol>
    </div>
</div>
@endsection
@section('content')
<section id="configuration">
    <div class="container-fluid">
        <div class="row my-1">
            <div class="col-xs-6 headTitle">
                <h3 class="d-inline">@lang('tenant::subscription.subscription')</h3>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12">
                <div class="card ">
                    <div class="card-body collapse in">
                     
                
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection
@section('extra_scripts')

<script src="https://cdnjs.cloudflare.com/ajax/libs/bluebird/3.3.4/bluebird.min.js"></script>
<script src="https://secure.gosell.io/js/sdk/tap.min.js"></script>
<script>
        window.addEventListener('DOMContentLoaded', function() {
            $(document).ready(function () {
     
            });
        });
</script>
@endsection