@extends('layouts.app')

@section('site_title', formatTitle([__('Pricing'), config('settings.title')]))

@section('head_content')

@endsection

@section('content')
    <div class="flex-fill">
        <div class="bg-base-1">
            <div class="container py-6">
                @include('shared.message')

                <div class="text-center">
                    <h1 class="h2 mb-3 d-inline-block">{{ __('Pricing') }}</h1>
                    <div class="m-auto">
                        <p class="text-muted font-weight-normal font-size-lg">{{ __('Simple pricing plans for everyone and every budget.') }}</p>
                    </div>
                </div>

                @include('shared.pricing')
            </div>
        </div>
        <div class="bg-base-0">
            <div class="container py-6">
                <div class="text-center">
                    <h3 class="d-inline-block mb-0">{{ __('Frequently asked questions') }}</h3>
                </div>

                <div class="row">
                    <div class="col-12 col-md-6 mt-5 h-100">
                        <div class="h5 font-weight-medium">{{ __('What payment methods do you accept?') }}</div>
                        <div class="text-muted">{{ __('We support the following payment methods: :list.', ['list' => implode(', ', array_unique(array_map(function ($payment) { return __($payment['type']); }, paymentProcessors())))]) }}</div>
                    </div>

                    <div class="col-12 col-md-6 mt-5 h-100">
                        <div class="h5 font-weight-medium">{{ __('Can I change plans?') }}</div>
                        <div class="text-muted">{{ __('Yes, you can change your plan at any time.') }} {{ __('Upon switching plans, your current subscription will be cancelled immediately.') }}</div>
                    </div>

                    <div class="col-12 col-md-6 mt-5 h-100">
                        <div class="h5 font-weight-medium">{{ __('Can I cancel my subscription?') }}</div>
                        <div class="text-muted">{{ __('Yes, you can cancel your subscription at any time.') }} {{ __('You\'ll continue to have access to the features you\'ve paid for until the end of your billing cycle.') }}</div>
                    </div>

                    <div class="col-12 col-md-6 mt-5 h-100">
                        <div class="h5 font-weight-medium">{{ __('What happens when my subscription expires?') }}</div>
                        <div class="text-muted">{{ __('Once your subscription expires, you\'ll lose access to all the subscription features.') }}</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="bg-base-1">
            <div class="container py-6 text-center">
                <div><h3 class="d-inline-block mb-5">{{ __('Still have questions?') }}</h3></div>

                <a href="{{ route('contact') }}" class="btn btn-primary btn-lg font-size-lg">{{ __('Contact us') }}</a>
            </div>
        </div>
    </div>
@endsection

@include('shared.sidebars.user')