@extends('master')
@section('style')
    <link rel='stylesheet' href='{{config("app.cdn_files")}}/assets/plugins/commerce/assets/css/prettyPhoto.css?ver=6.3' type='text/css' media='all' />
    <link rel='stylesheet' href='{{config("app.cdn_files")}}/assets/plugins/commerce/packages/blocks/build/vendors-style.css?ver=3.8.1' type='text/css' media='all' />
    <link rel='stylesheet' href='{{config("app.cdn_files")}}/assets/plugins/commerce/packages/blocks/build/style.css?ver=3.8.1' type='text/css' media='all' />
    <link rel='stylesheet' href='{{config("app.cdn_files")}}/assets/plugins/yith-woocommerce-wishlist/assets/css/jquery.selectBox.css?ver=1.2.0' type='text/css' media='all' />
    <link rel='stylesheet' href='{{config("app.cdn_files")}}/assets/plugins/yith-woocommerce-wishlist/assets/css/font-awesome.css?ver=4.7.0' type='text/css' media='all' />
    <link rel='stylesheet' href='{{config("app.cdn_files")}}/assets/plugins/yith-woocommerce-wishlist/assets/css/style.css?ver=3.0.17' type='text/css' media='all' />
    <link rel='stylesheet' href='{{config("app.cdn_files")}}/assets/themes/css/commerce.css?ver=2.2' type='text/css' media='all' />
    <link rel='stylesheet' href="{{mix('/assets/css/custom.css')}}" type='text/css' media='all' />
    <link rel='stylesheet' href="{{mix('/assets/css/app.css')}}" type='text/css' media='all' />
    <style type="text/css">
        .woocommerce select, .woocommerce-page select {
            height: auto;
            min-height: 36px!important;
            margin-bottom: 6px!important;
            font-size: 15px!important;
        }        
    </style>
@endsection

@section('content')
<section class="main-title-section-wrapper default" style="">
    <div class="container">
        <div class="main-title-section">
            <h1>Descuentos</h1>
        </div>
        <div class="breadcrumb"><a href="/">Home</a><span class="fa default"></span><a href="/descuentos/">Descuentos</a><span class="fa default"></span>ID : {{$offer['OfferID']}}<div>
        @include('partials.submenu')
    </div>
