@extends('layouts.user')
@section('title') {{ __('contents.membership') }} @endsection
@section('content')
@if(!empty($subscription) && !empty($otherPlan))
<div class="membership-plan-wrapper mb-20">
    <div class="row gx-0">
        <div class="col-xxl-7 col-lg-6 d-flex flex-column">
            <div class="column w-100 h-100">
                <h4>{{ __('contents.currentPlan') }} ( {{ $currentPlan->{'title_'.app()->getLocale() } }} )</h4>
            </div> 
        </div>
        <div class="col-xxl-5 col-lg-6 d-flex flex-column">
            <div class="column border-left w-100 h-100">
                <div class="d-flex">
                    <h3 class="price m0">{{ $settings->currency_symbol."".$otherPlan->monthly_price." ".$settings->currency_code }}</h3>
                    <div class="ps-4 flex-fill">
                        <h6>{{ $otherPlan->{'title_'.app()->getLocale()} }}</h6>
                        <span class="text1 d-block">{{ __('contents.offer_text') }}</span>
                        <a href="{{ route('user.subscribe-plan',[$otherPlan->id,'monthly','subscription']) }}" class="cancel-plan tran3s">{{ __('contents.subscribe') }}</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- /.membership-plan-wrapper -->
@else
@if(empty($subscription) && !empty($trialPlan))
<div class="membership-plan-wrapper mb-20">
    <div class="row gx-0">
        <div class="col-xxl-12 col-lg-12 d-flex flex-column">
            <div class="column border-left w-100 h-100">
                <div class="d-flex">
                	{{--
                    <h3 class="price m0">{{ $settings->currency_symbol." ".$trialPlan->monthly_price." ".$settings->currency_code }}</h3> --}}
                    <div class="ps-4 flex-fill">
                        <h6>{{ __('contents.try') }} {{ $trialPlan->{'title_'.app()->getLocale()} }} {{ __('contents.for') }} {{ $settings->trial_period }} {{ __('contents.days') }}</h6>
                        <span class="text1 d-block">{{ __('contents.try') }} {{ $trialPlan->{'title_'.app()->getLocale()} }} {{ __('contents.in_just') }} <span class="fw-500"> {{ $settings->currency_symbol." 0".$settings->currency_code }}</span> {{ __('contents.for') }} <span class="fw-500"> {{ $settings->trial_period }} {{ __('contents.days') }}</span>. {{ __('contents.noCard') }}</span>
                        <a href="{{ route('user.subscribe-plan',[$trialPlan->id,'monthly','trial']) }}" class="cancel-plan tran3s">Try {{ $trialPlan->{'title_'.app()->getLocale()} }}</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endif
@endif
<div class="row justify-content-end">
	<div class="col-3">
		<a class="btn btn-two" href="{{ route('user.my-subscriptions') }}"><i class="fa-regular fa-dollar"></i> {{ __('contents.mySubscriptions') }}</a>
	</div>
