@extends('layouts.front')

@section('head')
<style>
    body {
        overflow-y: scroll !important;
    }
</style>
@endsection

@section('header')
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
    <a class="navbar-brand" href="{{ url('/') }}">
        <img id="logo-empresa-propietaria" src="{{ asset($logo_empresa_propietaria) }}" class="img-fluid" style="height:50px !important;">
    </a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>

    <div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent">
        <ul class="navbar-nav mr-0" style="float:right;">
            @if(auth()->user())
            <div class="dropdown pull-right">
                <button class="btn btn-info btn-sm dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                <i class="fas fa-user"></i> {{ auth()->user()->name }}
                </button>
                <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                    <a class="dropdown-item" href="{{ url('/home') }}">Mi Panel de Administración</a>
                    <a href="{{ url('/logout') }}" class="dropdown-item bg-danger">
                        <i class="fas fa-sign-out-alt text-white"></i>
                        <span class="text-white">Cerrar Sesión</span>
                    </a>
                </div>
            </div>
            <ul class="navbar-nav ml-auto">
                <li class="nav-item dropdown">
                    <div class="mr-2 mr-lg-0 float-right pt-1 ingresos">
                        <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
                            <div class="dropdown-divider"></div>
                            <a href="#" class="dropdown-item">
                                <!-- Message Start -->
                                <div class="media">
                                    <!-- <img src="{{ asset('assets/dist/img/user8-128x128.jpg') }}" alt="User Avatar" class="img-size-50 img-circle mr-3"> -->
                                    <div class="media-body">
                                        <h3 class="dropdown-item-title">
                                            Usuario: {{ auth()->user()->name }}
                                            <span class="float-right text-sm text-muted"><i class="fas fa-star"></i></span>
                                        </h3>
                                    </div>
                                </div>
                                <!-- Message End -->
                            </a>
                            <div class="dropdown-divider"></div>
                            <a href="{{ url('/logout') }}" class="dropdown-item dropdown-footer bg-danger text-white"> Cerrar Sesión</a>
                        </div>
                    </div>
                </li>
            </ul>
            @else
            <li class="nav-item">
                <a class="btn btn-info  btn-sm" href="{{ url('/login') }}">Ingresar</a>
            </li>
            @endif
            <li class="nav-item">|</li>
            <li class="nav-item">
                <a type="button" class="btn btn-secondary btn-sm" href="{{ url('/') }}">Ir al inicio</a>
            </li>
        </ul>
    </div>
</nav>
@endsection

@section('main')
<div id="producto-info" class="container-fluid" style="margin-top:70px;">
    @include('products.sections.cabecera', ['caracteristicaProducto' => $caracteristicaProducto, 'productoDemo' => $productoDemo, 'tieneLicenciaComprada' => $tieneLicenciaComprada])
    <div class="container">
        <div class="row">
            <div class="col-md-9">
                <h3 class="pl-5 pt-2 pb-2">Contenido</h3>
                {!! $caracteristicaProducto->contenido !!}
                <h3 class="pl-5 pt-2 pb-2">Requisitos</h3>
                <p>
                    {{ $caracteristicaProducto->requisitos }}
                </p>
                <h3 class="pl-5 pt-2 pb-2">Descripción</h3>
                <p>
                    {!! $caracteristicaProducto->descripcion !!}
                </p>
            </div>
            <div class="col-md-3">
                <div class="row">
                    @include('products.sections.productos', ['caracteristicaProducto' => $caracteristicaProducto, 'productos' => $productos, 'tieneLicenciaComprada' => $tieneLicenciaComprada])
                </div>
            </div>
        </div>
    </div>
@include('shared.footer')
@endsection

@section('script')
@if(auth()->user())
<script>
    const config = {
        'url': '/admin/carrito',
        'cookiesV2': '/cookiesV2'
    }

    function setCookieV2(paquete) {
        let data = {
            relProductosPaquetesPreciosId: paquete.id
        };

        $.ajax({
            type: 'POST',
            url: config.cookiesV2,
            data,
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            success: function(response) {
                console.log('response', response);
                if (response.status == 'success') {
                    window.location.href = config.url;
                }
            },
            error: function(error) {
                console.log('error', error);
            }
        });
    };
</script>
@else
<script>
    let config = { url: '/cookies'};

    function setCookie(producto) {
        let data = {
            productoId: producto.id
        };

        $.ajax({
            type: 'POST',
            url: config.url,
            data,
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            success: function(response) {
                console.log('response', response.status);
                if (response.status == 'success') {
                    window.location.href = `/comprar/carrito`;
                }
            },
            error: function(error) {
                console.log('error', error);
            }
        });
    };
</script>
@endif
@endsection