@extends('temas.theme-four.layout')

@section('titulo-pagina')
    @if(!empty($site->informacao->nome_comercial))
        {{ $site->informacao->nome_comercial }} - Página inicial
    @else
        Página inicial
    @endif
@endsection

@section('menu-home')
    active
@endsection

@section('header')
    <header class="intro-header banner-home" id="trocar_imagem_principal">
        <div style="position: relative;background-size: cover; min-height: 600px;display: flex; justify-content: center;align-items: center;flex-direction: column;@if($conteudo->conteudos()->where('tipo','banner_home')->first())
                background-image: url({{route('arquivo.show',$conteudo->conteudos()->where('tipo','banner_home')->first() ->imagem)}})
        @else
                background-image: url({{asset('theme-four/img/bg.jpg')}}) !important;
        @endif">

            @if($conteudo->conteudos()->where('tipo','banner_home')->first())
                <div class="edit-section-absolute" data-app-toggle="modal-app" data-app-modal="banner_home_modal_edit"></div>
            @else
                <div class="edit-section-absolute" data-app-toggle="modal-app" data-app-modal="banner_home_modal_create"></div>
            @endif


            <h1>
                @if($conteudo->conteudos()->where('tipo','titulo_principal')->first())
                    <div class="edit" data-app-toggle="modal-app" data-app-modal="titulo_principal_modal_edit">{!! $conteudo->conteudos()->where('tipo','titulo_principal')->first()->descricao  !!}
                    </div>
                @else
                    <span class="edit" data-app-toggle="modal-app" data-app-modal="titulo_principal_modal_create">PROFISSIONAIS EXPERIENTES E RESPEITADOS</span>
                @endif
            </h1>
            <br>
            <br>
            @if($conteudo->conteudos()->where('tipo','subtitulo_principal')->first())
                <h3 class="edit" data-app-toggle="modal-app" data-app-modal="subtitulo_principal_modal_edit">{!! $conteudo->conteudos()->where('tipo','subtitulo_principal')->first()->descricao !!}</h3>
            @else
                <h3 class="edit" data-app-toggle="modal-app" data-app-modal="subtitulo_principal_modal_create">Soluções jurídicas eficazes</h3>
            @endif
        </div>
    </header>
@endsection

