@extends('master')
@section('content')
<!--begin intro -->
<!--begin header_wrapper -->
@include('pages.partials.header')
<!--end header_wrapper -->
<!--begin home section -->
@include('pages.partials.timer', ['conede' => $conede])
<!--end home section -->
<!--end intro -->
<!--begin event_wrapper -->
<div id="features" class="event_wrapper">
    <!--begin event_box -->
    <div class="event_box">
        <!--begin row -->
        <div class="row">
            <!--begin twelvecol -->
            <div class="twelvecol">
                <!--begin threecol -->
                <div class="fourcol">
                    <span><i class="fa fa-calendar fa-3x"></i></span>
                    <p class="event_info"><span>Fecha</span><br>{{date('d', strtotime($conede->cone_ini))}} al {{date('d', strtotime($conede->cone_fin))}} de {{date('F', strtotime($conede->cone_fin))}}, @if(!empty($conede->cone_per)) {{$conede->cone_per}} @endif</p>
                </div>
                <!--end threecol -->
                <!--begin threecol -->
                <div class="fourcol">
                    <span><i class="fa fa-map-marker fa-3x"></i></span>
                    <p class="event_info"><span>Lugar</span><br>{{$conede->cone_nom}}</p>
                </div>
                <!--end threecol -->
                <!--begin threecol -->
                <div class="fourcol last">
                    <span><i class="fa fa-clock-o fa-3x"></i></span>
                    <p class="event_info"><span>Hora</span><br>09:00am</p>
                </div>
                <!--end threecol -->
            </div>
            <!--end twelvecol -->
        </div>
        <!--end row -->
    </div>
    <!--end event_box -->
</div>
<!--end event_wrapper -->
<!--begin section_box -->
<!--<div class="services_wrapper">
    <div class="services_item ">
        <div class="icon_wrapper">
            <div class="icon_box">
                <i class="fa fa-microphone icon-8x"></i>
            </div>
        </div>
        <h3>Ponencias estudiantiles</h3>
        <p>Donde las ponencias que obtenga los primeros lugares, seràn premiadas.</p>
    </div>
    <div class="services_item">
        <div class="icon_wrapper">
            <div class="icon_box">
                <i class="fa fa-university icon-8x"></i>
            </div>
        </div>
        <h3>Concurso pròxima sede</h3>
        <p>Elegiremos entre multiples opciones presentadas.</p>
    </div>
    <div class="services_item ">
        <div class="icon_wrapper">
            <div class="icon_box">
                <i class="fa fa-life-ring icon-8x"></i>
            </div>
        </div>
        <h3>Campeonato deportivo</h3>
        <p>Evento INTERUNIVERSIDADES (Masculino y Femenino).</p>
    </div>
    <div class="services_item last">
        <div class="icon_wrapper">
            <div class="icon_box">
                <i class="fa fa-graduation-cap icon-8x"></i>
            </div>
        </div>
        <h3>+9000 Inscripciones</h3>
        <p>Exito garantizado por nuestros participantes.</p>
    </div>
</div>-->
<!--end section_box -->
<!--begin newsletter_wrapper -->
<div id="subscribe" class="newsletter_wrapper">
    <!--begin newsletter_box -->
    <div class="newsletter_box">
        <h3 class="parallax_title">Porque TÚ ya nos conoces, somos el <span>CONEDE</span> <br> el evento académico en Derecho más grande del Perú.</h3>
    </div>
    <!--end newsletter_box -->
</div>
<!--end newsletter_wrapper -->
<!--begin section_wrapper -->
<div id="conede" class="section_wrapper">
    <!--begin section_box -->
    <div class="section_box small_margins">
        <!--begin row -->
        <div class="row">
            <!--begin twelvecol -->
            <div class="twelvecol">
                <!--begin sixcol -->
                <div class="sixcol">
                    <h4>¿Qué es CONEDE?</h4>
                    <p>{!!nl2br($configuracion->conf_nos)!!}</p>
                    <!--begin toggle -->
                </div>
                <div class="sixcol last">
                    <ul id="toggle-view">
                        <li>
                            <span>+</span>
                            <h3>MISIÓN</h3>
                            <p>{!!nl2br($configuracion->conf_mis)!!}</p>
                        </li>
                        <li>
                            <span>+</span>
                            <h3>VISIÓN</h3>
                            <p>{!!nl2br($configuracion->conf_vis)!!}</p>
                        </li>
                    </ul>
                    <!--<h4 class="margin_bottom">Invitación VI CONEDE 2024</h4>
                    <iframe width="650" height="366" src="https://www.youtube.com/embed/hVt0XK1hAdo" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>-->
                </div>
            </div>
        </div>
    </div>