</section>
@include('pages.app.partials.menu', ['segmentID' => $offer['SegmentID']])
<!-- ** Container ** -->
<div class="container">
    <section id="primary" class="content-full-width">
        <div class="woocommerce-notices-wrapper"></div>
        <div id="product-83" class="pif-has-gallery product type-product post-83 status-publish first instock product_cat-albums product_cat-music has-post-thumbnail downloadable shipping-taxable purchasable product-type-simple">
            <div class="product-thumb-wrapper">
                <div class="woocommerce-product-gallery woocommerce-product-gallery--with-images woocommerce-product-gallery--columns-4 images" data-columns="4" style="opacity: 0; transition: opacity .25s ease-in-out;">
                    <figure class="woocommerce-product-gallery__wrapper">
                        @foreach(array_slice($offer['Images'], 0, 4) as $item)
                        <div data-thumb="{{config('app.cdn_image').$item['URLImagenCorta']}}" data-thumb-alt="" class="woocommerce-product-gallery__image"><a href="#">
                            <img width="600" height="600" src="{{config('app.cdn_image').$item['URLImagen']}}" class="wp-post-image" alt="" decoding="async" title="cd_1_angle" data-caption="" data-src="{{config('app.cdn_image').$item['URLImagen']}}" data-large_image="{{config('app.cdn_image').$item['URLImagen']}}" data-large_image_width="1000" data-large_image_height="1000" loading="lazy" srcset="{{config('app.cdn_image').$item['URLImagen']}}" sizes="(max-width: 600px) 100vw, 600px" /></a></div>
                        @endforeach
                        <div class="product-status-labels"></div>
                    </figure>
                </div>
                <div class="summary entry-summary">
                    <h4 class="product__brand"><u>{{$offer['Merchant']['MerchantName']}}</u></h4>
                    <h1 class="product_title entry-title">{{$offer['Title']}}</h1>
                    <p class="price">
                        <span id="desde">@if(!empty($offer['HasSubOffers']) and !empty($offer['SubOffers'])) Desde @endif</span>
                        <del>
                            <span class="amount">
                                <bdi>
                                    <span class="woocommerce-Price-currencySymbol" id="price_desc_marked">S/.{{number_format($offer['Value'], 2, '.', '')}}</span>
                                </bdi>
                            </span>
                        </del>
                        <span id="price_desc" class="woocommerce-Price-amount" style="font-size: 25px!important; font-weight: bold;">S/.{{number_format($offer['ListingPrice'], 2, '.', '')}}</span>
                    </p>
                    <div class="woocommerce-product-details__short-description">
                        <p>Válido {{$offer['HorarioTexto']}}</p>
                    </div>
                    @if(!empty($user['CustomerID']))
                        <div class="product-action">
                            @if(!empty($offerGroup))
                                @if(!empty($offerGroup['text1']) and !empty($levelGroup1))
                                <div class="select-custom-100">
                                    <select id="level1" class="select2 form-control @if($offerGroup['level']==1) level-finish @endif" onchange="@if($offerGroup['level']==1) getDate(this.value); @else getOptions(2, this.value); @endif">
                                        <option value="-">Seleccione {{$offerGroup['text1']}}</option>
                                        @foreach ($levelGroup1 as $item)
                                            <option value="{{$item['description']}}">{{$item['description']}}</option>
                                        @endforeach
                                    </select>
                                </div>
                                @endif
                                @if(!empty($offerGroup['text2']))
                                <div class="select-custom-100">
                                    <select id="level2" class="select2 form-control @if($offerGroup['level']==2) level-finish @endif" onchange="@if($offerGroup['level']==2) getDate(this.value); @else getOptions(3, this.value); @endif">
                                        <option value="">Seleccione {{$offerGroup['text2']}}</option>
                                    </select>
                                </div>                        
                                @endif
                                @if(!empty($offerGroup['text3']))
                                <div class="select-custom-100">
                                    <select id="level3" class="select2 form-control level-finish" onchange="getDate(this.value);">
                                        <option value="">Seleccione {{$offerGroup['text3']}}</option>
                                    </select>
                                </div>                        
                                @endif
                                <div class="select-custom-100">
                                    <select name="date" id="date" class="select2 form-control" onchange="getTime(this.value);">
                                        <option value="">Seleccione Fecha</option>
                                    </select>
                                </div>
                                <div class="select-custom-100">
                                    <select name="prosid" id="prosid" class="select2 form-control" onchange="getPrice(this);">
                                        <option value="">Seleccione Hora</option>
                                    </select>
                                </div>
                            @endif
                            @if(!empty(\Request::route()) and \Request::route()->getName()!='app.preview')
                                @if((strtotime('now'))<(strtotime($offer['EndTime'])))
                                    <a href="javascript:;" title="Añadir" class="dt-sc-button small red rounded-corner partially-rounded btn-add-multiple"> Añadir al carrito </a>
                                    <a href="javascript:;" title="Comprar" class="dt-sc-button small with-icon filled rounded-corner partially-rounded btn-add-multiple"> Comprar </a>
                                @endif
                            @endif
                        </div>
                    @else
                        <div class="alert alert-rounded alert-warning"><span><strong> <a href="/afiliacion" style="color: #856404"> Afiliate</a> </strong> para acceder a los mejores promociones y descuentos. </span>
                        </div>
                    @endif
                </div>
                <div class="woocommerce-tabs wc-tabs-wrapper">
                    <ul class="tabs wc-tabs" role="tablist">
                        <li class="description_tab" id="tab-title-description" role="tab" aria-controls="tab-description">
                            <a href="#tab-description">
                            Descripción</a>
                        </li>
                        <li class="reviews_tab" id="tab-title-reviews" role="tab" aria-controls="tab-reviews">
                            <a href="#tab-reviews">
                            Condiciones</a>
                        </li>
                    </ul>
                    <div class="woocommerce-Tabs-panel woocommerce-Tabs-panel--description panel entry-content wc-tab" id="tab-description" role="tabpanel" aria-labelledby="tab-title-description" style="font-size: 15px; line-height: 25px;">
                        {!!preg_replace('#(<[a-z ]*)(style=("|\')(.*?)("|\'))([a-z ]*>)#', '\\1\\6',$offer['Highlights1'])!!}
                    </div>
                    <div class="woocommerce-Tabs-panel woocommerce-Tabs-panel--reviews panel entry-content wc-tab" id="tab-reviews" role="tabpanel" aria-labelledby="tab-title-reviews" style="font-size: 15px; line-height: 25px;">
                        {!!preg_replace('#(<[a-z ]*)(style=("|\')(.*?)("|\'))([a-z ]*>)#', '\\1\\6',$offer['FinePrint1'])!!}
                    </div>
                    <h2 class="section-title heading-border ls-20 border-0">Te puede interesar</h2>
                    <ul class="products">
                        @include('pages.app.partials.cards', ['items' => $interest['offers']])
                    </ul>                    
                </div>
            </div>
        </div>
    </section>
