@php
use App\Models\Admin\Settings;
@endphp
<div class="row">
@if(isset($user->membership_data) && $user->membership_data)
<div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
    <div class="plans_area match_height_col">
        <div class="plans_inner_area">
            <div class="left_area">
                <div class="label">
                    <p>
                        Plan
                    </p>
                    <div class="type">
                        <p>
                            {{ $user->membership_data['title'] }}
                        </p>
                    </div>
                </div>
            </div>
            <div class="right_area">
                @if(date('Y-m-d H:i:s') > $user->membership_expire)
                <div class="active_show">Expired</div>
                @else
                <div class="active_show">Active</div>
                @endif
            </div>
        </div>
        <div class="days">
            <div class="left">
                <h5><sup>{{ Settings::get('currency_symbol') }}</sup>{{ $user->membership_data['price'] }}<sub>@if($user->membership_data['days'] == 7){{"/week"}}@elseif($user->membership_data['days'] == 30){{"/Month"}}@else{{"/Year"}}@endif</sub></h5>
            </div>
            <div class="right">
                <p>
                    Expires on {{ date('j M Y', strtotime($user->membership_expire)) }}
                </p>
            </div>
        </div>
        <div class="update">
            <div class="left">
                <a href="javasript:;" class="btn btn-primary-8 cancel_subscription" data-subscription="{{ isset($user->subscription) && $user->subscription ? 'deactivate' : 'activate' }}" data-membership_id="{{ $user->membership['id'] }}" data-url="{{ route('membershipPlans.subscription')}}">{{ isset($user->subscription) && $user->subscription ? 'Cancel Subscription' : 'Active Subscription' }}</a>
            </div>
            <div class="right">
                <a href="{{ route('membershipPlans.index') }}" class="btn btn-primary-4">Upgrade</a>
            </div>
        </div>
    </div>
</div>
@else
<div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
    <div class="add_card_area match_height_col">
        <div class="card_inner_area text-center">
            <div class="right_area">
                <a href="{{ route('membershipPlans.index') }}"> 
                    {{-- <i class="fal fa-plus-circle"></i> <p>Buy Membership</p> --}}
                    <div class="center_area">
                        <img src="{{ url('frontend/images/vector_img4.png') }}" alt="..." />
                    </div>
                    <div class="content">
                        <p>Buy Membership</p>
                    </div>
                </a>
            </div>
        </div>
        <div class="header_image">
            <img src="{{ url('frontend/images/vector_img1.png') }}" alt="..." />
        </div>
        <div class="center_image">
            <img src="{{ url('frontend/images/vector_img3.png') }}" alt="..." />
        </div>
        <div class="footer_image">
            <img src="{{ url('frontend/images/vector_img2.png') }}" alt="..." />
        </div>
    </div>    
</div>
@endif


@if(isset($cards) && $cards || isset($paypalCards) && $paypalCards)
<div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
    @if(isset($cards) && $cards && isset($paypalCards) && $paypalCards)
    <div class="plans_area two_card match_height_col">
        <div class="days">
            <div class="left">
            <i class="fab fa-stripe"></i><p>xxxx xxxx xxxx {{ General::decrypt($cards->card) }}</p>
            </div>
            <div class="right">
                <a href="{{ route('user.removeCard', ['id' => General::encrypt($cards->id)]) }}" class="btn btn-primary-1 delete_confirm">Remove</a>
            </div>
        </div>
        <div class="update">
            <div class="left">
                <p>{{ $user->name }}</p>
            </div>
            <div class="right">
                <h5>Expires on {{ General::decrypt($cards->exp_month) }}, {{ General::decrypt($cards->exp_year) }}</h5>
            </div>
        </div>
        <div class="days">
            <div class="left">
                <i class="fab fa-paypal paypal"></i><p>xxxx xxxx xxxx {{ General::decrypt($paypalCards->card) }}</p>
            </div>
            <div class="right">
                <a href="{{ route('user.removeCard', ['id' => General::encrypt($paypalCards->id)]) }}" class="btn btn-primary-1 delete_confirm">Remove</a>
            </div>
        </div>
        <div class="update">
            <div class="left">
                <p>{{ $user->name }}</p>
            </div>
            <div class="right">
                <h5>Expires on {{ General::decrypt($paypalCards->exp_month) }}, {{ General::decrypt($paypalCards->exp_year) }}</h5>
            </div>
        </div>
    </div>
    @endif

    @if(isset($cards) && $cards && !isset($paypalCards))
    <div class="plans_area match_height_col">
        <div class="plans_inner_area">
            <div class="left_area">
                <div class="image">
                    <img src="{{ url('frontend/images/sim.png') }}" alt="..." />
                </div>
            </div>
            <div class="right_area">
                <a href="{{ route('user.removeCard', ['id' => General::encrypt($cards->id)]) }}" class="btn btn-primary-1 delete_confirm">Remove</a>
            </div>
        </div>
        <div class="days">
            <div class="left">
                <p>xxxx xxxx xxxx {{ General::decrypt($cards->card) }}</p>
            </div>
        </div>
        <div class="update">
            <div class="left">
                <p>{{ $user->name }}</p>
            </div>
            <div class="right">
                <h5>Expires on {{ General::decrypt($cards->exp_month) }}, {{ General::decrypt($cards->exp_year) }}</h5>
            </div>
        </div>
    </div>
    @endif

    @if(isset($paypalCards) && $paypalCards && !isset($cards))
    <div class="plans_area match_height_col">
        <div class="plans_inner_area">
            <div class="left_area">
                <div class="image">
                    <img src="{{ url('frontend/images/sim.png') }}" alt="..." />
                </div>
            </div>
            <div class="right_area">
                <a href="{{ route('user.removeCard', ['id' => General::encrypt($paypalCards->id)]) }}" class="btn btn-primary-1 delete_confirm">Remove</a>
            </div>
        </div>
        <div class="days">
            <div class="left">
                <p>xxxx xxxx xxxx {{ General::decrypt($paypalCards->card) }}</p>
            </div>
        </div>
        <div class="update">
            <div class="left">
                <p>{{ $user->name }}</p>
            </div>
            <div class="right">
                <h5>Expires on {{ General::decrypt($paypalCards->exp_month) }}, {{ General::decrypt($paypalCards->exp_year) }}</h5>
            </div>
        </div>
    </div>
    @endif
</div>
@else
<div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
    <div class="add_card_area match_height_col">
        <div class="card_inner_area text-center">
            <div class="right_area">
                <a href="javascript:;" data-bs-toggle="modal" data-bs-target="#add_card"> 
                    {{-- <i class="fal fa-plus-circle"></i> <p>Add card</p> --}}
                    <div class="center_area">
                        <img src="{{ url('frontend/images/vector_img5.png') }}" alt="..." />
                    </div>
                    <div class="content">
                        <p>Add card</p>
                    </div>
                </a>
            </div>
        </div>
        <div class="header_image">
            <img src="{{ url('frontend/images/vector_img1.png') }}" alt="..." />
        </div>
        <div class="center_image">
            <img src="{{ url('frontend/images/vector_img444.png') }}" alt="..." />
        </div>
        <div class="footer_image">
            <img src="{{ url('frontend/images/vector_img2.png') }}" alt="..." />
        </div>
    </div>    
</div>
@endif

</div>