@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;
        }
        .header-right{
            margin-top: -56px;
        }
    </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($offer['HasSubOffers']) and !empty($offer['SubOffers']))
                                <div class="select-custom-100">
                                    <select name="prosid" id="prosid" class="form-control select-custom-100 select2" onchange="getPrice(this);">
                                        <option value="" selected="selected">Seleccionar opciones</option>
                                        @foreach ($offer['SubOffers'] as $k => $item)
                                            @if($item['NumberItemsAvailable']==0 or ($item['NumberItemsAvailable']>0 and $item['NumberItemsAvailable']>$item['NumberItemsSold']))
                                                <option value="{{HelperGeneral::encryp($item['SubOfferID'])}}" data-price="{{number_format($item['SubListingPrice'], 2, '.', '')}}" data-marked="{{number_format($item['SubValue'], 2, '.', '')}}">
                                                {!!$item['SubTitle']!!}</option>
                                            @endif
                                        @endforeach
                                    </select>
                                </div>
                            @endif

                            @if(!empty(\Request::route()) and \Request::route()->getName()!='app.preview')
                                @if((strtotime('now'))<(strtotime($offer['EndTime'])))
                                    @if(!empty($offer['HasSubOffers']) and !empty($offer['SubOffers']))
                                        <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-checkout"> Comprar </a>                                    
                                    @else
                                        <a href="javascript:;" title="Añadir" class="dt-sc-button small red rounded-corner partially-rounded btn-add"> Añadir al carrito </a>
                                        <a href="javascript:;" title="Comprar" class="dt-sc-button small with-icon filled rounded-corner partially-rounded btn-add-checkout"> Comprar </a>
                                    @endif
                                @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">
                    <div class="container" style="padding: 0">
                        <div class="paginas">
                            <div class="paginaIzq2">
                                @if(!empty($offer['Merchant']['Info']))
                                <h3 class="line-bottom">{{$offer['Merchant']['MerchantName']}}</h3>
                                <div class="product-desc-content" style="margin-bottom: 40px">
                                    {!!str_replace(array("\r\n", "\n\r", "\r", "\n"), "<br />", $offer['Merchant']['Info'])!!}
                                </div>
                                @endif
                                <h3 class="line-bottom">Descripción</h3>
                                <div class="product-desc-content">
                                    {!!preg_replace('#(<[a-z ]*)(style=("|\')(.*?)("|\'))([a-z ]*>)#', '\\1\\6',$offer['Highlights1'])!!}
                                </div>
                            </div>
                            <div class="paginaDer">
                                <h3 class="line-bottom">Condiciones</h3>
                                <div class="product-desc-content">
                                    {!!preg_replace('#(<[a-z ]*)(style=("|\')(.*?)("|\'))([a-z ]*>)#', '\\1\\6',$offer['FinePrint1'])!!}
                                </div>
                            </div>
                        </div>      
                    </div>   
                </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