@extends('master')
@section('style')
<link rel="stylesheet" href="{{mix('/assets/css/pages/dashboard.css')}}">
<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>Mi Cuenta</h1>
        </div>
        <div class="breadcrumb"><a href="/">Inicio</a><span class="fa default"></span><span class="current">Mis compras</span></div>
        @include('partials.submenu')
    </div>
</section>
<!-- ** Container ** -->
<main class="main">
    <div class="container account-container custom-account-container">
        <div class="row">
            <div class="sidebar widget widget-dashboard mb-lg-0 mb-3 col-lg-3 order-0">
                <h2>Mi cuenta</h2>
                <ul class="nav nav-tabs list flex-column mb-0" role="tablist">
                    <li class="nav-item">
                        <a class="nav-link" href="/micuenta/perfil">Datos personales</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="/micuenta/documentos">Mis documentos</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="/micuenta/membresia">Mi Membresía</a>
                    </li>                    
                    @if(!empty($user['CustomerID']))
                    <li class="nav-item">
                        <a class="nav-link active show" href="/micuenta/compras">Mis compras</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="/micuenta/cash">E-Cash</a>
                    </li>
                    @endif
                </ul>
            </div>
            <div class="col-lg-9 order-lg-last order-1 tab-content">
                <div class="dt-sc-tabs-horizontal-frame-container type3">
                    <ul class="dt-sc-tabs-horizontal-frame">
                        <li><a href="/micuenta/compras" class="current"><span class="fa fa-ticket"></span>Mis Tickets</a></li>
                        <li><a href="/micuenta/orders"><span class="fa fa-credit-card"></span>Pagos</a></li>
                    </ul>
                    <div class="wpb_text_column wpb_content_element">
                        <div class="wpb_wrapper">
                            <!-- End .tab-pane -->
                            <div class="tab-pane fade active show" id="order" role="tabpanel">
                                <div class="dashboard-content" style="min-height: 250px;">
                                    <p class="title_tab">
                                        Desde esta sección puedes visualizar y/o descargar tus tickets para ser usados antes de su fecha de vencimiento en los establecimientos correspondientes.
                                    </p>
                                    <div class="order-table-container">
                                        <div class="row">
                                        @if(!empty($coupons))
                                            @foreach ($coupons as $item)
                                            <div class="col-12 col-md-6">
                                                <div class="mt-2">
                                                    <div class="cta-border">
                                                        <div class="row cta-simple">
                                                            <div class="col-md-3" style="margin-bottom: 10px">
                                                                <img src="{{config('app.cdn_image')}}/images/offers/350x210/{{$item['Mediafilename']}}" style="width: 100%; border-radius: 5px;">
                                                                <div class="desktop btn btn-lg btn-primary" style="margin-top: 6px;" onclick="window.location = '/micuenta/download/{{$item["encrypt"]}}'">Descargar</div>
                                                            </div>
                                                            <div class="col-md-9" style="margin-top: 10px">
                                                                <h3 class="font-weight-normal ticket">Ticket : <b>{{$item['SerialNumber']}}</b></h3>
                                                                <h5 class="font-weight-normal" style="margin-bottom: 8px">Compra : <b>{{date('d/m/Y', strtotime($item['PurchaseTime']))}}</b> - Vence : <b>{{date('d/m/Y', strtotime($item['ExpirationTime']))}}</b></h5>
                                                                <p class="title-ticket">{{$item['Title']}}
                                                                    @if(!empty($item['SubGroupLevel1']))<p style="font-size: 13px"> @if(!empty($item['SubGroupLevel1'])) ({{$item['SubGroupLevel1']}} @if(!empty($item['SubGroupLevel2'])) | {{$item['SubGroupLevel2']}} @endif @if(!empty($item['SubGroupLevel3'])) | {{$item['SubGroupLevel3']}} @endif @if(!empty($item['SubGroupDate'])) | {{$item['SubGroupDate']}} @endif @if(!empty($item['SubGroupTime'])) | {{$item['SubGroupTime']}}@endif) @endif</p>@endif
                                                                </p>
                                                                <div onclick="window.location = '/micuenta/ticket/{{$item["encrypt"]}}'" class="mobile btn btn-lg btn-primary mt-md-0" style="margin-right: 5px;">Visualizar</div>
                                                                <div class="mobile btn btn-lg btn-primary mt-md-0" style="margin-left: 5px;" onclick="window.location = '/micuenta/download/{{$item["encrypt"]}}'">Descargar</div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            @endforeach
                                        @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- End .tab-pane --> 
                        </div>
                    </div>
                </div>                   
            </div>
            <!-- End .tab-content -->
        </div>
        <!-- End .row -->
    </div>
</main>
@endsection
@section('scripts')
@endsection