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

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

@section('titulo-pagina')
    @empty(!$site->informacao->nome_comercial)
        {{ $site->informacao->nome_comercial }} - Institucional
    @else
        Institucional
    @endif
@endsection

@section('content')
    <section class="container " style="">
        <div class="row" style="margin: 5em 0;">
            <div class="col-md-12">
                <h1>
                    @if($conteudo->conteudos()->where('tipo','titulo_sobre')->first())
                        <div class="edit" data-app-toggle="modal-app" data-app-modal="titulo_sobre_modal_edit">
                            {!!  $conteudo->conteudos()->where('tipo','titulo_sobre')->first()->descricao!!}
                        </div>
                    @else
                        <div class="edit" data-app-toggle="modal-app" data-app-modal="titulo_sobre_modal_create">
                            SOBRE O ESCRITÓRIO
                        </div>
                    @endif
                </h1>
            </div>
            <div class="col-md-8">
                <div class="mt-5">
                    @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 class="col-md-4">
                <div class="position-relative mt-5">
                    
                    @if($conteudo->conteudos() ->where('tipo','video_sobre') -> first())
                        <div class="edit edit-section" style="width: 100%;height:220px" data-app-toggle="modal-app" data-app-modal="video_sobre_modal_edit">
                            {!! $conteudo->conteudos() ->where('tipo','video_sobre') -> first() ->descricao !!}	
                        </div>
                        
                        <form class="form-delete" action="{{route('conteudo.destroy',$conteudo->conteudos() ->where('tipo','video_sobre') -> first() ->id)}}" method="post" onsubmit="if(!confirm('Tem certeza que deseja excluir?')){return false;}">
                            {{ csrf_field() }}
                            <input type="hidden" name="_method" value="DELETE">
                            <div class="text-center">
                                <button type="submit" class="btn btn-danger"><i class="fa fa-trash"></i></button>
                            </div>
                        </form>
                    @else
                        @if($conteudo ->conteudos() ->where('tipo','imagem_sobre') ->first())
                            <div class="edit"  data-app-toggle="modal-app" data-app-modal="video-ou-imagem">
                                <img src="{{route('arquivo.show',$conteudo ->conteudos() ->where('tipo','imagem_sobre') ->first() -> imagem)}}" alt="" class="w-100">
                            </div>
                        @else
                            {{--! Outra imagem padrão --}}
                            <div  class="edit"  data-app-toggle="modal-app" data-app-modal="video-ou-imagem">
                                <img src="{{asset('theme-eight/img/sobre.jpg')}}" class="w-100">
                            </div>
                        @endif
                    @endif
                    
                </div>
            </div>
        </div>
    </section>

    <modal id="video-ou-imagem" title="Adicionar vídeo ou imagem?">
        <div>	
            <button style="width: 100px;" class="btn btn-close btn-close-app" data-app-toggle="modal-app" data-app-modal="imagem_sobre_modal_edit">Imagem</button>
            <button style="width: 100px;" class="btn btn-close btn-close-app" data-app-toggle="modal-app" data-app-modal="video_sobre_modal_edit"> Vídeo</button>
        </div>	
    </modal>


     {{-- banner_video --}}	
	@if($conteudo->conteudos()->where('tipo','video_sobre')->first())
        @include('temas.componentes.video.edit',[
            'conteudo' => $conteudo->conteudos()->where('tipo','video_sobre')->first(),
            'label' => 'Cole o link do seu vídeo',
            'id' => 'video_sobre_modal_edit',
            'tipo' => 'video_sobre',
        ])
    @else 
        @include('temas.componentes.video.create',[
            'conteudo' => $conteudo,
            'label' => 'Cole o link do seu vídeo',
            'id' => 'video_sobre_modal_edit',
            'tipo' => 'video_sobre',
        ])
    @endif
    {{-- 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

    {{-- Imagem_sobre --}}
   
    @if($conteudo->conteudos()->where('tipo','imagem_sobre')->first())
        @include('temas.componentes.imagem.edit',[
            'conteudo' => $conteudo->conteudos()->where('tipo','imagem_sobre')->first(),
            'label' => 'Imagem',
            'id' => 'imagem_sobre_modal_edit',
            'tipo' => 'imagem_sobre',
        ])
    @else
        @include('temas.componentes.imagem.create',[
            'conteudo' => $conteudo,
            'label' => 'Imagem',
            'id' => 'imagem_sobre_modal_edit',
            'tipo' => 'imagem_sobre',
            'width' => 490, 
            'height' => 227
        ])
    @endif
@endsection