@extends('master')
@section('style')
    <link rel='stylesheet' href='{{config("app.cdn_file")}}/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' />
@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="/">Inicio</a><span class="fa default"></span><a href="/descuentos">Descuentos</a><span class="fa default"></span>{{$segment['Name']}}</div>
        @include('partials.submenu')
    </div>
</section>
@include('pages.app.partials.menu')
<!-- ** Container ** -->
<div class="container">
    <div class="woocommerce-notices-wrapper"></div>
    <div class="dt-sc-newsletter-section type3" style="margin-bottom: 30px; margin-top: 10px;">
        <h2>{{$segment['Name']}}</h2>
        <p>Encuentra los mejores descuentos y ofertas en todo {{$segment['Name']}}.</p>
        <form class="dt-sc-subscribe-frm" name="frmsubscribe" action="#" method="post">
            @if(!empty($categories))
                <select name="orderby" class="select-custom" onchange="getOffers(this.value);">
                    <option value="0">Seleccionar categoria (Todos)</option>
                    @foreach($categories as $item)
                        @if($item['offers']>0)
                            <option value="{{$item['CategTypeId']}}">{{$item['Name']}}</option>
                        @endif
                    @endforeach
                </select>
            @endif
        </form>
    </div>
    @if(!empty($dataOffers['offers']))
    <ul class="products">
        @include('pages.app.partials.cards', ['items' => $dataOffers['offers']])
    </ul>
    @endif
</div>
<!-- **Container - End** -->
@endsection

@section('scripts')
    <script src="{{mix('/assets/js/custom.js')}}"></script>
@endsection