@extends('frontend.layouts.master')

@section('page_title')
    {{ __('bonus.spr.title') }}
@endsection

@section('head')
@endsection

@section('content-wrapper')
    <div class="py-5 text-center text-white align-items-center d-flex portada jarallax no-image" style="">
        <div class="tinte2"></div>
        <div class="container py-5">
            <div class="row text-center">
                <div class="col-lg-12 col-md-12 col-12 col-sm-12">
                    <h1 class="display-4 mb-4 text-white">
                        {{ __('bonus.spr.title') }}
                    </h1>

                </div>
            </div>
        </div>
    </div>
    <div class="bg-light3">
        <div class="container">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb d-flex justify-content-center">
                    <li class="breadcrumb-item s-text"><a href="{{ route('frontend.home.index') }}">{{ __('frontend-menu.home') }}</a></li>
                    <li class="breadcrumb-item s-text active" aria-current="page">{{ __('frontend-menu.campana') }}</li>
                </ol>
            </nav>
        </div>
    </div>       
    <div class="section py-5">
        <div class="container py-5">
            <h2 class="text-primary-color mb-4">{{ __('bonus.spr.intro_title') }}</h2>
            <p>{{ __('bonus.spr.intro_text1') }}</p>
            <p>{{ __('bonus.spr.intro_text2') }}</p>
            <p>{{ __('bonus.spr.intro_text3') }}</p>
            <p>{{ __('bonus.spr.intro_text4') }}</p>

            <h3 class="mt-5 mb-3 text-primary-color">{{ __('bonus.spr.participate_title') }}</h3>
            <p>{{ __('bonus.spr.participate_text') }}</p>

            <h3 class="mt-4 mb-2 text-primary-color">{{ __('bonus.spr.vouchers_title') }}</h3>
            <ul>
                <li>{{ __('bonus.spr.vouchers_limit') }}</li>
                <li>{{ __('bonus.spr.vouchers_value') }}</li>
                <li>{{ __('bonus.spr.vouchers_minimum') }}</li>
                <li>{{ __('bonus.spr.vouchers_two') }}</li>
                <li>{!! __('bonus.spr.vouchers_redeem') !!}</li>
                <li>{{ __('bonus.spr.vouchers_expiry') }}</li>
            </ul>

            <h3 class="mt-5 mb-3 text-primary-color">{{ __('bonus.spr.establishments_title') }}</h3>
            <p>{!! __('bonus.spr.establishments_text') !!}</p>

            <h3 class="mt-5 mb-3 text-primary-color">{{ __('bonus.spr.campaign_title') }}</h3>
            <p>{{ __('bonus.spr.campaign_text') }}</p>

            <h3 class="mt-4 mb-3 text-primary-color">{{ __('bonus.spr.discount_title') }}</h3>
            <p>{{ __('bonus.spr.discount_text') }}</p>
            
        </div>
        <div class="container py-5 text-center"><a href="{{ asset('tenants/cambrabcn/docs/requisits.pdf') }}" target="_blank" class="site-btn link wow bounceInUp" style="margin:auto">{{__('bonus.spr.documentacio')}}</a></div>
    </div>
    <div class="section py-5 bg-light">
        <div class="container">
            <div class="row">
                <div class="col-12 text-center">  
                    <h2 class="text-primary-color">{{__('bonus.spr.title-3')}}</h2>                  
                    <p>{{__('bonus.spr.text-3')}}</p>                    
                </div>
                <a href="{{ route('frontend.business.index') }}" class="site-btn link wow bounceInUp" style="margin:auto">{{__('bonus.spr.button')}}</a>
            </div>
        </div>
    </div>
@endsection