@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">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('web') }}">Inicio</a></li>
                <li class="breadcrumb-item active">Soporte técnico</li>
            </ol>
        </nav>
    </div> <!-- container -->
</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">
                    <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->descripcion!!}
                        </div>
                        
                    @endforeach
                        
                        
                    </div>
                </div>
            </div>
        </div>
    </article>

@include('layouts.footer')



@include('utils.backtop')

@endsection