@extends('layouts.dashboardnew')

@section('content')

<div class="container-fluid paso-uno">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    
                    
                        <div class="col-4">
                            <div class="form-group">
                                @if($informacion == null)
                                  <a class="btn btn-info btn-block text-white" data-toggle="modal" data-target="#primera">Modificar Presentación</a>
                                @else
                                  <a class="btn btn-info btn-block text-white" data-toggle="modal" data-target="#segunda" onclick="actualizar('{{$informacion->id}}','{{$informacion->titulo}}','{{$informacion->contenido_modal}}','{{$informacion->facebook}}','{{$informacion->instagram}}','{{$informacion->whatsap}}','{{$informacion->tiktok}}','{{$informacion->twitter}}','{{$informacion->color}}','{{$informacion->subtitulo}}')">Modificar Presentación</a>
                                @endif
                            </div>
                        </div>
                    
                    
                    @if($informacion != null)
                        <div class="col-12">
                            <div class="card">
                                <div class="card-body presentacion" data-clipboard-text="{{route('presentacion-show', Auth::user()->user_login)}}" onclick="copiboard('presentacion')" style="cursor: pointer; border-left-style: solid; border-left-color: #843cf6;">
                                    <div class="media">
                        
                                        <img class="mr-3 img-fluid" src="{{ asset('fondo/5.jpg') }}" alt="Enlace referido" style="width:80px;">
                        
                                        <div class="media-body ocultar-linea">
                                            <h5 class="mt-0">Enlace de Presentación</h5>
                                            <h5>{{route('presentacion-show', Auth::user()->user_login)}}</h5>
                                            
                                        </div>
                                    </div>   
                    
                                </div>
                            </div>    
                        </div>
                    @endif
                        
                        
                        @if($informacion != null)
                        <div class="col-12">
                            <div class="form-group">
                                <div class="row">
                                    
                                    <div class="col-6">
                                        <img src="{{ asset('presentacion/'.$informacion->fondo) }}" class="img-fluid" alt="Responsive image">
                                    </div>
                                    
                                    
                                <div class="col-6">   
                                <div class="row">
                                    
                                    <div class="col-6">
                                        <div class="form-group">
                                            <h5 class="text-center">Título</h5>
                                        </div>
                                    </div>    
                                    
                                    
                                    <div class="col-6">
                                        <div class="form-group">
                                            <h5 class="text-center mt-2">{{$informacion->titulo}}
                                            </h5>
                                        </div>
                                    </div>    
                                    
                                    
                                    @if($informacion->facebook != null)
                                    <div class="col-6">
                                        <div class="form-group">
                                            <h5 class="text-center">Link Facebook</h5>
                                        </div>
                                    </div>    
                                    
                                    
                                    <div class="col-6">
                                        <a href="{{$informacion->facebook}}" target="_black">
                                        <div class="form-group">
                                            <h5 class="text-center mt-2">
                                                <i class="fa fa-facebook" style="font-size: 26px;"></i>     
                                            </h5>
                                        </div>
                                        </a>
                                    </div>    
                                    @endif
                                    
                                        
                                    @if($informacion->instagram != null)    
                                    <div class="col-6">
                                        <div class="form-group">
                                            <h5 class="text-center">Link Instagram</h5>
                                        </div>
                                    </div>    
                                    
                                    
                                    <div class="col-6">
                                        <a href="{{$informacion->instagram}}" target="_black">
                                        <div class="form-group">
                                            <h5 class="text-center mt-2">
                                                <i class="fa fa-instagram" style="font-size: 26px;"></i>     
                                            </h5>
                                        </div>
                                        </a>
                                    </div>    
                                    @endif
                                    
                                    
                                    @if($informacion->whatsap != null) 
                                    <div class="col-6">
                                        <div class="form-group">
                                            <h5 class="text-center">Link Whatsapp</h5>
                                        </div>
                                    </div>    
                                    
                                    
                                    <div class="col-6">
                                        <a href="{{$informacion->whatsap}}" target="_black">
                                        <div class="form-group">
                                            <h5 class="text-center mt-2">
                                                <i class="fa fa-whatsapp" style="font-size: 26px;"></i>     
                                            </h5>
                                        </div>
                                        </a>
                                    </div>    
                                    @endif
                                    
                                    
                                    @if($informacion->tiktok != null) 
                                    <div class="col-6">
                                        <div class="form-group">
                                            <h5 class="text-center">Link Youtube</h5>
                                        </div>
                                    </div>    
                                    
                                    
                                    <div class="col-6">
                                        <a href="{{$informacion->tiktok}}" target="_black">
                                        <div class="form-group">
                                            <h5 class="text-center mt-2">
                                                <i class="fa fa-youtube" style="font-size: 26px;"></i>     
                                            </h5>
                                        </div>
                                        </a>
                                    </div>    
                                    @endif
                                    
                                    
                                    @if($informacion->twitter != null) 
                                    <div class="col-6">
                                        <div class="form-group">
                                            <h5 class="text-center">Link Twitter</h5>
                                        </div>
                                    </div>    
                                    
                                    
                                    <div class="col-6">
                                        <a href="{{$informacion->twitter}}" target="_black">
                                        <div class="form-group">
                                            <h5 class="text-center mt-2">
                                                <i class="fa fa-twitter" href="{{$informacion->twitter}}" style="font-size: 26px;"></i>     
                                            </h5>
                                        </div>
                                        </a>
                                    </div>    
                                    @endif
                                    
                                    
                                    <div class="col-6">
                                        <div class="form-group">
                                           <h5 class="text-center"> Color </h5>
                                        </div>
                                    </div>    
                                    
                                    
                                    <div class="col-6">
                                        <div class="form-group">
                                            <h5 class="text-center mt-2">{{$informacion->color}}
                                            </h5>
                                        </div>
                                    </div>
                                
                                </div>
                                </div>
                                    
                                </div>
                            </div>
                        </div>
                        @endif
                        
                        
                        @if($informacion != null)
                        <div class="col-12">
                            <div class="form-group">
                                <h4 class="text-center">Descripción</h4>
                            </div>
                            
                            <hr style="border-top: 2px dashed #007bff;">
                            
                            <div class="form-group text-center">
                               {!! $informacion->contenido_modal !!}
                            </div>
                        </div>
                        @endif
                    
                </div>
            </div>
        </div>
    </div>
</div>    

@include('presentacion/modal/crear')
@include('presentacion/modal/actualizar')

@endsection


@push('script')
<script type="text/javascript"> 

    function copiboard(nombre){ 
    
      var especial = new ClipboardJS('.'+nombre);
      especial.on('success', function(e) {
        swal.fire({
           type:'success',
           title:'Link copiado con exito'
        })
        
      });
    }
    
    
    $('.summernote').summernote({
      toolbar: [
        ['style', ['style']],
          ['font', ['bold', 'underline', 'clear']],
          ['color', ['color']],
          ['para', ['ul', 'ol', 'paragraph']],
          ['table', ['table']],
          ['insert', ['link', 'picture', 'video']],
          ['view', ['fullscreen', 'codeview']]
      ]
    });
    
    
    function actualizar(id, titulo, contenido, facebook, instagram, whatsapp, youtube, twitter, color, subtitulo){
        
        $('.contenido').summernote('code', contenido);
        
        $('.id').val(id);
        $('.titulo').val(titulo);
        $('.facebook').val(facebook);
        $('.instagram').val(instagram);
        $('.whatsap').val(whatsapp);
        $('.youtube').val(youtube);
        $('.twitter').val(twitter);
        $('.color').val(color);
        $('.subtitulo').val(subtitulo);
    }
</script>
@endpush