@extends('layouts.master')

@section('content')
    @include('modules.carousel')
    <div class="row">
        <div class="col-12">
            <div class="shadow-sm pl-1">
                <blockquote class="quote-purple bg-gray-light">
                    <h5 class="text-dark">{{ __('Pay & Go') }}</h5>
                </blockquote>
            </div>
            <div class="row">
                <div class="col-12">
                    <div class="small-box bg-purple">
                        <div class="inner">
                            <h3 class="text-center">{{ __('Pay & Go') }}</h3>
                            <p class="text-center">{{ __('Price 5 Tk (+VAT+SD+SC) unlimited contents daily') }}</p>
                        </div>
                        <a href="{{ route('pay') }}" class="small-box-footer">
                            {{ __('Buy') }} <i class="fas fa-arrow-circle-right"></i>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-12">
            <div class="shadow-sm pl-1">
                <blockquote class="quote-success bg-gray-light">
                    <h5 class="text-dark">{{ __('Subscription') }}</h5>
                </blockquote>
                <h5 class="text-center">{{ __('mFit is a renewable service') }}</h5>
            </div>
            <div class="row">
                <div class="col-12">
                    <div class="small-box bg-primary">
                        <div class="inner">
                            <h3 class="text-center">{{ __('Daily') }}</h3>
                            <p class="text-center">{{ __('Daily Price 2.5 Tk (+VAT+SD+SC) with 5 contents FREE daily') }}</p>
                        </div>
                        <a href="{{ route('subscription.confirm', ['id' => 9]) }}" class="small-box-footer">
                            {{ __('Subscribe') }} <i class="fas fa-arrow-circle-right"></i>
                        </a>
                    </div>
                </div>

                <div class="col-12">
                    <div class="small-box bg-warning">
                        <div class="inner">
                            <h3 class="text-center">{{ __('Weekly') }}</h3>
                            <p class="text-center">{{ __('Weekly Price 7 Tk (+VAT+SD+SC) with 5 contents FREE daily') }}</p>
                        </div>
                        <a href="{{ route('subscription.confirm', ['id' => 10]) }}" class="small-box-footer">
                            {{ __('Subscribe') }} <i class="fas fa-arrow-circle-right"></i>
                        </a>
                    </div>
                </div>

                <div class="col-12">
                    <div class="small-box bg-success">
                        <div class="inner">
                            <h3 class="text-center">{{ __('Monthly') }}</h3>
                            <p class="text-center">{{ __('Monthly Price 30 Tk (+VAT+SD+SC) with 5 contents FREE daily') }}</p>
                        </div>
                        <a href="{{ route('subscription.confirm', ['id' => 11]) }}" class="small-box-footer">
                            {{ __('Subscribe') }} <i class="fas fa-arrow-circle-right"></i>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection