@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">Nuestros términos y condiciones</li>
                </ol>
            </nav>
        </div> <!-- recognitions -->
    </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">
                        <a class="nav-link tab_tyc active" id="t-tyc-tab" data-toggle="pill" href="#t-tyc" role="tab"
                            aria-controls="t-tyc" aria-selected="true">Terminos y Condiciones</a>
                        <a class="nav-link tab_tyc" id="t-tycg-tab" data-toggle="pill" href="#t-tycg" role="tab"
                            aria-controls="t-tycg" aria-selected="false">Clientes Registrados</a>
                        <a class="nav-link tab_tyc" id="t-producto-tab" data-toggle="pill" href="#t-producto" role="tab"
                            aria-controls="t-producto" aria-selected="false">Productos y precios</a>
                        <a class="nav-link tab_tyc" id="t-politic-deliver-tab" data-toggle="pill" href="#t-politic-deliver"
                            role="tab" aria-controls="t-politic-deliver" aria-selected="false">Políticas de entrega</a>
                    </div>
                </div>
                <div class="col-12 col-md-9">
                    <div class="tab-content" id="v-pills-tabContent" >
                        
                                    
                        <div class="tab-pane fade show active" id="t-tyc" role="tabpanel" aria-labelledby="t-tyc-tab">
                           
                          {!!$terminos->terminos!!}
                        </div>
                        <div class="tab-pane fade" id="t-tycg" role="tabpanel" aria-labelledby="t-tycg-tab">
                      
                                
                              
                         {!!$terminos->cliente!!}

                        </div>

                        <div class="tab-pane fade" id="t-producto" role="tabpanel" aria-labelledby="t-producto-tab">
                    
                            {!!$terminos->producto!!}

                        </div>

                        <div class="tab-pane fade" id="t-politic-deliver" role="tabpanel"
                            aria-labelledby="t-politic-deliver-tab">
                
                        
                              
                          {!!$terminos->politica!!}

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </article>



    @include('layouts.footer')


    @include('utils.backtop')
@endsection

@section('link_scripts_custom')
@endsection

<style>
    p {
  font-size: 22px !important;
}
</style>