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

@section('titulo-pagina')
    @empty($site->informacao->nome_comercial)
        Áreas de atuação
    @else
        {{ $site->informacao->nome_comercial }} - Áreas de atuação
    @endif
@endsection

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

@section('header-set')
    @if($conteudo->conteudos()->where('tipo','banner_pagina') ->first())
        <div style="z-index: 1" class="edit-section-absolute" data-app-toggle="modal-app" data-app-modal="banner_pagina_modal_edit"></div>
    @else
        <div style="z-index: 1" class="edit-section-absolute" data-app-toggle="modal-app" data-app-modal="banner_pagina_modal_create"></div>
    @endif
@endsection

@section('header')
    <div class="text-end">
        @if($conteudo->conteudos()->where('tipo','titulo_pagina')->first())
            <h1><div class="edit" data-app-toggle="modal-app" data-app-modal="titulo_pagina_modal_edit" style="border-color: white !important;">{!!$conteudo->conteudos()->where('tipo','titulo_pagina')->first()->descricao !!}</div></h1>
        @else
            <h1> <div  style="border-color: white !important;" class="edit" data-app-toggle="modal-app" data-app-modal="titulo_pagina_modal_create">Áreas de atuação</div></h1>
        @endif
    </div>
@endsection

@section('imagem-header')
    @if($conteudo->conteudos()->where('tipo','banner_pagina')->first())
        '{{route('arquivo.show',$conteudo->conteudos()->where('tipo','banner_pagina')->first()->imagem)}}'
    @else
        '{{asset('theme-five/img/bg.jpg')}}'
    @endif
@endsection

@section('container')
    <section class="container mt-4">
        <div class="row justify-content-center">
            <div class="col-10 h6">
                {!! ($conteudo->conteudos()->where('tipo','texto_atuacao_pagina')->first()->descricao ?? '' )  !!}
            </div>
        </div>
    </section>

    <section class="container">
        <div class="row area-atuacao justify-content-center ">
            <div class="col-10">
                <div class="row ">
                    @foreach($conteudo->conteudos()->where('tipo','area_atuacao')->get() as $area)
                        <div class="area-itens-2 col-12 col-md-6 mt-3 mt-sm-0" style="">
                            <div class="item d-flex align-items-end flex-column edit" data-app-toggle="modal-app" data-app-modal="area_atuacao_modal_edit{{$area ->id}}"
                                 style="height:200px;background-image: url('{{route('arquivo.show',$area ->imagem)}}') !important;">
                                <h3 class="mt-auto ">
                                    {{$area->nome}}
                                </h3>
                                <span class="mascara"></span>
                            </div>


                            <div class="my-3 text-center">
                                <button type="submit" data-app-toggle="modal-app"  data-app-modal="{{$area -> id}}_delete_area_atuacao"  class="btn btn-danger bg-danger" style="cursor: pointer;"><i class="fa fa-trash"></i></button>
                            </div>

                            <modal id="{{$area -> id}}_delete_area_atuacao" 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 justify-content-center mt-5">
                    <div class="col-md-4 mt-5">
                        <button class="btn-adicionar-app" type="button" data-app-toggle="modal-app" data-app-modal="area_atuacao_modal_create">Adicionar área de atuação</button>
                    </div>
                </div>
            </div>
        </div>
    </section>
    {{-- MODAIS DE EDIÇÃO E CADASTRO DE CONTEÚDO --}}

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

    {{-- titulo_pagina --}}
    @include('temas.componentes.texto.create',[
        'conteudo' => $conteudo,
        'label' => 'Título',
        'id' => 'titulo_pagina_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_pagina_modal_edit',
            'tipo' => 'titulo_pagina',
        ])
    @endif

    {{-- texto_atuacao --}}
    @include('temas.componentes.textarea.create',[
        'conteudo' => $conteudo,
        'label' => 'Texto área de atuação',
        'id' => 'texto_atuacao_modal_create',
        'tipo' => 'texto_atuacao_pagina'
    ])
    @if($conteudo ->conteudos() ->where('tipo','texto_atuacao_pagina') ->first())
        @include('temas.componentes.textarea.edit',[
            'conteudo' => $conteudo ->conteudos() ->where('tipo','texto_atuacao_pagina') ->first(),
            'label' => 'Texto área de atuação',
            'id' => 'texto_atuacao_modal_edit',
            'tipo' => 'texto_atuacao_pagina'
        ])
    @endif


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

@section('scripts')

@endsection