</div>
<!-- **Container - End** -->
<script type='text/javascript' src='https://dtpsychiatrist.wpengine.com/wp-content/plugins/designthemes-fb-pixel/script.js?ver=6.3' id='dt-fbpixel-script-js'></script>
<script type='text/javascript' src='https://dtpsychiatrist.wpengine.com/wp-content/plugins/woocommerce/assets/js/zoom/jquery.zoom.min.js?ver=1.7.21' id='zoom-js'></script>
<script type='text/javascript' src='https://dtpsychiatrist.wpengine.com/wp-content/plugins/js_composer/assets/lib/bower/flexslider/jquery.flexslider-min.js?ver=6.5.0' id='flexslider-js'></script>
<script type='text/javascript' id='wc-single-product-js-extra'>
/* <![CDATA[ */
var wc_single_product_params = {"i18n_required_rating_text":"Please select a rating","review_rating_required":"yes","flexslider":{"rtl":false,"animation":"slide","smoothHeight":true,"directionNav":false,"controlNav":"thumbnails","slideshow":false,"animationSpeed":500,"animationLoop":false,"allowOneSlide":false},"zoom_enabled":"1","zoom_options":[],"photoswipe_enabled":"1","photoswipe_options":{"shareEl":false,"closeOnScroll":false,"history":false,"hideAnimationDuration":0,"showAnimationDuration":0},"flexslider_enabled":"1"};
/* ]]> */
</script>
<script type='text/javascript' src='https://dtpsychiatrist.wpengine.com/wp-content/plugins/woocommerce/assets/js/frontend/single-product.min.js?ver=4.8.3' id='wc-single-product-js'></script>
@endsection

@section('scripts')
    <script src="{{mix('/assets/js/pages/internal.js')}}"></script>
    @if(!empty($offer['OfferID']) and !empty($offerGroup['level']))
    <script type="text/javascript">
        const proid = "{{HelperGeneral::encryp($offer['OfferID'])}}";
        const levelG = {{$offerGroup['level']}};
        const price = "S/.{{number_format($offer['ListingPrice'], 2, '.', '')}}";
        const price_marked = "S/.{{number_format($offer['Value'], 2, '.', '')}}";
    </script>
    @else
    <script type="text/javascript">
        const proid = "{{HelperGeneral::encryp($offer['OfferID'])}}";
        const prosid = "{{HelperGeneral::encryp(0)}}";
    </script>
    @endif     
@endsection