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

@section('header')
    {{-- BANNER PAGINA --}}

    <header class="intro-header" style="padding-top: 0 !important;position:relative;
            @if($conteudo->conteudos()->where('tipo','banner_pagina')->first())
                background-image: url('{{route('arquivo.show',$conteudo->conteudos()->where('tipo','banner_pagina')->first()->imagem)}}') !important; background-size:cover !important;
            @endif"
    >
        <div class="">
            <div class="intro-message" style="padding: 5% 0;">
                @if($conteudo->conteudos()->where('tipo','banner_pagina')->first())
                    <div class="edit-section-absolute"  data-app-toggle="modal-app" data-app-modal="banner_pagina_modal_edit"></div>
                @else
                    <div class="edit-section-absolute" data-app-toggle="modal-app" data-app-modal="banner_pagina_modal_create"></div>
                @endif
                @if($conteudo->conteudos()->where('tipo','titulo_pagina')->first())
                    <h1 class="edit" data-app-toggle="modal-app" data-app-modal="titulo_pagina_modal_edit">{!! $conteudo->conteudos()->where('tipo','titulo_pagina')->first()->descricao !!}</h1>
                @else
                    <h1 class="edit" data-app-toggle="modal-app" data-app-modal="titulo_pagina_modal_create">Áreas de atuação</h1>
                @endif
            </div>
        </div>
    </header>
@endsection

@section('conteudo')
    <section class="content-section-a">
        <div class="container">
            <div class="row">
                @foreach($conteudo->conteudos()->where('tipo','area_atuacao')->get() as $key => $area)
                    <div class="col-md-4">
                        <div class="area-atuacao edit" >
                            <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">
                                {!!$area->descricao!!}
                            </div>

                            <div class="text-center z_index">
                                <button  data-app-toggle="modal-app" data-app-modal="{{$area -> id}}_delete_area"  type="submit" class="btn btn-danger" style="cursor: pointer;"><i class="fa fa-trash"></i></button>
                            </div>
                        </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>

                @endforeach
            </div>
            <div class="" style="display: flex;justify-content: center;">
                <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>
    </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' => '1520',
		'height' => '400',
    ])
    @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' => '1520',
		    'height' => '400'
        ])
    @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

    {{-- 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