@extends('template.portal.layout')
@section('content-body')
<div class="portlet light">
    <div class="portlet-title">
        <h3 class="titulo-default text-center">{{ $presentacion['titulo'] }}</h3>
    </div>
    <div class="portlet-body">
        <p class="parrafo-justificado">{!! $presentacion['descripcion'] !!}</p>
        <div class="img-default-container">
            <img src="{{asset($presentacion->urlimagen)}}" alt="imagen">
        </div>
        @if($presentacion['video_url'])
            <div class="img-default-container text-center" style="margin-bottom: 20px; margin-top: 5%; max-height: 500px !important;">
                <iframe src="" id="ytpreview" style="width: 100%; height: 500px; padding:10px 10px 10px 10px;background:#1a1a1a;border-radius:3px;-moz-box-shadow:3px 3px 3px black;-webkit-box-shadow:3px 3px 3px black;box-shadow:3px 3px 3px black;" frameborder="0"></iframe>
            </div>
        @endif
    </div>
</div>
<script>
    var video = "{{ $presentacion['video_url'] }}";
    if(video != undefined && video != ""){
        var regExp = /^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=|\?v=)([^#\&\?]*).*/;
        var match = video.match(regExp);
        $('#ytpreview').attr('src', 'https://www.youtube.com/embed/' + match[2] + '?vq=hd1080&cc_load_policy=1&fs=0&iv_load_policy=3&rel=0&showinfo=0&color=white&autohide=0&disablekb=1');
    }
</script>
@endsection