@extends('theme.layouts.home')
@section('title', isset($seo) ? $seo->title : 'Teem')
@section('description', isset($seo) ? $seo->description : 'Everything we do, we believe in empowering the small business community. The way we do that is by helping them run their business professionally through our online business management tool')
@section('keywords', isset($seo) ? $seo->keywords : 'Teem')
@section('content') 
<div id="main" class="content-wrapper pricing">
        @include('theme.layouts.partials.loading')
    <div ng-show="homePage">
        <div ng-show="homePage &&  signupvalidate">
            @include('theme.home.tap-payment-page')
        </div>
        <div ng-show="homePage &&  !signupvalidate">

            <div class="two-column-content">
                <div class="wrap">
                    <div class="two-column-content__text">
                        <h2 class="heading_underline">{{ trans('front_pages.pricing_page.pricing') }}</h2>
                        <p>{{ trans('front_pages.pricing_page.pricing_content', ['days' => config('teamup.trial_period') ]) }}</p>
                    </div>
                     @php
                        \Session::set('discountOptions', '');
                        $planSub = '';
                        if(\Auth::check()){
                            if(\Auth::user()->plan == 'Free' && \Auth::user()->is_new_trial == 1){
                                $planSub = '';
                            }else{
                                $planSub = \Auth::user()->planSubscriptions();
                                if(!$planSub){
                                    $planSub = \Auth::user()->planOldSubscription();
                                }
                            }
                        }
                        $plan = $planSub ? $planSub->plan : 'trial';
                    @endphp
                    <input type="hidden" name="plan" id="plan" value="{{ $plan }}"/>
                    <div class="two-column-content__image pricing-wrap">
                        <div class="account-setting__plans">
                            <ul class="nav nav-tabs account-setting__plan--nav" role="tablist">
                                {{--<li class="nav-item">
                                    <a class="nav-link six-month " id="sixmonths-tab" data-toggle="tab" href="#sixmonths" role="tab" ng-click="plan = 'six-month'">
                                        {{ trans('front_pages.pricing_page.six_months') }}
                                    </a>
                                </li>--}}
                                <li class="nav-item">
                                    <a class="nav-link yearly active" id="yearly-tab" data-toggle="tab" href="#yearly" role="tab" ng-click="plan = 'yearly'">
                                        {{ trans('front_pages.pricing_page.yearly') }}
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link monthly" id="monthly-tab" data-toggle="tab" href="#monthly" role="tab" ng-click="plan = 'monthly'">
                                        {{ trans('front_pages.pricing_page.monthly') }}
                                    </a>
                                </li>
                            </ul>
                            <div class="account-setting__plan">
                                <div class="tab-content account-setting__plan--tab" id="myTabContent">
                                    <div class="tab-pane fade" id="sixmonths" role="tabpanel" aria-labelledby="home-tab">
                                        <div class="plans-main-content">
                                            <div class="plans-box">
                                                <div class="account-setting__plan--bar">
                                                    <span class="account-setting__plan--bar--title">
                                                        {{ trans('front_pages.pricing_page.basic') }}
                                                    </span>
                                                    <span class="account-setting__plan--bar--price">
                                                        110 SAR
                                                        {{--<small>{{ trans('front_pages.pricing_page.six_months_bill') }}</small>--}}
                                                    </span>
                                                </div>

                                                <ul>
                                                    <li>{{ trans('front_pages.available_basic_features.features_1') }}</li>
                                                    <li>{{ trans('front_pages.available_basic_features.features_2') }}</li>
                                                    <li>{{ trans('front_pages.available_basic_features.features_3') }}</li>
                                                    <li>{{ trans('front_pages.available_basic_features.features_4') }}</li>
                                                    <li>{{ trans('front_pages.available_basic_features.features_5') }}</li>
                                                    <li>{{ trans('front_pages.available_basic_features.features_6') }}</li>
                                                    <li>{{ trans('front_pages.available_basic_features.features_7') }}</li>
                                                    <li>{{ trans('front_pages.available_basic_features.features_8') }}</li>
                                                </ul>

                                                @if(\Auth::check())
                                                    @if(Session::has('plan-expire') || ($plan != 'six-month'))
                                                        <div class="account-setting__plan--promo" ng-if="validPromocode == ''">
                                                            <div style="display: contents;">
                                                                <form style="display: inherit;"  class="promocode-form" ng-submit="applyDiscountCode()">
                                                                    <input type="hidden" name="freelancer_id" ng-model="discount.freelancer_id">
                                                                    <fieldset class="no-label" ng-class="{'has-error':errors.coupon_code}">
                                                                        <input type="text" name="coupon_code" ng-model="discount.coupon_code"  placeholder="{{ trans('front_pages.pricing_page.promocode') }}" class="promocode-form-text">
                                                                        <span class="field-error" ng-if="errors.coupon_code">Please enter code</span>
                                                                        <p class="field-error" ng-show="( errors.msg )" ng-bind="errors.msg[ 0 ]"></p>
                                                                    </fieldset>
                                                                    <input type="submit" name="" value="{{ trans('front_pages.pricing_page.apply') }}">
                                                                </form>
                                                            </div>
                                                        </div>
                                                        <div class="account-setting__plan--promo-apply" ng-if="validPromocode != ''">
                                                            <span>Promocode <strong> @{{ validPromocode.coupon_code }} (@{{ validPromocode.percentage }}%)</strong></span>
                                                            <button ng-click="removeDiscount()" class="cancel-payment-update"></button>
                                                        </div>
                                                    @endif
                                                    @if(Session::has('plan-expire') || ($plan != 'six-month'))
                                                        @if($subsciption)
                                                            <a href="javascript:void(0);"  class="tu-btn pink select-plan has-subscription">{{ trans('front_pages.pricing_page.select') }}</a>
                                                        @else
                                                            <a href="javascript:void(0);" data-toggle="modal" data-target="#add-card" class="tu-btn pink select-plan">{{ trans('front_pages.pricing_page.select') }}</a>
                                                        @endif
                                                    @else
                                                        <button class="tu-btn pink select-plan btn-disable" style="margin-top: 30px;">{{ ($plan == 'six-month') ? 'Selected' :  trans('front_pages.pricing_page.select')  }}</button>
                                                    @endif
                                                @else
                                                    <a href="javascript:void(0);" class="tu-btn pink select-plan pricing-select" style="margin-top: 30px;">{{ trans('front_pages.pricing_page.select') }}</a>
                                                @endif
                                            </div>
                                            <div class="plans-box">
                                                <div class="account-setting__plan--bar">
                                                    <span class="account-setting__plan--bar--title">
                                                        {{ trans('front_pages.pricing_page.basic') }}
                                                    </span>
                                                    <span class="account-setting__plan--bar--price">
                                                        110 SAR
                                                        {{--<small>{{ trans('front_pages.pricing_page.six_months_bill') }}</small>--}}
                                                    </span>
                                                </div>
                                                <span class="account-setting__plan--pro--plus">
                                                    {{ trans('front_pages.available_pro_features.basic_plus') }}
                                                </span>
                                                <ul>
                                                    <li>{{ trans('front_pages.available_pro_features.features_1') }}</li>
                                                    <li>{{ trans('front_pages.available_pro_features.features_2') }}</li>
                                                    <li>{{ trans('front_pages.available_pro_features.features_3') }}</li>
                                                    <li>{{ trans('front_pages.available_pro_features.features_4') }}</li>
                                                </ul>

                                                @if(\Auth::check())
                                                    @if(Session::has('plan-expire') || ($plan != 'six-month'))
                                                        <div class="account-setting__plan--promo" ng-if="validPromocode == ''">
                                                            <div style="display: contents;">
                                                                <form style="display: inherit;"  class="promocode-form" ng-submit="applyDiscountCode()">
                                                                    <input type="hidden" name="freelancer_id" ng-model="discount.freelancer_id">
                                                                    <fieldset class="no-label" ng-class="{'has-error':errors.coupon_code}">
                                                                        <input type="text" name="coupon_code" ng-model="discount.coupon_code"  placeholder="{{ trans('front_pages.pricing_page.promocode') }}" class="promocode-form-text">
                                                                        <span class="field-error" ng-if="errors.coupon_code">Please enter code</span>
                                                                        <p class="field-error" ng-show="( errors.msg )" ng-bind="errors.msg[ 0 ]"></p>
                                                                    </fieldset>
                                                                    <input type="submit" name="" value="{{ trans('front_pages.pricing_page.apply') }}">
                                                                </form>
                                                            </div>
                                                        </div>
                                                        <div class="account-setting__plan--promo-apply" ng-if="validPromocode != ''">
                                                            <span>Promocode <strong> @{{ validPromocode.coupon_code }} (@{{ validPromocode.percentage }}%)</strong></span>
                                                            <button ng-click="removeDiscount()" class="cancel-payment-update"></button>
                                                        </div>
                                                    @endif
                                                    @if(Session::has('plan-expire') || ($plan != 'six-month'))
                                                        @if($subsciption)
                                                            <a href="javascript:void(0);"  class="tu-btn pink select-plan has-subscription">{{ trans('front_pages.pricing_page.select') }}</a>
                                                        @else
                                                            <a href="javascript:void(0);" data-toggle="modal" data-target="#add-card" class="tu-btn pink select-plan">{{ trans('front_pages.pricing_page.select') }}</a>
                                                        @endif
                                                    @else
                                                        <button class="tu-btn pink select-plan btn-disable" style="margin-top: 30px;">{{ ($plan == 'six-month') ? 'Selected' :  trans('front_pages.pricing_page.select')  }}</button>
                                                    @endif
                                                @else
                                                    <a href="javascript:void(0);" class="tu-btn pink select-plan pricing-select" style="margin-top: 30px;">{{ trans('front_pages.pricing_page.select') }}</a>
                                                @endif
                                            </div>

                                        </div>

                                    </div>

                                    <div class="tab-pane fade show active" id="yearly" role="tabpanel" aria-labelledby="yearly-tab">
                                        <div class="plans-main-content">
                                            <div class="plans-box">
                                                <div class="account-setting__plan--bar">
                                                    <span class="account-setting__plan--bar--title">
                                                        {{ trans('front_pages.pricing_page.basic') }}
                                                    </span>
                                                    <span class="account-setting__plan--bar--price">
                                                        800 {{ trans('front_pages.pricing_page.sar') }}
                                                        {{--<small>{{ trans('front_pages.pricing_page.monthly_bill') }}</small>--}}
                                                    </span>
                                                </div>

                                                <ul>
                                                    <li>{{ trans('front_pages.available_basic_features.features_1') }}</li>
                                                    <li>{{ trans('front_pages.available_basic_features.features_2') }}</li>
                                                    <li>{{ trans('front_pages.available_basic_features.features_3') }}</li>
                                                    <li>{{ trans('front_pages.available_basic_features.features_4') }}</li>
                                                    <li>{{ trans('front_pages.available_basic_features.features_5') }}</li>
                                                    <li>{{ trans('front_pages.available_basic_features.features_6') }}</li>
                                                    <li>{{ trans('front_pages.available_basic_features.features_7') }}</li>
                                                    <li>{{ trans('front_pages.available_basic_features.features_8') }}</li>
                                                </ul>

                                                @if(\Auth::check())
                                                    @if(Session::has('plan-expire') || ($plan != 'yearly'))
                                                        <div class="account-setting__plan--promo" ng-if="validPromocode == ''">
                                                            <div style="display: contents;">
                                                                <form style="display: inherit;"  class="promocode-form" ng-submit="applyDiscountCode()">
                                                                    <input type="hidden" name="freelancer_id" ng-model="discount.freelancer_id">
                                                                    <fieldset class="no-label" ng-class="{'has-error':errors.coupon_code}">
                                                                        <input type="text" name="coupon_code" ng-model="discount.coupon_code"  placeholder="{{ trans('front_pages.pricing_page.promocode') }}" class="promocode-form-text">
                                                                        <span class="field-error" ng-if="errors.coupon_code">Please enter code</span>
                                                                        <p class="field-error" ng-show="( errors.msg )" ng-bind="errors.msg[ 0 ]"></p>
                                                                    </fieldset>
                                                                    <input type="submit" name="" value="{{ trans('front_pages.pricing_page.apply') }}">
                                                                </form>
                                                            </div>
                                                        </div>
                                                        <div class="account-setting__plan--promo-apply" ng-if="validPromocode != ''">
                                                            <span>Promocode <strong> @{{ validPromocode.coupon_code }} (@{{ validPromocode.percentage }}%)</strong></span>
                                                            <button ng-click="removeDiscount()" class="cancel-payment-update"></button>
                                                        </div>
                                                    @endif
                                                    @if(Session::has('plan-expire') && ($plan != 'yearly'))    
                                                        @if($subsciption)
                                                            <a href="javascript:void(0);"  class="tu-btn pink select-plan has-subscription">{{ trans('front_pages.pricing_page.select') }}</a>
                                                        @else
                                                            <a href="javascript:void(0);" data-toggle="modal" data-target="#add-card" class="tu-btn pink select-plan">{{ trans('front_pages.pricing_page.select') }}</a>
                                                        @endif
                                                    @elseif($plan != 'yearly')
                                                        <button class="tu-btn pink select-plan unable-to-select">{{ trans('account_settings.plan.select') }}</button>
                                                    @else
                                                        <div ng-if="subscription.started_at <= today">
                                                            <button class="tu-btn transparent select-plan btn-disable" style="margin-top: 30px; position: unset;" ng-if="((subscription.plan == 'yearly') && (subscription.subscription_type == 'basic'))">
                                                                {{ trans('account_settings.plan.your_current_active_plan') }}
                                                            </button>

                                                            <button class="tu-btn pink select-plan" style="margin-top: 30px;" ng-if="((subscription.plan == 'yearly') && (subscription.subscription_type != 'basic'))" ng-click="downgradePlan()">
                                                                {{ trans('account_settings.plan.downgrade') }}
                                                            </button>
                                                        </div>
                                                        <div ng-if="subscription.started_at > today">
                                                            <button class="tu-btn transparent select-plan btn-disable" style="margin-top: 30px; position: unset;">
                                                                You are on trial period
                                                            </button>
                                                        </div>
                                                        {{--<button class="tu-btn pink select-plan btn-disable" style="margin-top: 30px;">{{ ($plan == 'yearly') ? 'Selected' : trans('front_pages.pricing_page.select') }}</button>--}}
                                                    @endif
                                                @else
                                                    <a href="javascript:void(0);" class="tu-btn pink select-plan pricing-select" style="margin-top: 30px;">{{ trans('front_pages.pricing_page.select') }}</a>
                                                @endif
                                            </div>
                                            <div class="plans-box">
                                                <div class="account-setting__plan--bar">
                                                    <span class="account-setting__plan--bar--title">
                                                        {{ trans('front_pages.pricing_page.pro') }}
                                                    </span>
                                                    <span class="account-setting__plan--bar--price">
                                                        1000 {{ trans('front_pages.pricing_page.sar') }}
                                                        {{--<small>{{ trans('front_pages.pricing_page.monthly_bill') }}</small>--}}
                                                    </span>
                                                </div>
                                                <span class="account-setting__plan--pro--plus">
                                                    {{ trans('front_pages.available_pro_features.basic_plus') }}
                                                </span>
                                                <ul>
                                                    <li>{{ trans('front_pages.available_pro_features.features_1') }}</li>
                                                    <li>{{ trans('front_pages.available_pro_features.features_2') }}</li>
                                                    <li>{{ trans('front_pages.available_pro_features.features_3') }}</li>
                                                    <li>{{ trans('front_pages.available_pro_features.features_4') }}</li>
                                                </ul>
                                                <div class="bottom-promo">
                                                @if(\Auth::check())
                                                    @if(Session::has('plan-expire') || ($plan != 'yearly'))
                                                        <div class="account-setting__plan--promo" ng-if="validPromocode == ''">
                                                            <div style="display: contents;">
                                                                <form style="display: inherit;"  class="promocode-form" ng-submit="applyDiscountCode()">
                                                                    <input type="hidden" name="freelancer_id" ng-model="discount.freelancer_id">
                                                                    <fieldset class="no-label" ng-class="{'has-error':errors.coupon_code}">
                                                                        <input type="text" name="coupon_code" ng-model="discount.coupon_code"  placeholder="{{ trans('front_pages.pricing_page.promocode') }}" class="promocode-form-text">
                                                                        <span class="field-error" ng-if="errors.coupon_code">Please enter code</span>
                                                                        <p class="field-error" ng-show="( errors.msg )" ng-bind="errors.msg[ 0 ]"></p>
                                                                    </fieldset>
                                                                    <input type="submit" name="" value="{{ trans('front_pages.pricing_page.apply') }}">
                                                                </form>
                                                            </div>
                                                        </div>
                                                        <div class="account-setting__plan--promo-apply" ng-if="validPromocode != ''">
                                                            <span>Promocode <strong> @{{ validPromocode.coupon_code }} (@{{ validPromocode.percentage }}%)</strong></span>
                                                            <button ng-click="removeDiscount()" class="cancel-payment-update"></button>
                                                        </div>
                                                    @endif
                                                    @if(Session::has('plan-expire') && ($plan != 'yearly'))    
                                                        @if($subsciption)
                                                            <a href="javascript:void(0);"  class="tu-btn pink select-plan has-subscription">{{ trans('front_pages.pricing_page.select') }}</a>
                                                        @else
                                                            <a href="javascript:void(0);" data-toggle="modal" data-target="#add-card" class="tu-btn pink select-plan">{{ trans('front_pages.pricing_page.select') }}</a>
                                                        @endif
                                                    @elseif($plan != 'yearly')
                                                        <button class="tu-btn pink select-plan unable-to-select">{{ trans('account_settings.plan.select') }}</button>
                                                    @else
                                                        <div ng-if="subscription.started_at < today">
                                                            <button class="tu-btn transparent select-plan btn-disable" style="margin-top: 30px;  position: unset;" ng-if="((subscription.plan == 'yearly') && (subscription.subscription_type == 'pro'))">
                                                                {{ trans('account_settings.plan.your_current_active_plan') }}
                                                            </button>

                                                            <button class="tu-btn pink select-plan" style="margin-top: 30px;" ng-if="((subscription.plan == 'yearly') && (subscription.subscription_type != 'pro'))" ng-click="upgradePlan()">
                                                                {{ trans('account_settings.plan.upgrade') }}
                                                            </button>
                                                        </div>
                                                        <div ng-if="subscription.started_at >= today">
                                                            <button class="tu-btn transparent select-plan btn-disable" style="margin-top: 30px; position: unset;">
                                                                You are on trial period
                                                            </button>
                                                        </div>
                                                        {{--<button class="tu-btn pink select-plan btn-disable" style="margin-top: 30px;">{{ ($plan == 'yearly') ? 'Selected' : trans('front_pages.pricing_page.select') }}</button>--}}
                                                    @endif
                                                @else
                                                    <a href="javascript:void(0);" class="tu-btn pink select-plan pricing-select" style="margin-top: 30px;">{{ trans('front_pages.pricing_page.select') }}</a>
                                                @endif
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="tab-pane fade" id="monthly" role="tabpanel" aria-labelledby="monthly-tab">
                                        <div class="plans-main-content">
                                            <div class="plans-box">
                                                <div class="account-setting__plan--bar">
                                                    <span class="account-setting__plan--bar--title">
                                                        {{ trans('front_pages.pricing_page.basic') }}
                                                    </span>
                                                    <span class="account-setting__plan--bar--price">
                                                        75 {{ trans('front_pages.pricing_page.sar') }}
                                                        {{--<small>{{ trans('front_pages.pricing_page.monthly_bill') }}</small>--}}
                                                    </span>
                                                </div>

                                                <ul>
                                                    <li>{{ trans('front_pages.available_basic_features.features_1') }}</li>
                                                    <li>{{ trans('front_pages.available_basic_features.features_2') }}</li>
                                                    <li>{{ trans('front_pages.available_basic_features.features_3') }}</li>
                                                    <li>{{ trans('front_pages.available_basic_features.features_4') }}</li>
                                                    <li>{{ trans('front_pages.available_basic_features.features_5') }}</li>
                                                    <li>{{ trans('front_pages.available_basic_features.features_6') }}</li>
                                                    <li>{{ trans('front_pages.available_basic_features.features_7') }}</li>
                                                    <li>{{ trans('front_pages.available_basic_features.features_8') }}</li>
                                                </ul>

                                                @if(\Auth::check())
                                                    @if(Session::has('plan-expire') || ($plan != 'monthly'))
                                                        <div class="account-setting__plan--promo" ng-if="validPromocode == ''">
                                                            <div style="display: contents;">
                                                                <form style="display: inherit;"  class="promocode-form" ng-submit="applyDiscountCode()">
                                                                    <input type="hidden" name="freelancer_id" ng-model="discount.freelancer_id">
                                                                    <fieldset class="no-label" ng-class="{'has-error':errors.coupon_code}">
                                                                        <input type="text" name="coupon_code" ng-model="discount.coupon_code"  placeholder="{{ trans('front_pages.pricing_page.promocode') }}" class="promocode-form-text">
                                                                        <span class="field-error" ng-if="errors.coupon_code">Please enter code</span>
                                                                        <p class="field-error" ng-show="( errors.msg )" ng-bind="errors.msg[ 0 ]"></p>
                                                                    </fieldset>
                                                                    <input type="submit" name="" value="{{ trans('front_pages.pricing_page.apply') }}">
                                                                </form>
                                                            </div>
                                                        </div>
                                                        <div class="account-setting__plan--promo-apply" ng-if="validPromocode != ''">
                                                            <span>Promocode <strong> @{{ validPromocode.coupon_code }} (@{{ validPromocode.percentage }}%)</strong></span>
                                                            <button ng-click="removeDiscount()" class="cancel-payment-update"></button>
                                                        </div>
                                                    @endif
                                                    @if(Session::has('plan-expire') && ($plan != 'monthly'))    
                                                        @if($subsciption)
                                                            <a href="javascript:void(0);"  class="tu-btn pink select-plan has-subscription">{{ trans('front_pages.pricing_page.select') }}</a>
                                                        @else
                                                            <a href="javascript:void(0);" data-toggle="modal" data-target="#add-card" class="tu-btn pink select-plan">{{ trans('front_pages.pricing_page.select') }}</a>
                                                        @endif
                                                    @elseif($plan != 'monthly')
                                                        <button class="tu-btn pink select-plan unable-to-select">{{ trans('account_settings.plan.select') }}</button>
                                                    @else
                                                        <div ng-if="subscription.started_at <= today">
                                                            <button class="tu-btn transparent select-plan btn-disable" style="margin-top: 30px;  position: unset;" ng-if="((subscription.plan == 'monthly') && (subscription.subscription_type == 'basic'))">
                                                                {{ trans('account_settings.plan.your_current_active_plan') }}
                                                            </button>

                                                            <button class="tu-btn pink select-plan" style="margin-top: 30px;" ng-if="((subscription.plan != 'monthly') || (subscription.subscription_type != 'basic'))" ng-click="downgradePlan()">
                                                                {{ trans('account_settings.plan.downgrade') }}
                                                            </button>
                                                        </div>
                                                        <div ng-if="subscription.started_at > today">
                                                            <button class="tu-btn transparent select-plan btn-disable" style="margin-top: 30px; position: unset;">
                                                                You are on trial period
                                                            </button>
                                                        </div>
                                                        {{--<button class="tu-btn pink select-plan btn-disable" style="margin-top: 30px;">{{ ($plan == 'monthly') ? 'Selected' : trans('front_pages.pricing_page.select') }}</button>--}}
                                                    @endif
                                                @else
                                                    <a href="javascript:void(0);" class="tu-btn pink select-plan pricing-select" style="margin-top: 30px;">{{ trans('front_pages.pricing_page.select') }}</a>
                                                @endif
                                            </div>
                                            <div class="plans-box">
                                                <div class="account-setting__plan--bar">
                                                    <span class="account-setting__plan--bar--title">
                                                        {{ trans('front_pages.pricing_page.pro') }}
                                                    </span>
                                                    <span class="account-setting__plan--bar--price">
                                                        100 {{ trans('front_pages.pricing_page.sar') }}
                                                        {{--<small>{{ trans('front_pages.pricing_page.monthly_bill') }}</small>--}}
                                                    </span>
                                                </div>
                                                <span class="account-setting__plan--pro--plus">
                                                    {{ trans('front_pages.available_pro_features.basic_plus') }}
                                                </span>

                                                <ul>
                                                    <li>{{ trans('front_pages.available_pro_features.features_1') }}</li>
                                                    <li>{{ trans('front_pages.available_pro_features.features_2') }}</li>
                                                    <li>{{ trans('front_pages.available_pro_features.features_3') }}</li>
                                                    <li>{{ trans('front_pages.available_pro_features.features_4') }}</li>
                                                </ul>
                                                <div class="bottom-promo">
                                                @if(\Auth::check())
                                                    @if(Session::has('plan-expire') || ($plan != 'monthly'))
                                                        <div class="account-setting__plan--promo" ng-if="validPromocode == ''">
                                                            <div style="display: contents;">
                                                                <form style="display: inherit;"  class="promocode-form" ng-submit="applyDiscountCode()">
                                                                    <input type="hidden" name="freelancer_id" ng-model="discount.freelancer_id">
                                                                    <fieldset class="no-label" ng-class="{'has-error':errors.coupon_code}">
                                                                        <input type="text" name="coupon_code" ng-model="discount.coupon_code"  placeholder="{{ trans('front_pages.pricing_page.promocode') }}" class="promocode-form-text">
                                                                        <span class="field-error" ng-if="errors.coupon_code">Please enter code</span>
                                                                        <p class="field-error" ng-show="( errors.msg )" ng-bind="errors.msg[ 0 ]"></p>
                                                                    </fieldset>
                                                                    <input type="submit" name="" value="{{ trans('front_pages.pricing_page.apply') }}">
                                                                </form>
                                                            </div>
                                                        </div>
                                                        <div class="account-setting__plan--promo-apply" ng-if="validPromocode != ''">
                                                            <span>Promocode <strong> @{{ validPromocode.coupon_code }} (@{{ validPromocode.percentage }}%)</strong></span>
                                                            <button ng-click="removeDiscount()" class="cancel-payment-update"></button>
                                                        </div>
                                                    @endif
                                                    @if(Session::has('plan-expire') && ($plan != 'monthly'))    
                                                        @if($subsciption)
                                                            <a href="javascript:void(0);"  class="tu-btn pink select-plan has-subscription">{{ trans('front_pages.pricing_page.select') }}</a>
                                                        @else
                                                            <a href="javascript:void(0);" data-toggle="modal" data-target="#add-card" class="tu-btn pink select-plan">{{ trans('front_pages.pricing_page.select') }}</a>
                                                        @endif
                                                    @elseif($plan != 'monthly')
                                                        <button class="tu-btn pink select-plan unable-to-select">{{ trans('account_settings.plan.select') }}</button>
                                                    @else
                                                        <div ng-if="subscription.started_at <= today">
                                                            <button class="tu-btn transparent select-plan btn-disable" style="margin-top: 30px;  position: unset;" ng-if="((subscription.plan == 'monthly') && (subscription.subscription_type == 'pro'))">
                                                                {{ trans('account_settings.plan.your_current_active_plan') }}
                                                            </button>

                                                            <button class="tu-btn pink select-plan" ng-click="upgradePlan()" style="margin-top: 30px;" ng-if="((subscription.plan == 'monthly') && (subscription.subscription_type != 'pro'))">
                                                                {{ trans('account_settings.plan.upgrade') }}
                                                            </button>
                                                        </div>
                                                        <div ng-if="subscription.started_at > today">
                                                            <button class="tu-btn transparent select-plan btn-disable" style="margin-top: 30px; position: unset;">
                                                                You are on trial period
                                                            </button>
                                                        </div>
                                                        {{--<button class="tu-btn pink select-plan btn-disable" style="margin-top: 30px;">{{ ($plan == 'monthly') ? 'Selected' : trans('front_pages.pricing_page.select') }}</button>--}}
                                                    @endif
                                                @else
                                                    <a href="javascript:void(0);" class="tu-btn pink select-plan pricing-select" style="margin-top: 30px;">{{ trans('front_pages.pricing_page.select') }}</a>
                                                @endif
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @section('footer')
            @include('theme.layouts.partials.landing-footer')
        @show
    </div>
    @include('theme.home.new-sign-up')
</div>
@endsection