</div>
<div class="pricing-section-two">
	<div class="wrapper">
		<div class="row py-3 justify-content-center">
			<nav class="pricing-nav-one d-flex justify-content-center">
                <div class="nav nav-tabs" role="tablist">
                    <button class="nav-link active" id="monthly-tab" data-bs-toggle="tab" data-bs-target="#monthly" type="button" role="tab" aria-controls="monthly" aria-selected="true">{{ __('contents.monthly') }}</button>
                    <button class="nav-link" id="yearly-tab" data-bs-toggle="tab" data-bs-target="#yearly" type="button" role="tab" aria-controls="yearly" aria-selected="false">{{ __('contents.yearly') }}</button>
                </div>
            </nav>
		</div>
		<div class="tab-content">
		<div class="tab-pane fade show active" id="monthly" role="tabpanel" aria-labelledby="monthly-tab">
    <div class="row gx-xxl-5 justify-content-center">
        @foreach($plans as $p)
        <div class="col-xl-4 col-lg-6">
            <div class="pr-column-wrapper @if( !empty($subscription) && $subscription->id == $p->id) active @endif bg-white rounded-5 border-0 mt-30">
                <div class="pr-header text-center mb-55">
                    <div class="plan fw-500 text-uppercase color-dark">{{ $p->{'title_'.app()->getLocale()} }}</div>
                    <strong class="price fw-500">{{ $settings->currency_symbol." ".$p->monthly_price}}</strong>
                    <p class="fs-24">{{$settings->currency_code  }}{{ __('contents.perMonth') }}</p>
                </div>
                
                <ul class="style-none text-center">
                    <li>@if($p->allowed_properties == -1) {{ __('contents.unlimitedProperties') }} @else {{ $p->allowed_properties }} {{ __('contents.allowedListings') }} @endif</li>
                    <li  >{{ __('contents.socialBoost') }}</li>
                    <li  >{{ __('contents.marketPrice') }}</li>
                    <li  >{{ __('contents.downloads') }}</li>
                    <li  >{{ __('contents.affiliates') }}</li>
                </ul>

                <div class="pr-footer text-center mt-60">
                    @if(!empty($subscription) && $subscription->id == $p->id)
                        <button class="btn-twelve w-100 sm" disabled>{{ __('contents.active') }}</button>
                    @else
                        {{-- Standard Subscribe Button --}}
                        <a href="{{ route('user.subscribe-plan',[$p->id,'monthly','subscription']) }}" class="btn-twelve w-100 sm">
                            {{ __('contents.subscribe') }}
                        </a>
                        
                        {{-- QR Payment Button for All (including new accounts) --}}
                        @if($p->monthly_price > 0)
                            <a href="{{ route('user.payment.manual', ['plan' => $p->id, 'price' => $p->monthly_price]) }}" class="btn-twelve w-100 sm mt-3">
                                <i class="fa-solid fa-qrcode me-2"></i> Pay with Bank QR
                            </a>
                        @endif
                    @endif
                </div>
            </div>
        </div>
        @endforeach
    </div>
</div>
	<div class="tab-pane fade" id="yearly" role="tabpanel" aria-labelledby="yearly-tab">
    <div class="row gx-xxl-5 justify-content-center">
        @foreach($plans as $p)
        <div class="col-xl-4 col-lg-6">
            <div class="pr-column-wrapper bg-white @if(!empty($subscription) && $subscription->id == $p->id) active @endif rounded-5 border-0 mt-30">
                <div class="pr-header text-center mb-55">
                    <div class="plan fw-500 text-uppercase color-dark">{{ $p->{'title_'.app()->getLocale()} }}</div>
                    <strong class="price fw-500">{{ $settings->currency_symbol." ".$p->yearly_price}}</strong>
                    <p class="fs-24">{{$settings->currency_code  }}{{ __('contents.perYear') }}</p>
                </div>

                <ul class="style-none text-center">
                    <li>@if($p->allowed_properties == -1) {{ __('contents.unlimitedProperties') }} @else {{ $p->allowed_properties }} {{ __('contents.allowedListings') }} @endif</li>
                    <li  >{{ __('contents.socialBoost') }}</li>
                    <li  >{{ __('contents.marketPrice') }}</li>
                    <li  >{{ __('contents.downloads') }}</li>
                    <li  >{{ __('contents.affiliates') }}</li>
                </ul>
                
                <div class="pr-footer text-center mt-60">
                    @if(!empty($subscription) && $subscription->id == $p->id)
                        <button class="btn-twelve w-100 sm" disabled>{{ __('contents.active') }}</button>
                    @else
                        {{-- Standard Subscribe Button --}}
                        <a href="{{ route('user.subscribe-plan',[$p->id,'yearly','subscription']) }}" class="btn-twelve w-100 sm">
                            {{ __('contents.subscribe') }}
                        </a>
                        
                        {{-- QR Payment Button for All (including new accounts) --}}
                        @if($p->yearly_price > 0)
                            <a href="{{ route('user.payment.manual', ['plan' => $p->id, 'price' => $p->yearly_price]) }}" class="btn-twelve w-100 sm mt-3">
                                <i class="fa-solid fa-qrcode me-2"></i> Pay with Bank QR
                            </a>
                        @endif
                    @endif
                </div>
            </div>
        </div>
        @endforeach
    </div>  
</div>
@endsection