@extends('layouts.default-home')
@section('content')
    <!--Banner-->
    <section class="pg-banner pg-banner-bg">
        <div class="container">
            <div class="banner-title">
                <h1>{{$servico->nm_servico}}</h1> </div>
        </div>
    </section>
    <!--/Banner-->
    <!--Breadcrumb-->
    <section class="pg-breadcrumb">
        <div class="container">
            <div class="row">
                <div class="col-md-6 col-xs-9">
                    <ul class="breadcrumb">
                        <li><a href="/"><span>HOME</span></a></li>
                        <li><a href="/servicos"><span>SERVIÇOS</span></a></li>
                        <li>{{$servico->nm_servico}}</li>
                    </ul>
                </div>
                <div class="col-md-6 col-xs-3">
                    <div class="align-btn pull-right">
                        <a href="tel:{{$siteData['telefone']}}" class="btn btn-md"> <i class="fa fa-phone visible-xs-inline-block"></i> <span class="hidden-xs"><span class="fa fa-phone"></span>CONTATE-NOS</span> </a>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--/Breadcrumb-->
    <!--BLOG Classic-->
    <section class="pg-services-single" style="padding-top: 30px">
        <div class="container">
            <div class="row">
                <div class="col-lg-10 col-md-10 col-xs-12 col-lg-offset-1 col-md-offset-1">
                    <div class="single-service">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="gallery-img service-wrapper">
                                    <a href="#"><img src="/upload/{{$servico->ds_imagem_servico}}" alt="" class="img-responsive"></a>
                                </div>
                            </div>
                        </div>
                        <p style="text-align: left !important;">{!! $servico->tx_servico !!}</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <div class="col-12" style="margin-bottom: 30px">
        <!--SERVICES-->
        <section class="pg-services">
            <div class="container">
                <div class="row">
                    <div class="col-lg-10 col-md-10 col-xs-12 col-lg-offset-1 col-md-offset-1">
                        <h3 class="heading">Outros serviços</h3>
                    </div>
                    <div class="col-lg-10 col-md-10 col-xs-12 col-lg-offset-1 col-md-offset-1">
                        <div  class="row row-pad">
                            @foreach($servicos as $s)
                                <div class="col-md-3 col-sm-12">
                                    <div class="service-box">
                                        <a href="/servicos/{{$s->slug}}">
                                            <div class="serv-img"> <img src="/upload/{{$s->ds_icone_servico}}" alt=""> </div>
                                        </a>
                                        <a href="/servicos/{{$s->slug}}">
                                            <div class="side-head">{{$s->nm_servico}}</div>
                                        </a>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
@stop