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

@section('titulo-pagina')
    {{ $site->informacao->nome_comercial }} - Profissionais
@endsection

@section('menu-profissionais')
    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"> Nossos profissionais</h1>
                    @endif
                </div>
            </div>
            <div class="col-md-4">
                <div class="breadcrumbs">
                    <ul>
                        <li>
                            <a href="{{ url('/') }}">Home</a> <span>>></span>
                        </li>
                        <li>Profissionais</li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="row">
            @foreach($conteudo ->conteudos() -> where('tipo','profissional') ->get() as $profissional)
                <div class="col-md-4">
                    <div class="area-atuacao edit">

                        <div class="edit-section-absolute"   data-app-toggle="modal-app" data-app-modal="profissional_modal_edit_{{$profissional->id}}" ></div>

                        <div class="header">
                            <img class="img-responsive"

                                 @if($profissional ->imagem)
                                 src="{{route('arquivo.show',$profissional ->imagem)}}"
                                 @else
                                 src="{{asset('uploads/pessoa-anonima.png')}}"
                                    @endif
                            >
                            <h2>{{$profissional->nome}}</h2>
                        </div>
                        <div class="texto">
                            {!!$profissional->descricao!!}
                        </div>
                        <div class="text-center z_index">
							<button  data-app-toggle="modal-app" data-app-modal="{{$profissional -> id}}_delete_profissional"  type="submit" class="btn btn-danger" style="cursor: pointer;"><i class="fa fa-trash"></i></button>
						</div>
                    </div>
                </div>
                <modal id="{{$profissional -> id}}_delete_profissional" title="Tem certeza que deseja excluir?">
					<div >
						<form style="position: relative;" class="form-delete" action="{{route('conteudo.destroy',$profissional ->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 style="display: flex; justify-content: center">
            <button class="btn-adicionar-app" type="button" data-app-toggle="modal-app" data-app-modal="profissional_modal_create">Adicionar profisional</button>
        </div>
    </div>
    {{-- 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

    {{-- Profissional --}}
    @include('temas.componentes.profissional.create',[
        'conteudo' => $conteudo,
        'label' => 'Título',
        'id' => 'profissional_modal_create',
        'tipo' => 'profissional',
    ])
    @foreach($conteudo->conteudos()->where('tipo','profissional')->get() as $key => $profissional)
        @include('temas.componentes.profissional.edit',[
            'conteudo' => $profissional,
            'id' => 'profissional_modal_edit_'.$profissional->id,
            'tipo' => 'profissional',
            'label' => 'Profissional'
        ])
    @endforeach
    {{-- banner_pagina --}}
    @include('temas.componentes.imagem.create',[
        'conteudo' => $conteudo,
        'label' => 'Editar imagem',
        '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' => 'Editar imagem',
            'id' => 'banner_pagina_modal_edit',
            'tipo' => 'banner_pagina',
            'width' => '1700',
		    'height' => '165',
        ])
    @endif
@endsection

@section('scripts')
    <script>
        // 	$(document).ready(function(){

        //       var highestBox = 0;

        //       $('.area-atuacao', this).each(function(){

        //         if($(this).height() > highestBox) {
        //           highestBox = $(this).height();
        //         }

        //       });

        //       $('.area-atuacao',this).height(highestBox);
        // });
    </script>
@endsection