@extends('frontend.layouts.master')

@section('page_title')
    {{ __('faqs.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 mt-4 mb-4 text-white">
                        {{ __('faqs.title') }}
                    </h1>
                </div>
            </div>
        </div>
    </div>
    <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">{{ __('business.create.title') }}</li>
        </ol>
    </nav>
    <div class="section py-5 bg-light">
        <div class="container">
            <div class="row mt-4 d-flex justify-content-center ">
                <div class="col-lg-8  col-md-12">
                    <h2 class="text-primary-color">{{ __('faqs.spr.title-1')}}</h2>
                    <h3 class="text-primary-color">{{ __('faqs.spr.title-section-1')}}</h3>
                    <details style="margin-bottom: 15px; border: 1px solid #ddd; border-radius: 6px; padding: 10px;">
                        <summary style="font-weight: bold; cursor: pointer;">{{ __('faqs.spr.faq1-botiga') }}</summary>
                        <p style="margin-top: 10px;"><a href="{{ route('frontend.business.create') }}">{{ __('faqs.spr.res1-botiga')}}</a></p>
                    </details>
                    <details style="margin-bottom: 15px; border: 1px solid #ddd; border-radius: 6px; padding: 10px;">
                        <summary style="font-weight: bold; cursor: pointer;">{{ __('faqs.spr.faq2-botiga') }}</summary>
                        <p style="margin-top: 10px;">{{ __('faqs.spr.res2-botiga') }}</p>
                    </details>
                    <details style="margin-bottom: 15px; border: 1px solid #ddd; border-radius: 6px; padding: 10px;">
                        <summary style="font-weight: bold; cursor: pointer;">{{ __('faqs.spr.faq3-botiga') }}</summary>
                        <p style="margin-top: 10px;">{{ __('faqs.spr.res3-botiga') }} <a href="{{ route('frontend.business.create') }}">{{ __('faqs.spr.res3-2-botiga') }}</a></p>
                    </details>
                    <details style="margin-bottom: 15px; border: 1px solid #ddd; border-radius: 6px; padding: 10px;">
                        <summary style="font-weight: bold; cursor: pointer;">{{ __('faqs.spr.faq4-botiga') }}</summary>
                        <p style="margin-top: 10px;"><a href="{{ route('frontend.business.create') }}">{{ __('faqs.spr.res4-botiga') }}</a></p>
                    </details> 
                    <details style="margin-bottom: 15px; border: 1px solid #ddd; border-radius: 6px; padding: 10px;">
                        <summary style="font-weight: bold; cursor: pointer;">{{ __('faqs.spr.faq5-botiga') }}</summary>
                        <p style="margin-top: 10px;">{{ __('faqs.spr.res5-botiga' )}}</p>
                    </details>
                    <details style="margin-bottom: 15px; border: 1px solid #ddd; border-radius: 6px; padding: 10px;">
                        <summary style="font-weight: bold; cursor: pointer;">{{__('faqs.spr.faq6-botiga')}}</summary>
                        <p style="margin-top: 10px;">{{__('faqs.spr.res6-botiga')}}</p>
                    </details>
                    <details style="margin-bottom: 15px; border: 1px solid #ddd; border-radius: 6px; padding: 10px;">
                        <summary style="font-weight: bold; cursor: pointer;">{{__('faqs.spr.faq7-botiga')}}</summary>
                        <p style="margin-top: 10px;">{{__('faqs.spr.res7-botiga')}}</p>
                    </details>
                    <div class="py-5">&nbsp;</div>
                    <h3 class="text-primary-color">{{ __('faqs.spr.title-section-2')}}</h3>
                    <details style="margin-bottom: 15px; border: 1px solid #ddd; border-radius: 6px; padding: 10px;">
                        <summary style="font-weight: bold; cursor: pointer;">{{__('faqs.spr.faq1-client')}}</summary>
                        <p style="margin-top: 10px;">{{__('faqs.spr.res1-client')}} <a href="{{ route('backend.session.login') }}">{{__('faqs.spr.res1-2-client')}}</a></p>
                    </details>
                    <details style="margin-bottom: 15px; border: 1px solid #ddd; border-radius: 6px; padding: 10px;">
                        <summary style="font-weight: bold; cursor: pointer;">{{__('faqs.spr.faq2-client')}}</summary>
                        <p style="margin-top: 10px;">{{__('faqs.spr.res2-client')}}</p>
                    </details>
                    <details style="margin-bottom: 15px; border: 1px solid #ddd; border-radius: 6px; padding: 10px;">
                        <summary style="font-weight: bold; cursor: pointer;">{{__('faqs.spr.faq3-client')}}</summary>
                        <p style="margin-top: 10px;"><a href="{{ route('frontend.business.index') }}">{{__('faqs.spr.res3-client')}}</a></p>
                    </details>
                    <details style="margin-bottom: 15px; border: 1px solid #ddd; border-radius: 6px; padding: 10px;">
                        <summary style="font-weight: bold; cursor: pointer;">{{__('faqs.spr.faq4-client')}}</summary>
                        <p style="margin-top: 10px;">{{__('faqs.spr.res4-client')}}</p>
                    </details>
                    <details style="margin-bottom: 15px; border: 1px solid #ddd; border-radius: 6px; padding: 10px;">
                        <summary style="font-weight: bold; cursor: pointer;">{{__('faqs.spr.faq5-client')}}</summary>
                        <p style="margin-top: 10px;">{{__('faqs.spr.res5-client')}}</p>
                    </details>
                    <details style="margin-bottom: 15px; border: 1px solid #ddd; border-radius: 6px; padding: 10px;">
                        <summary style="font-weight: bold; cursor: pointer;">{{__('faqs.spr.faq6-client')}}</summary>
                        <p style="margin-top: 10px;">{{__('faqs.spr.res6-client')}}</p>
                    </details>
                    <details style="margin-bottom: 15px; border: 1px solid #ddd; border-radius: 6px; padding: 10px;">
                        <summary style="font-weight: bold; cursor: pointer;">{{__('faqs.spr.faq7-client')}}</summary>
                        <p style="margin-top: 10px;">{{__('faqs.spr.res7-client')}}</p>
                    </details>
                    <p class="text-primary-color pt-5">{{__('faqs.spr.text-1')}}</p>
                </div>
            </div>
        </div>
    </div>
@endsection