@extends('layouts.default-home')

@section('content')

<!-- PAGE TITLE SECTION -->

    <section class="clearfix pageTitleArea" style="background-image: url(img/blog/pageTitle-bg.jpg);">

        <div class="container">

            <div class="pageTitle">

                <h1>Tratamentos</h1>

            </div>


        </div>

    </section>

<!-- SINGLE SERVICE -->

    <section class="clearfix singleService">

      <div class="container">

        <div class="row">

          <div class="col-sm-4 col-xs-12">

            <ul class="nav nav-tabs nav-stacked" id="singleServiceTab">



              {!! ""; $contador = 0 !!}

              {!! ""; $contador2 = 0 !!}

              {!! ""; $contador3 = 0 !!}

              @foreach($tratamentos as $key => $trat)

              @if( $contador == 0)

              <li class="tabList active openTab">

              @else

              <li class="tabList ">

              @endif

                <a class="btn " data-toggle="tab" href="#cat-{{$trat['NomeCategoria']}}">

                  {{$trat['NomeCategoria']}} <i class="fa fa-angle-up"></i></span>

                </a>

                <ul class="dropdown-menu" id="collapsed-{{$trat['NomeCategoria']}}">

                  @foreach($trat['Tratamento'] as $chave => $t)

                  @if( $contador2 == 0)

                  <li class="active">

                  @else

                  <li>

                  @endif

                    <a href="#trat-{{$t->cd_tratamento}}" data-toggle="tab">&nbsp&nbsp&nbsp&nbsp{{$t->nm_tratamento}}</a>

                  </li>

                  {!! ""; $contador2 += 1; !!}

                  @endforeach

                  {!!  ""; $contador += 1;!!}

                </ul>

              </li>

              @endforeach

            </ul>

          </div>





          <div class="col-sm-8 col-xs-12">

            <div class="tab-content">

              @foreach($tratamentos as $key => $trat)

              @foreach($trat['Tratamento'] as $chave => $t)

              @if( $contador3 == 0)

              <div class="tab-pane active" id="trat-{{$t->cd_tratamento}}">

              @else

              <div class="tab-pane nome-categoria" id="cat-{{$trat['NomeCategoria']}}">

                {{$trat['NomeCategoria']}}

              </div>

              <div class="tab-pane" id="trat-{{$t->cd_tratamento}}">

              @endif

                <div class="varietyContent">

                  <img src="/upload/{{$t->ds_imagem_temporaria_tratamento}}" alt="Image Variety" class="img-responsive">

                  <h3>{{$t->nm_tratamento}}</h3>

                  <p>{{$t->tx_tratamento}}</p>

                </div>

              </div>

              {!! ""; $contador3 += 1; !!}

              @endforeach

              @endforeach

              </div>

            </div>

          </div>



        </div>

      </div>

    </section>









      </div>









@stop