@extends('master')
@section('style')
<link rel="stylesheet" href="{{mix('/assets/css/pages/dashboard.css')}}">
@endsection
@section('content')
@php
    $total = 0;
    if(!empty($credits)){
        foreach ($credits as $item) {
            if($item['Status']!='BLOCKED'){
                $total = $total + $item['CreditAmount'];
            }
        }
    }
@endphp
<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">Mi E-Cash</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>
                    @if(!empty($user['CustomerID']))
                    <li class="nav-item">
                        <a class="nav-link" href="/micuenta/membresia">Mi Membresía</a>
                    </li>                    
                    <li class="nav-item">
                        <a class="nav-link" href="/micuenta/compras">Mis compras</a>
                    </li>                    
                    <li class="nav-item">
                        <a class="nav-link active show" href="/micuenta/cash">E-Cash</a>
                    </li>
                    @endif
                </ul>
            </div>
            <div class="col-lg-9 order-lg-last order-1 tab-content">
                <!-- End .tab-pane -->
                <div class="tab-pane fade active show" id="cash" role="tabpanel">
                    <h3 class="account-sub-title d-md-block"><i class="sicon-credit-card align-middle mr-3"></i>E-Cash</h3>
                    <p class="text-center">
                        Tienes un total de E-Cash: acumulado equivalente a <strong class="text-dark"><a href="javascript:;">S/.{{$total}}</a></strong> nuevos soles.
                    </p>
                    <br>
                    <div class="order-table-container text-center" style="min-height: 250px">
                        <table class="table_desktop">
                            <thead>
                                <tr>
                                    <th class="order-id">Fecha</th>
                                    <th class="order-date">Total</th>
                                    <th class="order-status">Descripción</th>
                                    <th class="order-price">Estado </th>
                                    <th class="order-action">Vence</th>
                                </tr>
                            </thead>
                            <tbody>
                                @if(!empty($credits))
                                @foreach($credits as $item)
                                <tr style="text-align: center;">
                                    <td>{{date('d/m/Y', strtotime($item['CreditTime']))}}</td>
                                    <td>S/.{{number_format($item['CreditAmount'], 2)}}</td>
                                    <td>{{$item['Description']}}</td>
                                    <td>{{$item['Status']}}</td>
                                    <td>{{date('d/m/Y', strtotime($item['ExpirationDate']))}}</td>
                                </tr>
                                @endforeach
                                @else                                    
                                <tr>
                                    <td class="text-center p-0" colspan="5">
                                        <p class="mb-5 mt-5">
                                            Aún no dispones de puntos acumulados.
                                        </p>
                                    </td>
                                </tr>
                                @endif                                        
                            </tbody>
                        </table>
                        @if(!empty($credits))
                            @foreach($credits as $item)
                                <table class="table_mobile">
                                    <tr>
                                        <th>Fecha</th>
                                        <td>{{date('d/m/Y', strtotime($item['CreditTime']))}}</td>
                                    </tr>
                                    <tr>
                                        <th>Estado</th>
                                        <td>
                                            {{$item['Status']}}
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>Total</th>
                                        <td>S/.{{number_format($item['CreditAmount'], 2)}}</td>
                                    </tr>
                                    <tr>
                                        <th>Vence</th>
                                        <td>
                                            {{date('d/m/Y', strtotime($item['ExpirationDate']))}}
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>Descripción</th>
                                        <td>
                                            {{$item['Description']}}
                                        </td>
                                    </tr>
                                </table>                        
                            @endforeach
                        @endif                                        
                    </div>
                </div>
                <!-- End .tab-pane -->                 
            </div>
            <!-- End .tab-content -->
        </div>
        <!-- End .row -->
    </div>
</main>
@endsection
@section('scripts')
@endsection