@section('conteudo')

    <section class="content-section-b">

        <div class="container">
            @if($conteudo->conteudos()->where('tipo','area_atuacao')->count())
                <div class="row">
                    @foreach($conteudo ->conteudos() ->where('tipo','area_atuacao') ->get() as $key => $area)
                        <div class="col-md-6">
                            <div class="area-atuacao edit" style="background: none;">
                                <div class="edit-section-absolute"  data-app-toggle="modal-app" data-app-modal="area_atuacao_modal_edit{{$area->id}}"  ></div>
                                <div class="header">
                                    <i class="fa fa-balance-scale"></i>
                                    <h2>{{$area->nome}}</h2>
                                </div>
                                <div class="texto">
                                    {!!substr($area->descricao, 0,100)!!}...
                                </div>
                                <div class="text-center z_index">
                                    <button type="submit" data-app-toggle="modal-app" data-app-modal="{{$area -> id}}_delete_area" class="btn btn-danger" style="cursor: pointer;"><i class="fa fa-trash"></i></button>
                                </div>
                            </div>


                            <modal id="{{$area -> id}}_delete_area" title="Tem certeza que deseja excluir?">
                                <div >
                                    <form style="position: relative;" class="form-delete" action="{{route('conteudo.destroy',$area ->id)}}" method="post">
                                        {{ csrf_field() }}
                                        <input type="hidden" name="_method" value="DELETE">
                                        <div class="" style="display:flex;flex-direction: row;gap: 5px;">
                                            <button  type="submit" class="btn btn-danger btn_delete_62fst" style="cursor: pointer;">Sim <Load class="load" h="15" w="15" color="white" :hab="true" /></button>
                                            <button  type="button" class="btn btn-success btn-close-app delete" style="cursor: pointer;">Não</button>
                                        </div>
                                    </form>
                                </div>  
                            </modal>

                        </div>
                    @endforeach
                </div>

               
                <div class="row margin-top">
                    <div class="col-md-12 text-center">
                        <a href="{{ url('/areas') }}" class="btn btn-link btn-lg">
                            SAIBA MAIS
                        </a>
                    </div>
                </div>
            @endif

            <div style="display: flex;justify-content: center;margin-bottom: 3em !important; margin-top:2em">
                <button type="button" class=" btn-adicionar-app" data-app-toggle="modal-app" data-app-modal="area_atuacao_modal_create">Adicionar área de atuação</button>
            </div>
        </div>
        <!-- /.container -->

    </section>
    <section class="content-section-a ultimas-noticias banner"
             @if($conteudo->conteudos()->where('tipo','banner_noticias')->first())
                style="background-image: url('{{route('arquivo.show',$conteudo->conteudos()->where('tipo','banner_noticias')->first() ->imagem)}}') !important;position: relative;"
            @else
                style="position:relative;"
            @endif
    >
        @if($conteudo->conteudos()->where('tipo','banner_noticias')->first())
            <div class="edit-section-absolute" data-app-toggle="modal-app" data-app-modal="banner_noticias_modal_edit" ></div>
        @else
            <div class="edit-section-absolute" data-app-toggle="modal-app" data-app-modal="banner_noticias_modal_create"></div>
        @endif
        <div class="container">
            <div class="row">
                <div class="col-lg-12 ml-auto text-center">
                    <div class="clearfix"></div>
                    <h2 class="section-heading" style="color: #fff !important; margin-bottom: 30px;">
                        @if($conteudo->conteudos()->where('tipo','titulo_noticias')->first())
                            <span class="edit" data-app-toggle="modal-app" data-app-modal="titulo_noticias_modal_edit">
                                {!! $conteudo->conteudos()->where('tipo','titulo_noticias')->first()->descricao !!}
                            </span>
                        @else
                            <span class="edit" data-app-toggle="modal-app" data-app-modal="titulo_noticias_modal_create">
                                ÚLTIMAS NOTÍCIAS
                            </span>
                        @endif
                    </h2>
                </div>
            </div>
            <div class="row">
                @if($posts)
                    @foreach($posts as $item)
                        <div class="col-lg-4">
                            <div class="noticia edit" style="height: 163px;" data-app-toggle="modal-app" data-app-modal="noticias_modal_edit">
                                <h3><a href="{{ url('post/'.$item->link_permanente) }}">{{ substr( ($item->titulo ), 0, 80)}}...</a></h3>
                                <p class="lead">Publicado em {{ date('d/m/Y',strtotime($item->created_at)) }}<br/>
                                    <a href="{{ url('post/'.$item->link_permanente) }}" style="display: block; text-align: left;">Veja mais...</a>
                                </p>
                            </div>
                        </div>
                    @endforeach
                @endif
                @if($posts and !($feed))
					@if(!count($posts))
						<div class="col-12">
							<button style="margin-top:2em;z-index: 10;position: relative;" class="btn-adicionar-app" data-app-toggle="modal-app" data-app-modal="noticias_modal_edit">
								Configurar notícias <font-awesome-icon :icon="['fas', 'cog']"  />
							</button>
						</div>
					@endif   
                @endif
                @if($feed)
                        @foreach($feed ->get_items() as $key => $item)
                            <div class="col-lg-4" >
                                <div class="noticia edit edit-section" style="height: 163px;" data-app-toggle="modal-app" data-app-modal="noticias_modal_edit">
                                    <h3>{{ substr( ($item->get_title() ), 0, 80)}}...</h3>
                                    <p class="lead">Publicado em {{ $item->get_date('d/m/Y') }}<br/>
                                        <a href="{{ $item->get_permalink() }}" target="_blank">Veja mais...</a>
                                    </p>
                                </div>
                            </div>
                            @if($key > ($site->adicional->num_noticias_home - 2))
                                @break
                            @endif
                        @endforeach
                @endif
            </div>
        </div>
        <!-- /.container -->

    </section>
    <!-- /.content-section-a -->

    {{-- banner_home --}}
    @include('temas.componentes.imagem.create',[
        'conteudo' => $conteudo,
        'label' => 'Imagem de fundo',
        'id' => 'banner_home_modal_create',
        'tipo' => 'banner_home',
        'width' => '1920',
        'height' => '650'
    ])
    @if($conteudo->conteudos()->where('tipo','banner_home')->first())
        @include('temas.componentes.imagem.edit',[
            'conteudo' => $conteudo->conteudos()->where('tipo','banner_home')->first(),
            'label' => 'Imagem de fundo',
            'id' => 'banner_home_modal_edit',
            'tipo' => 'banner_home',
            'width' => '1920',
            'height' => '650'
        ])
    @endif

    {{-- titulo_principal --}}
    @include('temas.componentes.texto.create',[
        'conteudo' => $conteudo,
        'label' => 'Título',
        'id' => 'titulo_principal_modal_create',
        'tipo' => 'titulo_principal',
    ])
    @if($conteudo->conteudos()->where('tipo','titulo_principal')->first())
        @include('temas.componentes.texto.edit',[
            'conteudo' => $conteudo->conteudos()->where('tipo','titulo_principal')->first(),
            'label' => 'Título',
            'id' => 'titulo_principal_modal_edit',
            'tipo' => 'titulo_principal',
        ])
    @endif

    {{-- subtitulo_principal --}}
    @include('temas.componentes.texto.create',[
        'conteudo' => $conteudo,
        'label' => 'Título',
        'id' => 'subtitulo_principal_modal_create',
        'tipo' => 'subtitulo_principal',
    ])
    @if($conteudo->conteudos()->where('tipo','subtitulo_principal')->first())
        @include('temas.componentes.texto.edit',[
            'conteudo' => $conteudo->conteudos()->where('tipo','subtitulo_principal')->first(),
            'label' => 'Título',
            'id' => 'subtitulo_principal_modal_edit',
            'tipo' => 'subtitulo_principal',
        ])
    @endif

    {{-- texto_profissionais --}}
    @include('temas.componentes.textarea.create',[
        'conteudo' => $conteudo,
        'label' => 'Texto',
        'id' => 'texto_profissionais_modal_create',
        'tipo' => 'texto_profissionais',
    ])
    @if($conteudo->conteudos()->where('tipo','texto_profissionais')->first())
        @include('temas.componentes.textarea.edit',[
            'conteudo' => $conteudo->conteudos()->where('tipo','texto_profissionais')->first(),
            'label' => 'Texto',
            'id' => 'texto_profissionais_modal_edit',
            'tipo' => 'texto_profissionais',
        ])
    @endif


    {{-- banner_noticias --}}
    @include('temas.componentes.imagem.create',[
        'conteudo' => $conteudo,
        'label' => 'Imagem de fundo',
        'id' => 'banner_noticias_modal_create',
        'tipo' => 'banner_noticias',
        'width' => '1920',
        'height' => '650'
    ])
    @if($conteudo->conteudos()->where('tipo','banner_noticias')->first())
        @include('temas.componentes.imagem.edit',[
            'conteudo' => $conteudo->conteudos()->where('tipo','banner_noticias')->first(),
            'label' => 'Imagem de fundo',
            'id' => 'banner_noticias_modal_edit',
            'tipo' => 'banner_noticias',
            'width' => '1920',
            'height' => '650'
        ])
    @endif

    {{-- texto_noticias --}}
    @include('temas.componentes.texto.create',[
        'conteudo' => $conteudo,
        'label' => 'Título',
        'id' => 'titulo_noticias_modal_create',
        'tipo' => 'titulo_noticias',
    ])
    @if($conteudo->conteudos()->where('tipo','titulo_noticias')->first())
        @include('temas.componentes.texto.edit',[
            'conteudo' => $conteudo->conteudos()->where('tipo','titulo_noticias')->first(),
            'label' => 'Título',
            'id' => 'titulo_noticias_modal_edit',
            'tipo' => 'titulo_noticias',
        ])
    @endif

    {{-- area_atuacao --}}
    @include('temas.componentes.area-atuacao.create',[
        'conteudo' => $conteudo,
                    'label' => 'Título',
        'id' => 'area_atuacao_modal_create',
        'tipo' => 'area_atuacao',
    ])
    @foreach($conteudo->conteudos()->where('tipo','area_atuacao')->get() as $key => $area)
        @include('temas.componentes.area-atuacao.edit',[
            'conteudo' => $area,
            'id' => 'area_atuacao_modal_edit'.$area->id,
            'tipo' => 'area_atuacao',
        ])
    @endforeach

@endsection

@section('scripts')
    <script>
        $(document).ready(function(){

            var highestBox = 0;

            $('.noticia', this).each(function(){

                if($(this).height() > highestBox) {
                    highestBox = $(this).height();
                }

            });

            $('.noticia',this).height(highestBox);
        });
    </script>
@endsection