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

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

@section('content')
	<section class="container " style="">
		<div class="row" style="margin: 5em 0;">
			<div class="col-md-12 text-center">
				@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 class="col-md-12">
				<div class="row mt-5 justify-content-center">
					<div class="col-md-10">
						<div class="row">
							@foreach($site -> configuracao -> conteudos() -> where('tipo','area_atuacao')->get() as $area)
								<div class="col-md-4">
									<div class="d-flex flex-column justify-content-center p-3 rounded-3 mb-3 edit" style="background-color: #f6f6f6;" >
										<div class=" edit-section-absolute"  data-app-toggle="modal-app" data-app-modal="area_atuacao_modal_edit{{$area ->id}}" ></div>

										<div class="text-center mb-4">
											<span class="fa-4x {{$area ->icone}}"></span>
										</div>
										<div class="text-center">
											<h2>
												{{$area -> nome}}
											</h2>
										</div>
										<div class="text-center">
											{!! $area ->descricao !!}
										</div>
										
										<div class="text-center z_index">
											<button type="submit" data-app-toggle="modal-app" data-app-modal="{{$area -> id}}_area_delete" class="btn btn-danger" style="cursor: pointer;"><i class="fa fa-trash"></i></button>
										</div>
									</div>
								</div>
							@endforeach
							@foreach($site -> configuracao -> conteudos() -> where('tipo','area_atuacao')->get() as $area)
								<modal id="{{$area -> id}}_area_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="row">
							<div class="col-12 text-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>
					</div>
				</div>
			</div>
		</div>
	</section>

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

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