@extends('layouts.app')

@section('content')
    <div class="container page-container" id="membership">
        <h1 class="title">{{ __('Membership') }}</h1>
        @if(auth()->user()->subscription->identifier === 'free')
            <div class="notification">
                {{ __('You have a free account. Choose one of the plan and enjoy the website experiences.') }}
            </div>
        @endif
        <div
            class="pricing-table">
            @foreach($packages as $package)
                                <div
                    class="pricing-plan {{ strtolower($package->identifier) }}">
                    <div class="plan-header">
                        <img class="plan-image"
                             src="{{ asset('/images/membership/' . ucfirst($package->identifier) . 'pk_.png') }}">
                        {{ $package->name }}
                    </div>
                    <div class="plan-price">
                        @if ($hasDiscount)
                            <del class="plan-price-amount">
                                <span class="plan-price-currency">&euro;</span> {{ $price }}
                                <small>.{{ $priceDecimals }}</small>
                            </del>
                            <span class="plan-price-amount">
                                <span
                                    class="plan-price-currency">&euro;</span> {{ $discountPrice }}<small>.{{ $discountPriceDecimals }}</small>
                            </span>
                        @else
                            <span class="plan-price-amount">
                                <span
                                    class="plan-price-currency">&euro;</span> {{ $price }}<small>.{{ $priceDecimals }}</small>
                            </span>
                        @endif
                        / {{ $package->month_duration === 1 ? __('month') : $package->month_duration . ' ' . __('months')}}
                    </div>

                    <div class="plan-items">
                        <div class="plan-item"><span><i
                                    class="fas @if($package->can_chat) fa-check @else fa-times @endif"></i></span>{{ __('Chat') }}
                        </div>
                        <div class="plan-item"><span><i
                                    class="fas @if($package->can_audio_chat) fa-check @else fa-times @endif"></i></span>{{ __('Audio chat') }}
                        </div>
                        <div class="plan-item"><span><i
                                    class="fas @if($package->can_video_chat) fa-check @else fa-times @endif"></i></span>{{ __('Video chat') }}
                        </div>
                        <div class="plan-item"><span><i
                                    class="fas fa-infinity"></i></span>{{ __('Send messages to users') }}</div>
                        <div class="plan-item"><span><i class="fas fa-check"></i></span>{{ __('Show visitors') }}</div>
                        <div class="plan-item"><span><i class="fas fa-check"></i></span>{{ __('Send and view likes') }}
                        </div>
                        <div class="plan-item">
                            <span>{!! $package->profile_picture_limit === null ? '<i class="fas fa-infinity"></i>' : $package->profile_picture_limit !!}</span>{{ __('Maximum no. of photos') }}
                        </div>
                        <div class="plan-item">
                            @if ($package->free_months)
                                <span>{{ $package->free_months }}</span>{{ __('Free') }} {{ $package->free_months === 1 ? __('month') : __('months') }}
                            @else
                                &nbsp;
                            @endif
                        </div>
                        <div class="plan-item">
                            @if ($package->free_months)
                                <strong>{{ __('Nude photos allowed!') }}</strong>
                            @else
                                &nbsp;
                            @endif
                        </div>
                    </div>

                    <div class="aditional-info">
                        <p>&euro;<strong>{{ $hasDiscount ? $discountMonthlyPrice : $monthlyPrice }}</strong>
                            / {{ __('month') }}</p>
                    </div>
                    <div class="plan-footer">
                        <a href="{{ route('membership.upgrade', $package->identifier) }}" class="button is-fullwidth">
                            {{ __('Buy now') }}
                        </a>
                    </div>
                </div>

            @endforeach
        </div>
    </div>
@endsection