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

@section('menu-profissionais')
    active
@stop

@section('titulo-pagina')
    @empty(!$site->informacao->nome_comercial)
        {{ $site->informacao->nome_comercial }} - Profissionais
    @else
        Profissionais
    @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">Profissionais</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($conteudo->conteudos()->where('tipo','profissional')->get() as $profissional)
                                <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="profissional_modal_edit_{{$profissional ->id}}" ></div>
                                        <div class="profissional text-center">
                                            @if($profissional -> imagem)
                                                <img class="w-75 rounded-circle " src="{{route('arquivo.show',$profissional -> imagem )}}" alt="">
                                            @else
                                                <img class="w-75 rounded-circle " src="{{asset('uploads/pessoa-anonima.png')}}" alt="">
                                            @endif
                                        </div>
                                        <div class="text-center">
                                            <h2>
                                                {{$profissional -> nome}}
                                            </h2>
                                        </div>
                                        <div class="text-center">
                                            {!! $profissional ->descricao !!}
                                        </div>

                                        <div class="text-center z_index">
											<button type="submit" data-app-toggle="modal-app" data-app-modal="{{$profissional -> id}}_delete_profissional" class="btn btn-danger" style="cursor: pointer;"><i class="fa fa-trash"></i></button>
										</div>
                                    </div>
                                </div>
                            @endforeach


                            @foreach($conteudo->conteudos()->where('tipo','profissional')->get() as $profissional)
								<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>

                    <div class="col-12 text-center">
                        <button class="btn-adicionar-app" data-app-toggle="modal-app" data-app-modal="profissional_modal_create">Adicionar profissional</button>
                    </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',
    ])
    @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
@endsection