{{-- extend layout --}}
@extends('layouts.contentLayoutMaster')

{{-- page title --}}
@section('title','Detalle de Factura' )

{{-- page styles --}}
@section('page-style')
<link rel="stylesheet" type="text/css" href="{{asset('css/pages/app-invoice.css')}}">
@endsection

{{-- page content --}}
@section('content')
<!-- app invoice View Page -->
<section class="invoice-view-wrapper section">
  <div class="row">
    <!-- invoice view page -->
    <div class="col xl9 m8 s12">
      <div class="card">
        <div class="card-content invoice-print-area">
          <!-- header section -->
          <div class="row invoice-date-number">
            <div class="col xl4 s12">
              <span class="invoice-number mr-1">Factura</span>
              <span>{{ $factura->comprobante }}</span>
            </div>
            <div class="col xl8 s12">
              <div class="invoice-date display-flex align-items-center flex-wrap">
                <div class="mr-3">
                  <small>Fecha:</small>
                  <span>{{ \Carbon\Carbon::parse($factura->fecha)->format('d/m/Y') }}</span>
                </div>

                @if($factura->vencimiento)
                <div>
                  <small>Vencimiento:</small>
                  <span>{{ \Carbon\Carbon::parse($factura->vencimiento)->format('d/m/Y') }}</span>
                </div>
                @endif

              </div>
            </div>
          </div>
          <!-- logo and title -->
          <div class="row mt-3 invoice-logo-title">
            <div class="col m6 s12 display-flex invoice-logo mt-1 push-m6">
              <img src="{{asset('assets/img/revision-alpha-logo.png')}}" alt="logo">
            </div>
            <div class="col m6 s12 pull-m6">
              <h4 class="indigo-text">Factura</h4>
              <span>Hosting & Software Development</span>
            </div>
          </div>
          <div class="divider mb-3 mt-3"></div>
          <!-- invoice address and contact -->
          <div class="row invoice-info">
            <div class="col m6 s12">
              <h6 class="invoice-from">REVISION ALPHA S.L.</h6>
              <div class="invoice-address">
                <span>NIF: B16704934</span>
              </div>
              <div class="invoice-address">
                <span>González Besada 39,</span>
              </div>
              <div class="invoice-address">
                <span>Oviedo, Asturias, España</span>
              </div>
            </div>
            <div class="col m6 s12">
              <div class="divider show-on-small hide-on-med-and-up mb-3"></div>
              <h6 class="invoice-to">{{ $factura->razon_social }}</h6>
              <div class="invoice-address">
                <span>NIF/CIF: {{ $factura->cuit }}</span>
              </div>
              @if($factura->domicilio)
              <div class="invoice-address">
                <span>{{ $factura->domicilio }},</span>
              </div>
              <div class="invoice-address">
                <span>{{ $factura->localidad ?? '' }}, {{ $factura->provincia ?? '' }}, {{ $factura->pais ?? ''
                  }}</span>
              </div>
              @endif
            </div>
          </div>
          <div class="divider mb-3 mt-3"></div>
          <!-- product details table-->
          <div class="invoice-product-details">
            <table class="striped responsive-table">
              <thead>
                <tr>
                  <th>Description</th>
                  <th class="right-align">Importe</th>
                </tr>
              </thead>
              <tbody>
                @foreach($items as $item)
                <tr>
                  <td>{{ $item->descripcion }}</td>
                  <td class="indigo-text right-align">{{ $item->valor }}€</td>
                </tr>
                @endforeach
              </tbody>
            </table>
          </div>
          <!-- invoice subtotal -->
          <div class="divider mt-3 mb-3"></div>
          <div class="invoice-subtotal">
            <div class="row">
              <div class="col m5 s12">
                <p>
                  Transferencias:<br>
                  Banco Caja Rural de Asturias<br>
                  IBAN ES46 3059 0064 7733 1011 2929
                </p>
              </div>
              <div class="col xl4 m7 s12 offset-xl3">
                <ul>
                  <li class="display-flex justify-content-between">
                    <span class="invoice-subtotal-title">Subtotal</span>
                    <h6 class="invoice-subtotal-value">{{ $factura->bruto }}€</h6>
                  </li>

                  @if($factura->descuento > 0)
                  <li class="display-flex justify-content-between">
                    <span class="invoice-subtotal-title">Descuento</span>
                    <h6 class="invoice-subtotal-value">-{{ $factura->descuento }}€</h6>
                  </li>
                  @endif

                  <li class="display-flex justify-content-between">
                    <span class="invoice-subtotal-title">I.V.A. 21%</span>
                    <h6 class="invoice-subtotal-value">
                      @if($factura->descuento > 0)
                      {{ number_format($factura->bruto - ($factura->descuento * 0.21), 2) }}€
                      @else
                      {{ number_format($factura->bruto * 0.21, 2) }}€
                      @endif
                    </h6>
                  </li>
                  <li class="divider mt-2 mb-2"></li>
                  <li class="display-flex justify-content-between">
                    <span class="invoice-subtotal-title">Total</span>
                    <h6 class="invoice-subtotal-value">{{ $factura->total_neto }}€</h6>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- invoice action  -->
    <div class="col xl3 m4 s12">
      <div class="card invoice-action-wrapper">
        <div class="card-content">
          {{--
          <div class="invoice-action-btn">
            <a href="#"
              class="btn indigo waves-effect waves-light display-flex align-items-center justify-content-center">
              <i class="material-icons mr-4">check</i>
              <span class="text-nowrap">Send Invoice</span>
            </a>
          </div>
          --}}
          <div class="invoice-action-btn">
            <a href="{{asset('cms-facturas-download')}}/{{ $factura->hash }}"
              class="btn-block btn btn-light-indigo waves-effect waves-light">
              <span>Descargar</span>
            </a>
          </div>
          <div class="invoice-action-btn">
            <a href="#" class="btn-block btn btn-light-indigo waves-effect waves-light invoice-print">
              <span>Imprimir</span>
            </a>
          </div>
          {{--
          <div class="invoice-action-btn">
            <a href="{{asset('app-invoice-edit')}}" class="btn-block btn btn-light-indigo waves-effect waves-light">
              <span>Edit Invoice</span>
            </a>
          </div>
          --}}
          {{--
          <div class="invoice-action-btn">
            <a href="#" class="btn waves-effect waves-light display-flex align-items-center justify-content-center">
              <i class="material-icons mr-3">attach_money</i>
              <span class="text-nowrap">Add Payment</span>
            </a>
          </div>
          --}}
        </div>
      </div>
    </div>
  </div>
</section>
@endsection

{{-- page scripts --}}
@section('page-script')
<script src="{{asset('js/scripts/app-invoice.js')}}"></script>
@endsection