</div>

<div class="section_wrapper grey_border">
    <div class="section_box testimonials_margins">
        <div class="row">
            <div class="twelvecol">
                @if(!empty($conede->con_est_img))
                <div class="fourcol">
                    <div class="testimonials_wrapper">
                        <div class="testimonials_item">
                                <p><img src="https://conede-media.s3.amazonaws.com/concursos/image/{{$conede->con_est_img}}"></p>
                                <img src="images/law.jpg" alt="Picture" class="autor_pic">
                                <span class="testimonials_arrow"></span>
                            <p class="autor"><span>Ponencias Estudiantiles</span>@if(!empty($conede->con_est_bas))<br><a href="https://conede-media.s3.amazonaws.com/concursos/doc/{{$conede->con_est_bas}}" target="_blank">Descargar Bases</a></p>@endif
                        </div>
                    </div>
                </div>
                @endif
                @if(!empty($conede->con_gra_img))
                <div class="fourcol">
                    <div class="testimonials_wrapper">
                        <div class="testimonials_item">
                                <p><img src="https://conede-media.s3.amazonaws.com/concursos/image/{{$conede->con_gra_img}}"></p>
                                <img src="images/law.jpg" alt="Picture" class="autor_pic">
                                <span class="testimonials_arrow"></span>
                            <p class="autor"><span>Ponencias Graduados</span>@if(!empty($conede->con_gra_bas))<br><a href="https://conede-media.s3.amazonaws.com/concursos/doc/{{$conede->con_gra_bas}}" target="_blank">Descargar Bases</a></p>@endif
                        </div>
                    </div>
                </div>
                @endif
                @if(!empty($conede->con_sed_img))
                <div class="fourcol last">
                    <div class="testimonials_wrapper">
                        <div class="testimonials_item">
                                <p><img src="https://conede-media.s3.amazonaws.com/concursos/image/{{$conede->con_sed_img}}"></p>
                                <img src="images/law.jpg" alt="Picture" class="autor_pic">
                                <span class="testimonials_arrow"></span>
                            <p class="autor"><span>Concurso Próxima Sede</span>@if(!empty($conede->con_sed_bas))<br><a href="https://conede-media.s3.amazonaws.com/concursos/doc/{{$conede->con_sed_bas}}" target="_blank">Descargar Bases</a></p>@endif
                        </div>
                    </div>
                </div>
                @endif
            </div>
        </div>
        <div class="row">
            <div class="twelvecol">
                @if(!empty($conede->con_ful_img))
                <div class="fourcol">
                    <div class="testimonials_wrapper">
                        <div class="testimonials_item">
                                <p><img src="https://conede-media.s3.amazonaws.com/concursos/image/{{$conede->con_ful_img}}"></p>
                                <img src="images/law.jpg" alt="Picture" class="autor_pic">
                                <span class="testimonials_arrow"></span>
                            <p class="autor"><span>Campeonato de Fulbito</span>@if(!empty($conede->con_ful_bas))<br><a href="https://conede-media.s3.amazonaws.com/concursos/doc/{{$conede->con_ful_bas}}" target="_blank">Descargar Bases</a></p>@endif
                        </div>
                    </div>
                </div>
                @endif
                @if(!empty($conede->con_mis_img))
                <div class="fourcol">
                    <div class="testimonials_wrapper">
                        <div class="testimonials_item">
                                <p><img src="https://conede-media.s3.amazonaws.com/concursos/image/{{$conede->con_mis_img}}"></p>
                                <img src="images/law.jpg" alt="Picture" class="autor_pic">
                                <span class="testimonials_arrow"></span>
                            <p class="autor"><span>Miss & Mister</span>@if(!empty($conede->con_mis_bas))<br><a href="https://conede-media.s3.amazonaws.com/concursos/doc/{{$conede->con_mis_bas}}" target="_blank">Descargar Bases</a></p>@endif
                        </div>
                    </div>
                </div>
                @endif
                @if(!empty($conede->con_gym_img))
                <div class="fourcol last">
                    <div class="testimonials_wrapper">
                        <div class="testimonials_item">
                                <p><img src="https://conede-media.s3.amazonaws.com/concursos/image/{{$conede->con_gym_img}}"></p>
                                <img src="images/law.jpg" alt="Picture" class="autor_pic">
                                <span class="testimonials_arrow"></span>
                            <p class="autor"><span>Gynkana Jurídica</span>@if(!empty($conede->con_gym_bas))<br><a href="https://conede-media.s3.amazonaws.com/concursos/doc/{{$conede->con_gym_bas}}" target="_blank">Descargar Bases</a></p>@endif
                        </div>
                    </div>
                </div>
                @endif
            </div>
        </div>        
    </div>
