@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">Mis documentos</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 active show" 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" 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>Mis documentos</h3>
                    <div class="order-table-container text-center" style="min-height: 250px">
                        <table class="text-left">
                            <thead>
                                <tr>
                                    <th>N°</th>
                                    <th>Descripción</th>
                                    <th>Descargar</th>                            
                                </tr>
                            </thead>
                            <tbody>
                                @if(!empty($credential) and !empty($credential->afi_cod) and !empty($credential->afi_jur))
                                    <tr>
                                        <td class="text-left">1</td>
                                        <td class="text-left">Credencial JUNEDAP</td>
                                        <td class="text-left"><a target="_blank" href="/micuenta/doc/credential"><img src="/assets/images/pdf.png"></a></td>
                                    </tr>
                                @endif                                 
                                @if(!empty($docs))
                                    @foreach($docs as $i => $item)
                                    <tr>
                                        <td class="text-left">{{$i+2}}</td>
                                        <td class="text-left">{{$item->doc_nom}}</td>
                                        <td class="text-left"><a target="_blank" href="{{config('app.cdn_files')}}/{{$item->doc_url}}" target="_blank"><img src="/assets/images/pdf.png"></a></td>
                                    </tr>
                                    @endforeach
                                @endif                                       
                            </tbody>
                        </table>
                    </div>
                </div>
                <!-- End .tab-pane -->                 
            </div>
            <!-- End .tab-content -->
        </div>
        <!-- End .row -->
    </div>
</main>
@endsection
@section('scripts')
@endsection