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

@section('menu-noticias')
    active
@stop

@section('titulo-pagina')
    @empty(!$site->informacao->nome_comercial)
        {{ $site->informacao->nome_comercial }} - notícias
    @else
        Notícias
    @endif
@endsection

@section('content')
    <section class="container " style="">
        <div class="row" style="margin: 5em 0;">
            <div class="col-md-12">
                <h1>
                    @if($conteudo->conteudos()->where('tipo','titulo_pagina')->first())
                        <div class="edit" data-app-toggle="modal-app" data-app-modal="titulo_modal_edit">
                            {!!$conteudo->conteudos()->where('tipo','titulo_pagina')->first()->descricao !!}
                        </div>
                    @else
                        <div class="edit" data-app-toggle="modal-app" data-app-modal="titulo_modal_create">
                            Notícias
                        </div>

                    @endif
                </h1>
            </div>

            <div class="col-md-12">
                <div class="row mt-5 justify-content-center">
                    <div class="col-md-3">
                        {!! Form::open( ['route' => ['salvarContatoNewsletter', 'subdominio' => Route::input('subdominio') ] , 'method' => 'POST', 'class'=>'contact-form row extend form-news px', 'id' => 'newsletter'] ) !!}
                        {!! Form::hidden('id_solicitacao', $site->id, ['class'=>'form-control']) !!}
                        <h4 class="h6">
                            @if($conteudo -> conteudos() ->where('tipo','titulo_newsletter') -> first())
                                <div class="edit" data-app-toggle="modal-app" data-app-modal="titulo_newsletter_modal_edit">
                                    {{$conteudo -> conteudos() ->where('tipo','titulo_newsletter') -> first() ->descricao}}
                                </div>
                            @else
                                <div class="edit" data-app-toggle="modal-app" data-app-modal="titulo_newsletter_modal_create">
                                    Assine nosso newsletter e receba as notícias no seu e-mail:
                                </div>
                            @endif
                        </h4>
                        <div class="mt-3">
                            <label for="" class="form-label">Nome</label>
                            <input type="text" class="form-control" placeholder="Seu nome" required name="email_newsletter">
                        </div>
                        <div class="mt-2">
                            <label for="" class="form-label">E-mail</label>
                            <input type="text" class="form-control" placeholder="Seu melhor E-mail" required>
                        </div>
                        <div class="mt-2">
                            <button class="btn-lg btn btn-link w-100" onclick="return false;">
                                Assinar
                            </button>
                        </div>
                        {!! Form::close() !!}

                    </div>
                    <div class="col-md-9">
                        <div class="row">
                            @if($posts)
                                @foreach($posts  as $post)
                                    <div class="col-md-6 mb-5 edit edit-section" data-app-toggle="modal-app" data-app-modal="noticias_modal_edit">
                                        <div>
                                            <h2 class="h5">{{$post ->titulo}}</h2>
                                            <p class="h6 fw-light">
                                                {{substr(strip_tags($post -> texto), 0, 117)}}
                                            </p>
                                            <a href="{{url('post/'.$post ->link_permanente)}}">Continue lendo...</a>
                                        </div>
                                    </div>
                                @endforeach
                            @endif

                            @if($posts and !($feed))
                                @if(!count($posts))
                                    <div class="col-12 text-center">
                                        <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-md-6 mb-5 edit edit-section" data-app-toggle="modal-app" data-app-modal="noticias_modal_edit">
                                            <div>
                                                <h2 class="h5">{{$item->get_title()}}</h2>
                                                <p class="h6 fw-light">
                                                    {{substr(strip_tags($item ->data['child']['']['description'][0]['data'] ?? ''), 0, 180)}}...
                                                </p>
                                                <a href="{{ $item->get_permalink() }}" target="_blank">Continue lendo...</a>
                                            </div>
                                        </div>
                                        @if($key > ($site->adicional->num_noticias_home - 2))
                                            @break
                                        @endif
                                    @endforeach
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

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


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

@endsection