</div>

@if(!empty($ponentes))
<div id="ponentes" class="section_wrapper grey_bg">
    <div class="section_box">
        <div style="background: #1e7bc5;">
            <div class="row">
                <div class="twelvecol">
                    <div class="eightcol">
                        <img src="/images/bgponentes.jpg" alt="Picture">
                    </div>
                    <div class="fourcol last">
                        <div class="blue_box_content">
                            <h4>Nuestros Ponentes {{$conede->cone_per}}</h4>
                            <p>Conoce a los mayores académicos, abogados y jueces  que participarán a través de una serie de ponencias en el “{{$conede->cone_des}}”</p>
                            <ul>
                                <li><i class="fa fa-check-square-o"></i>&nbsp; Derecho Penal</li>
                                <li><i class="fa fa-check-square-o"></i>&nbsp; Derecho Constitucional</li>
                                <li><i class="fa fa-check-square-o"></i>&nbsp; Derecho Laboral y más</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="twelvecol">
                <div id="owl-example" class="owl-carousel">
                    @foreach($ponentes as $item)
                    <div class="carousel_item">
                        <img src="{{$item->pon_img}}" alt="{{$item->pon_nom}}" class="team_pic">
                        <div class="team_description">
                            <h4 class="team_name">{{$item->pon_nom}}<br><span>{{$item->pon_mat}}</span></h4>
                        </div>
                    </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>
</div>
@endif

<div id="beneficios" class="section_wrapper grey_border">
    <div class="section_box testimonials_margins">
        <div class="row">
            <div class="call_to_action_white">
                <h3>BENEFICIOS</h3>
                <h4>El evento académico en Derecho Más Grande del Perú.</h4>
            </div>            
            <div class="twelvecol">
                <div class="fourcol">
                    <div class="testimonials_wrapper">
                        <div class="testimonials_item">
                                <p><img src="https://conede-media.s3.amazonaws.com/beneficios/image/{{$conede->ben_1}}"></p>
                                <img src="images/law.jpg" alt="Picture" class="autor_pic">
                        </div>
                    </div>
                </div>
                <div class="fourcol">
                    <div class="testimonials_wrapper">
                        <div class="testimonials_item">
                                <p><img src="https://conede-media.s3.amazonaws.com/beneficios/image/{{$conede->ben_2}}"></p>
                                <img src="images/law.jpg" alt="Picture" class="autor_pic">
                        </div>
                    </div>
                </div>
                <div class="fourcol last">
                    <div class="testimonials_wrapper">
                        <div class="testimonials_item">
                                <p><img src="https://conede-media.s3.amazonaws.com/beneficios/image/{{$conede->ben_3}}"></p>
                                <img src="images/law.jpg" alt="Picture" class="autor_pic">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!--begin parallax_wrapper -->
<div class="parallax_wrapper">
    <!--begin parallax_box -->
    <div class="parallax_box">
        <h3 class="parallax_title">Te perderás este <span>gran evento</span> ?<br>¡Regístrate <span>hoy</span> vacantes limitadas!</h3>
        <a href="/inscripciones" class="button_transparent">Inscríbete</a>
    </div>
    <!--end parallax_box -->
</div>
<!--end parallax_wrapper -->
<!--begin call_to_action_white_wrapper -->
<div id="pricing" class="call_to_action_grey_wrapper"></div>
<!--end call_to_action_white_wrapper -->
<!--begin section_wrapper -->
<div class="section_wrapper grey_bg">
    <div class="section_box">
        <div class="row white_box">
            <div class="call_to_action_white">
                <h3>INVERSIÓN</h3>
                <h4>Pagos a Nivel Nacional</h4>
            </div>
            <img src="https://conede-media.s3.amazonaws.com/inversion/image/{{$conede->inversion}}">
        </div>
    </div>
</div>
<!--end section_wrapper -->

