@extends('layouts.default')

@section('title')
Pagina inicial
@endsection
@section('content')
<section id="carousel-example-generic" class="carousel slide" data-ride="carousel">
    <!-- Indicators -->
    @if($banners->count() > 1)
        <ol class="carousel-indicators">
        	@foreach( $banners as $key => $banner)
            	<li data-target="#carousel-example-generic" data-slide-to="{{$key}}" class="{{$key == 0 ? 'active' : ''}}"></li>
            @endforeach
        </ol>
    @endif

    <!-- Wrapper for slides -->
    <div class="carousel-inner" role="listbox">
        @foreach( $banners as $banner)
            <div class="item active">
                <a href="{{$banner->link}}">
                    <img src="{{asset('/files/banners/'.$banner->imagem)}}" alt="{{$banner->titulo}}">
                </a>
                {{-- <div class="carousel-caption">
                    <h1>{{$banner->titulo}}</h1>
                    <h2>{{$banner->subtitulo}}</h2>
                </div> --}}
            </div>
        @endforeach
    </div>

    @if($banners->count() > 1)
        <!-- Controls -->
        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    @endif
</section>

<section class="section section-color">
    <div class="container">
        <h2 class="titulo">Nossos Serviços</h2>
        <div class="row">
            @php $i = 0 @endphp
            @foreach($servicos as $servico)
                <div class="col-md-4 col-sm-6">
                    <div class="servico-card">
                        <img src="{{url('/files/servicos/'.$servico->icone)}}" alt="{{$servico->nome}}">
                        <div class="caption">
                            <h3>{{$servico->nome}}</h3>
                            <p>
                                {{ strip_tags($servico->descricao) }}
                            </p>
                            <br>
                            <a href="{{url('servicos/'.$servico->slug)}}" class="btn btn-warning btn-lg">SAIBA MAIS</a>
                        </div>
                    </div>
                </div>
                {{--@if($i == 0)
                    <div class="col-md-4 hidden-sm hidden-xs">
                        <div class="full-image-servico">
                            <img src="{{asset('/img/servicos.png')}}" alt="Servicos SICCO" class="img-responsive">
                        </div>
                    </div>
                    @php $i++ @endphp
                @endif--}}
            @endforeach
        </div>
    </div>
</section>

<section class="section-orcamento">
    <div class="container">
        <div class="row">
            <div class="col-md-8">
                <h4>Peça um Orçamento Grátis</h4>
                <p>
                    Solicite um orçamento sem compromisso, nós lhe responderemos o mais rápido possível.
                </p>
            </div>
            <div class="col-md-4">
                <span class="telefone">
                    (11) 96060-0160 
                    <br> (11) 3830-0356
                </span>
                <p class="text-center">
                    <a href="{{url('orcamento')}}" class="btn btn-warning btn-lg">PEDIR ORÇAMENTO</a>
                </p>
            </div>
        </div>
    </div>
</section>

@if($galerias->count() > 0)
    <section class="section section-color">
        <div class="container">
            <h2 class="titulo titulo-center">Últimos Trabalhos</h2>
            <p class="text-center">
                Veja a galeria de nossos ultimos trabalhos. <br> 
            	<a href="{{url('contatos')}}">Clique aqui</a> para saber mais e tirar suas dúvidas
            </p>
            
            <div class="controls">
                <button type="button" class="control" data-filter="all">Todos</button>
                @foreach ($servicos_galerias as $key => $servico)
                    <button type="button" class="control {{$key == 1 ? 'active': '' }}" data-filter=".{{$servico->slug}}">
                        {{$servico->nome}}
                    </button>
                @endforeach
            </div>
            <div class="imagens">
                @foreach ($galerias as $galeria)
                    @foreach ($galeria->imagens as $key => $img)
                        <div class="mix galeria all {{$galeria->servico->slug or '' }}">
                            <a class="fancybox-buttons imagem-galeria" href="{{url('/files/imagens/'.$img->imagem) }}" title="{{$img->name }}" data-fancybox-group="galeria">
                                <img src="{{url('/files/imagens/'.$img->imagem)}}" alt="" class="img-responsive">
                                <span class="caption">
                                    {{$galeria->nome }}
                                    <br>
                                    <small>
                                        {{$galeria->servico->nome or '' }}
                                    </small>
                                </span>
                            </a>
                        </div>              
                        @if($key == 1)
                            @php break @endphp
                        @endif
                    @endforeach         
                @endforeach     
            </div>
            <div class="clearfix"></div>
            
            <p class="text-center">
    	        <br>
    	        <br>
                <a href="{{url('/portfolios')}}" class="btn btn-warning btn-lg">Veja Mais</a>
            </p>
        
        </div>
    </section>
@endif

<section class="section">
	<div class="container">
		<h4 class="titulo">Nossos Clientes</h4>
		<div id="nossos-clientes" class="clientes owl-carousel">
			@foreach ($clientes as $c)
				<a href="{{$c->link}}" target="_blank">
					<img src="{{url('/files/banners/'.$c->imagem)}}" alt="{{$c->nome}}">
                    <span>{{$c->titulo}}</span>
				</a>
			@endforeach
		</div>
	</div>
</section>
@endsection
@section('script')
<script>
    var containerEl = document.querySelector('.imagens');

    var mixer = mixitup(containerEl, {
        animation: {
            animateResizeContainer: false // required to prevent column algorithm bug
        }
    });
</script>
@endsection