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

@section('titulo-pagina')
    @if(!empty($site->informacao->nome_comercial))
        {{ $site->informacao->nome_comercial }} - Quem Somos
    @else
        Página inicial
    @endif
@endsection

@section('style')
    <style>
        .profissionais{
            margin-top: 30px;
        }
        .profissionais img{
            border-radius: 100%;
        }
    </style>
@endsection

@section('menu-institucional')
    active
@endsection

@section('header')
    <header class="intro-header"
            @if($conteudo ->conteudos() ->where('tipo','banner_pagina') ->first())
            style="background-image: url('{{route('arquivo.show',$conteudo ->conteudos() ->where('tipo','banner_pagina') ->first() ->imagem)}}') !important;position: relative;" >
             <div class="edit-section-absolute" data-app-toggle="modal-app" data-app-modal="banner_pagina_modal_edit"></div>
        @else
            style="background-image: url({{asset('theme-four/img/bg.jpg')}}) !important;position: relative;"  >
            <div class="edit-section-absolute" data-app-toggle="modal-app" data-app-modal="banner_pagina_modal_create"></div>
        @endif
    
        <div class="container">
            <div class="intro-message" style="padding: 5% 0;">
                @if($conteudo->conteudos()->where('tipo','titulo_sobre')->first())
                    <h1 class="edit"  data-app-toggle="modal-app" data-app-modal="titulo_sobre_modal_edit">{!!  $conteudo->conteudos()->where('tipo','titulo_sobre')->first()->descricao!!}</h1>
                @else
                    <h1 class="edit" data-app-toogle="modal-app" data-app-modal="titulo_sobre_modal_create">SOBRE O ESCRITÓRIO</h1>
                @endif

            </div>
        </div>
    </header>
@endsection

@section('conteudo')
    <div class="container">
        <div class="row">
            <div class="col-md-9">
                <div class="lead">
                    @if($conteudo ->conteudos() ->where('tipo','texto_sobre') ->first())
                        <div class="edit" data-app-toggle="modal-app" data-app-modal="texto_sobre_modal_edit">
                            {!! $conteudo ->conteudos() ->where('tipo','texto_sobre') ->first() ->descricao !!}
                        </div>
                    @else
                        <div class="edit" data-app-toggle="modal-app" data-app-modal="texto_sobre_modal_create">
                            <p>Dotado de uma estrutura ágil, abrangente, com os melhores recursos humanos e tecnológicos do mercado, nosso escritório está plenamente apto a atender às demandas e aos interesses de seus clientes, com dedicação, lealdade e eficiência de resultados, razões pelas quais alcançou prestígio e respeitabilidade no mercado.</p><p>Por meio de grupos de estudos e pesquisas, o escritório atua na vanguarda perante os Tribunais do país, contribuindo com a consolidação da jurisprudência, bem como em sintonia com os principais doutrinadores das áreas nas quais atua.</p><p>A equipe possui habilidades múltiplas para oferecer as melhores soluções aos seus clientes, com uma equipe de advogados de sólida formação e comprovada experiência profissional.</p>
                        </div>

                    @endif
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-9">
                @foreach($conteudo ->conteudos() ->where('tipo','profissional') ->get() as $key => $profissional)
                    <div class="profissionais edit" data-app-toggle="modal-app" data-app-modal="profissional_modal_edit_{{$profissional -> id}}">
                        <div class="row">
                            <div class="col-md-4">
                                @empty(!$profissional ->imagem)
                                    <img src="{{route('arquivo.show', $profissional ->imagem)}}" class="img-responsive" style="max-width: 100%; margin-bottom: 10px;">
                                @else
                                    <img src="{{asset('uploads/pessoa-anonima.png')}}" class="img-responsive" style="max-width: 100%; margin-bottom: 10px;">
                                @endempty
                            </div>
                            <div class="col-md-8">
                                <h2>{{$profissional->nome}}</h2>
                                {!!$profissional->descricao!!}
                                @if(($key+1) == count($site->informacao->profissionais))
                                    <div class="text-center" style="margin: 80px 0;">
                                        <a class="btn btn-lg" href="{{url('/areas')}}">CONHEÇA NOSSAS ÁREAS DE ATUAÇÃO</a>
                                    </div>
                                @endif
                            </div>
                        </div>
                       
                    </div>
                    <div class="text-center">
                        <button type="submit" class="btn btn-danger" style="cursor: pointer;" data-app-toggle="modal-app" data-app-modal="{{$profissional -> id}}_delete_profissional" ><i class="fa fa-trash"></i></button>
                    </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>
        <div class="row" style="margin-top: 3em;margin-bottom: 2em;justify-content: start;">
            <button type="button" class="btn-adicionar-app" data-app-toggle="modal-app" data-app-modal="profissional_modal_create">Adicionar profissional</button>
        </div>
    </div>

    {{-- titulo_sobre --}}
    @include('temas.componentes.texto.create',[
        'conteudo' => $conteudo,
        'label' => 'Título',
        'id' => 'titulo_sobre_modal_create',
        'tipo' => 'titulo_sobre',
    ])
    @if($conteudo->conteudos()->where('tipo','titulo_sobre')->first())
        @include('temas.componentes.texto.edit',[
            'conteudo' => $conteudo->conteudos()->where('tipo','titulo_sobre')->first(),
            'label' => 'Título',
            'id' => 'titulo_sobre_modal_edit',
            'tipo' => 'titulo_sobre',
        ])
    @endif

    {{-- texto_sobre --}}
    @include('temas.componentes.textarea.create',[
        'conteudo' => $conteudo,
        'label' => 'Texto',
        'id' => 'texto_sobre_modal_create',
        'tipo' => 'texto_sobre',
    ])
    @if($conteudo->conteudos()->where('tipo','texto_sobre')->first())
        @include('temas.componentes.textarea.edit',[
            'conteudo' => $conteudo->conteudos()->where('tipo','texto_sobre')->first(),
            'label' => 'Texto',
            'id' => 'texto_sobre_modal_edit',
            'tipo' => 'texto_sobre',
        ])
    @endif


    @include('temas.componentes.imagem.create',[
		'conteudo' => $conteudo,
		'label' => 'Imagem de fundo',
		'id' => 'banner_pagina_modal_create',
		'tipo' => 'banner_pagina',
        'width' => '1920',
        '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' => '1920',
            'height' => '165'
        ])
    @endif

    {{-- Profissionais --}}
    @include('temas.componentes.profissional.create',[
       'conteudo' => $conteudo,
       'label' => 'Um breve texto sobre o profissional',
       'id' => 'profissional_modal_create',
       'tipo' => 'profissional',
    ])
    @if($conteudo->conteudos()->where('tipo','profissional')->first())
        @foreach($conteudo -> conteudos() ->where('tipo','profissional') ->get() as $profissional)
            @include('temas.componentes.profissional.edit',[
                'conteudo' => $profissional,
                'label' => 'Um breve texto sobre o profissional',
                'id' => 'profissional_modal_edit_'.$profissional ->id,
                'tipo' => 'profissional',
            ])
        @endforeach()
    @endif

@endsection