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

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

@section('menu-areas')
	style="font-family: 'now_altbold';"
@endsection

@section('set-header-imagem')
	@if($conteudo ->conteudos() ->where('tipo','banner_pagina') ->first())
		style=" background-image: url('{{route('arquivo.show',$conteudo ->conteudos() ->where('tipo','banner_pagina') ->first() ->imagem )}}') !important;"
	@endif
@endsection

@section('set-header')
	@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
@endsection


@section('conteudo')
	<div class="extend row-oriente">
		<div class="row">
			<div class="col-md-8">
				<div class="heading-title">
					@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">AREAS DE ATUAÇÃO</h1>
					@endif
				</div>
			</div>
			<div class="col-md-4">
				<div class="breadcrumbs">
					<ul>
						<li>
							<a href="{{ url('/') }}">Home</a> <span>>></span>
						</li>
						<li>Áreas de atuação</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="row">
			@foreach($conteudo ->conteudos() ->where('tipo','area_atuacao') ->get()  as $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="row" 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>
	{{-- banner_pagina --}}
	@include('temas.componentes.imagem.create',[
		'conteudo' => $conteudo,
		'label' => 'Imagem de fundo',
		'id' => 'banner_pagina_modal_create',
		'tipo' => 'banner_pagina',
		'width' => '1700',
		'height' => '165',
	])
	@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' => '1700',
			'height' => '165',
		])
	@endif

	{{-- 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.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
	{{-- banner_pagina --}}
	@include('temas.componentes.imagem.create',[
        'conteudo' => $conteudo,
        'label' => 'Editar imagem',
        'id' => 'banner_pagina_modal_create',
        'tipo' => 'banner_pagina',
    ])
	@if($conteudo->conteudos()->where('tipo','banner_pagina')->first())
		@include('temas.componentes.imagem.edit',[
            'conteudo' => $conteudo->conteudos()->where('tipo','banner_pagina')->first(),
            'label' => 'Editar imagem',
            'id' => 'banner_pagina_modal_edit',
            'tipo' => 'banner_pagina',
        ])
	@endif
@endsection

@section('scripts')

@endsection