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

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

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

@section('content')
    
    <section class="section-imagens" style="position:relative !important;" id="trocar_imagem_principal">
        <div class="h position-relative">
            <div class="owl-carousel" style="position:absolute !important;">
                @foreach($conteudo ->conteudos() -> where('tipo','slide_imagem') ->get() as $slide)
                    <div class="">
                        <img src="{{route('arquivo.show',$slide -> imagem)}}" alt="" class="position-relative">
                        <div style="top: -100px!important; left: 50px;position: relative;" class="form-delete" action="{{route('conteudo.destroy',$slide ->id)}}" method="post" onsubmit="if(!confirm('Tem certeza que deseja excluir?')){return false;}">
                            <div class="">
                                <button data-app-toggle="modal-app" data-app-modal="{{$slide -> id}}_slide_delete"  type="button" class="btn btn-danger" style="cursor: pointer;"><i class="fa fa-trash"></i></button>
                            </div>
                        </div>
                    </div>
                    {{-- data-app-toggle="modal-app" data-app-modal="{{$slide -> id}}_delete" --}}
                    

                @endforeach

               
            </div>
        </div>

        @foreach($conteudo ->conteudos() -> where('tipo','slide_imagem') ->get() as $slide)
            <modal id="{{$slide -> id}}_slide_delete" title="Tem certeza que deseja excluir?">
                <div >
                    <form style="position: relative;" class="form-delete" action="{{route('conteudo.destroy',$slide ->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>
        @endforeach
        <div class="mt-5 mb-3">
            <button class="btn-adicionar-app mb-3" data-app-toggle="modal-app" data-app-modal="slide_imagem_modal_create">
                Adicionar Slide
            </button>
        </div>
    </section>

    <section class="areas">
        <div class="container-fluid">
            <div class="row">
                @foreach($conteudo -> conteudos() -> where('tipo','area_atuacao')->get() as $area)
                    <div class="col-md-3 areas-itens edit" style="background-color: {{$area ->conteudosMetas()->where('meta_key','background') ->first()  ? '#'.$area ->conteudosMetas()->where('meta_key','background') ->first() ->meta_valor : 'black' }} ">
                        <div class=" edit-section-absolute"  data-app-toggle="modal-app" data-app-modal="card_home_modal_edit_{{$area ->id}}" ></div>
                        <div class="icon">
                            <i class="{{$area -> icone}}"></i>
                        </div>
                        <div class="nome text-uppercase">
                            <h2>{{$area -> nome}}</h2>
                        </div>
                        <div class="descricao">
                            {!! $area -> descricao !!}

        
                                <div class="z_index">
                                    <button data-app-toggle="modal-app" data-app-modal="{{$area -> id}}_card_delete"  type="submit" class="btn btn-danger" style="cursor: pointer;"><i class="fa fa-trash"></i></button>
                                </div>
                            
                        </div>
                    </div>

                    <modal id="{{$area -> id}}_card_delete" 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>
                    
                @endforeach
            </div>
            <div class="mt-5 mb-3">
                <button class="btn-adicionar-app mb-3" data-app-toggle="modal-app" data-app-modal="card_home_modal_create">
                    Adicionar Card
                </button>
            </div>
        </div>
    </section>

    <section class="section-contato py-5" >
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="text-center">
                        <h3 class="text-white fw-light">

                            @if ($conteudo ->conteudos() ->where('tipo','titulo_contato') -> first())
                                <div class="edit " data-app-toggle="modal-app" data-app-modal="titulo_contato_modal_edit">
                                    {!!$conteudo->conteudos()->where('tipo','titulo_contato')->first()->descricao !!}
                                </div>
                            @else
                                <div class="edit " data-app-toggle="modal-app" data-app-modal="titulo_contato_modal_create">
                                    ENVIE SUA MENSAGEM, DÚVIDA, OU SUGESTÃO!
                                </div>
                            @endif
                            
                        </h3>
                        <div class="row justify-content-center text-start">
                            <div class="col-md-10">
                                <div class="form-contato">
                                    <div class="">
                                        {!! Form::open( ['route' => ['salvarMensagem', 'subdominio' => Route::input('subdominio') ] , 'method' => 'POST', 'class'=>'row', 'id' => 'mensagem'] ) !!}

                                        {!! Form::hidden('id_solicitacao', $site->id, ['class'=>'form-control']) !!}
                                        <div class="col-md-6">

                                            <div class="my-2">
                                                <label for="nome" class="form-label">Nome</label>
                                                <input id="nome" type="text" class="form-control" placeholder="digite seu nome completo" name="nome">
                                            </div>
                                            <div class="my-2">
                                                <label for="email" class="form-label">E-mail</label>
                                                <input id="email" type="text" class="form-control" placeholder="digite seu melhor e-mail" name="email">
                                            </div>
                                            <div class="my-2">
                                                <label for="email" class="form-label">Telefone</label>
                                                <input id="email" type="text" class="form-control" placeholder="(38) 9 9999-9999" name="telefone">
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div>
                                                <label for="mensagem" class="form-label">Mensagem</label>
                                                <textarea id="mensagem" cols="30" rows="10" class="form-control" name="mensagem"></textarea>
                                            </div>
                                        </div>

                                        <div class="col-md-12 col-sm-12 d-flex justify-content-center">
                                            <div class="form-group" style="margin-top: 20px;">
                                                <div class="g-recaptcha" id="captcha" data-sitekey="6LfxLZ0UAAAAABbZxZKZh14q-uVxQZK5-sY52dWC"></div>
                                            </div>
                                        </div>
                                        <div class="col-12 mt-3">
                                            <div>
                                                <button class="btn btn-link w-100 py-3">
                                                    Enviar mensagem
                                                </button>
                                            </div>
                                        </div>
                                        {!! Form::close() !!}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    {{-- banner_home --}}
    @include('temas.componentes.imagem.create',[
        'conteudo' => $conteudo,
        'label' => 'Adicionar Slide (Resolução sugerida 1357 × 592)',
        'id' => 'slide_imagem_modal_create',
        'tipo' => 'slide_imagem',
        'width' => '1357',
        'height' => '592'
    ])
    {{-- cards area de atuação --}}
    @include('temas.componentes.card-icon-fa-5.create',[
       'conteudo' => $conteudo,
       'label' => 'Adicionar Slide (Resolução sugerida 1357 × 592)',
       'id' => 'card_home_modal_create',
       'tipo' => 'area_atuacao',
   ])

    @if($site -> configuracao -> conteudos() -> where('tipo','area_atuacao')->first() )

        @foreach($site -> configuracao -> conteudos() -> where('tipo','area_atuacao') ->get() as $card)
            @include('temas.componentes.card-icon-fa-5.edit',[
               'conteudo' => $card,
               'id' => 'card_home_modal_edit_'.$card->id,
               'tipo' => 'card_home'
           ])
        @endforeach
    @endif

    {{-- localizacao --}}

    @include('temas.componentes.maps-localizacao.create',[
        'conteudo' => $conteudo,
        'id' => 'maps_localizacao_create',
        'label'=> 'código',
        'tipo' => 'maps_localizacao'
    ])

    @if($conteudo ->conteudos() ->where('tipo','maps_localizacao') -> first())
        @include('temas.componentes.maps-localizacao.edit',[
            'conteudo' => $conteudo ->conteudos() ->where('tipo','maps_localizacao') -> first(),
            'id' => 'maps_localizacao_edit',
            'tipo' => 'maps_localizacao',
        ])
    @endif

    {{-- Banner Meio --}}
    @include('temas.componentes.imagem.create',[
      'conteudo' => $conteudo,
      'id' => 'banner_meio_create',
      'label'=> 'Imagem de fundo',
      'tipo' => 'banner_meio'
    ])

    @if($conteudo ->conteudos() ->where('tipo','banner_meio') -> first())
        @include('temas.componentes.imagem.edit',[
            'conteudo' => $conteudo ->conteudos() ->where('tipo','banner_meio') -> first(),
            'id' => 'banner_meio_edit',
            'tipo' => 'banner_meio_create',
             'label'=> 'Imagem de fundo',
        ])
    @endif


    {{-- Título Banner Meio --}}
    @include('temas.componentes.texto.create',[
      'conteudo' => $conteudo,
      'id' => 'titulo_banner_meio_create',
      'label'=> 'Titulo',
      'tipo' => 'titulo_banner_meio'
    ])

    @if($conteudo ->conteudos() ->where('tipo','titulo_banner_meio') -> first())
        @include('temas.componentes.texto.edit',[
            'conteudo' => $conteudo ->conteudos() ->where('tipo','titulo_banner_meio') -> first(),
            'id' => 'titulo_banner_meio_edit',
            'tipo' => 'titulo_banner_meio',
            'label'=> 'Titulo',
        ])
    @endif

     {{-- titulo_contato --}}
     @include('temas.componentes.texto.create',[
        'conteudo' => $conteudo,
        'id' => 'titulo_contato_modal_create',
        'label'=> 'Titulo',
        'tipo' => 'titulo_contato'
      ])
  
      @if($conteudo ->conteudos() ->where('tipo','titulo_contato') -> first())
          @include('temas.componentes.texto.edit',[
              'conteudo' => $conteudo ->conteudos() ->where('tipo','titulo_contato') -> first(),
              'id' => 'titulo_contato_modal_edit',
              'tipo' => 'titulo_contato',
              'label'=> 'Titulo',
          ])
      @endif
  

    {{-- Texto Banner Meio --}}
    @include('temas.componentes.texto.create',[
      'conteudo' => $conteudo,
      'id' => 'texto_banner_meio_create',
      'label'=> 'Um breve texto',
      'tipo' => 'texto_banner_meio'
    ])

    @if($conteudo ->conteudos() ->where('tipo','texto_banner_meio') -> first())
        @include('temas.componentes.texto.edit',[
            'conteudo' => $conteudo ->conteudos() ->where('tipo','texto_banner_meio') -> first(),
            'id' => 'texto_banner_meio_edit',
            'tipo' => 'texto_banner_meio',
            'label'=> 'Um breve texto',
        ])
    @endif

    
@endsection