<div class="section_wrapper grey_bg">
    <div class="section_box" style="padding: 0px 0 60px 0!important;">
        <!--begin row -->
        <div class="row white_box">
            <div class="call_to_action_white">
                <h3>ALIANZA ESTRATÉGICA</h3>
                <h4>Nuestras instituciones, <strong>NOS RESPALDAN</strong>.</h4>
            </div>
            <!--begin twelvecol -->
            <div class="twelvecol">
                <div id="owl-alianza" class="owl-carousel">
                                        <div class="carousel_item" style="text-align: center; padding: 10px;">
                        <img src="https://conede-media.s3.amazonaws.com/assets/alianza/{{$i+1}}.webp" alt="ALIANZA ESTRATÉGICA" class="team_pic"><br><br>
                    </div>
                                        <div class="carousel_item" style="text-align: center; padding: 10px;">
                        <img src="https://conede-media.s3.amazonaws.com/assets/alianza/{{$i+1}}.webp" alt="ALIANZA ESTRATÉGICA" class="team_pic"><br><br>
                    </div>
                                        <div class="carousel_item" style="text-align: center; padding: 10px;">
                        <img src="https://conede-media.s3.amazonaws.com/assets/alianza/{{$i+1}}.webp" alt="ALIANZA ESTRATÉGICA" class="team_pic"><br><br>
                    </div>
                                        <div class="carousel_item" style="text-align: center; padding: 10px;">
                        <img src="https://conede-media.s3.amazonaws.com/assets/alianza/{{$i+1}}.webp" alt="ALIANZA ESTRATÉGICA" class="team_pic"><br><br>
                    </div>
                                        <div class="carousel_item" style="text-align: center; padding: 10px;">
                        <img src="https://conede-media.s3.amazonaws.com/assets/alianza/{{$i+1}}.webp" alt="ALIANZA ESTRATÉGICA" class="team_pic"><br><br>
                    </div>
                                
                </div>
            </div>
            <!--end twelvecol -->                        
        </div>
        <!--end row -->            
    </div>
</div>

@if(!empty($conedes))
<div class="section_wrapper grey_bg">
    <div class="section_box" style="padding: 0px 0 60px 0!important;">
        <!--begin row -->
        <div class="row white_box">
            <div class="call_to_action_white">
                <h3>EDICIONES ANTERIORES</h3>
                <h4>Nuestros eventos <strong>CONEDE</strong>.</h4>
            </div>
            <!--begin twelvecol -->
            <div class="twelvecol">
                <div id="owl-conedes" class="owl-carousel">
                    @foreach($conedes as $item)
                    <div class="carousel_item" style="text-align: center; padding: 10px;">
                        <img src="https://conede-media.s3.amazonaws.com/logos/{{$item->cone_log}}" alt="{{$item->cone_nom}}" class="team_pic"><br><br>
                    </div>
                    @endforeach                               
                </div>
            </div>
            <!--end twelvecol -->                        
        </div>
        <!--end row -->            
    </div>
</div>
@endif

@if(!empty($auspiciadores))
<div class="section_wrapper grey_bg">
    <div class="section_box" style="padding: 0px 0 60px 0!important;">
        <!--begin row -->
        <div class="row white_box">
            <div class="call_to_action_white">
                <h3>AUSPICIAN</h3>
            </div>
            <!--begin twelvecol -->
            <div class="twelvecol">
                <div id="owl-auspicio" class="owl-carousel">
                    @foreach($auspiciadores as $item)
                    <div class="carousel_item" style="text-align: center; padding: 10px;">
                        <img src="https://conede-media.s3.amazonaws.com/auspiciadores/{{$item->aus_img}}" alt="{{$item->aus_nom}}" class="team_pic"><br><br>
                    </div>
                    @endforeach                
                </div>
            </div>
            <!--end twelvecol -->                        
        </div>
        <!--end row -->            
    </div>
</div>
@endif

<!--begin contact_wrapper -->
<div id="contact" class="contact_wrapper">
    <!--begin contact_box -->
    <div class="contact_box">
        <i class="fa fa-map-marker fa-4x blue"></i><br>
        <h5 class="contact_title">INFORMES</h5>
        <p class="contact_details">{!!$configuracion->conf_dir!!}</p>
        <p class="contact_details">Celular / Whatsapp: {!!$configuracion->conf_whatsapp!!}</p>
        <a href="mailto:someone@example.com" class="contact_details">{!!$configuracion->conf_ema!!}</a>
        <a href="/inscripciones" class="button_transparent">Inscribirse</a>
    </div>
    <!--end contact_box -->
</div>
<!--end contact_wrapper -->
@endsection

@section('scripts')
@endsection