@extends('layouts.app')

@section('seoheader')
    {!! $seo ?? '' !!}
@endsection


@section('content')
    @include('utils.preloader')

    @include('layouts.header')


    <div class="breadcrumb-area">
        <div class="container-fluid custom-container">
            <div class="row justify-content-center">
                <div class="col-md-10">
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="{{ route('web') }}">Inicio</a></li>
                            <li class="breadcrumb-item active">Nuestra Garantía</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </div>

    {{-- <div class="container-fluid custom-container">
    <div class="row justify-content-center">
        <div class="col-md-8">
            {!! $configGeneral->garanty !!}
        </div>
    </div>
</div> --}}
    <article class="article">
     
        <div class="container-fluid cont-tab-tyc">
            <div class="row">
                <div class="col-12 col-md-3 menu-tab">
                    <div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
                        
                            @foreach($data as $key=>$row)
                    
                    <a class="nav-link tab_tyc  @if($row->id==1) active @endif" id="a{{$row->id}}-tab" data-toggle="pill" href="#a{{$row->id}}" role="tab"
                            aria-controls="a{{$row->id}}" aria-selected="true">{{$row->titulo}}</a>
                    
                      
                    @endforeach
                        
                      
                    </div>
                </div>
                <div class="col-12 col-md-9 col-xl-7">
                    <div class="tab-content" id="v-pills-tabContent">
                        
                               @foreach($data as $key=>$row)
                    
                          <div class="tab-pane fade  @if($row->id==1) show active @endif" id="a{{$row->id}}" role="tabpanel" aria-labelledby="a{{$row->id}}-tab">
                            
                              
                          {!!$row->garantia!!}
                        </div>
                        
                    @endforeach
                    </div>
                </div>
            </div>
        </div>
    </article>


    @include('layouts.footer')

    @include('utils.backtop')
@endsection