@extends('layouts.main')

@section('title', 'finance-invoice')

@section('css')
    <link rel="stylesheet" href="{{ asset('assets/css/style.css', \App::environment() == 'production') }}">

@endsection

@section('nav')
    @include('layouts.nav')
@endsection

@section('content')

   <!-- Main-body start -->
        <div class="main-body">
            <div class="page-wrapper">
              <div class="container-fluid">

                <!-- Page header start -->
                <div class="page-header">
                 <div class="page-header-title">
                   <h3>Invoice</h3>
                 </div>

                 <div class="page-header-breadcrumb">
                  <ul class="breadcrumb-title">
                    <li class="breadcrumb-item">
                      <a href="{{ url('/') }}">
                       <i class="icofont icofont-home"></i>
                      </a>
                    </li>
                    <li class="breadcrumb-item">
                     <a href="#!">Invoices</a>
                    </li>
                   </ul>
                  </div>

                </div> <!-- Page header end -->

                <div class="row">
                 <div class="col-md-12 choose-date">
                 <p class="open-p">You can see the history of invoices you've received from us here.</p>

                 <p class="open-p">Invoices are calculated based on the reservation check-out date.</p>
                 </div>

                    <div id="invoices" class="col-md-10 has-tour-step" data-tour-track-name="finance_invoices">

            <ul class="thead">
                <li class="size_first">Invoice</li>
                <li class="sizel">Description</li>
                {{--<li class="sizes">Due by</li>--}}
                <li class="sizes">Invoice amount</li>
                <li class="sizem">Payment made</li>
            </ul>


<!-- Former Owner's Invoices -->
<!-- End Former Owner's Invoices -->

                @foreach ( $bookings as $key => $booking )

                    <ul class="i_year year_2017 unpaid">
                        <li class="size_first">
                            <p>
                                <i class="glyphicon glyphicon-exclamation-sign"></i>
                                <a class="invoice_link" href="" target="_blank">
                                    <a href="{{ url('reservation-view-'.urlencode(base64_encode($booking->reference))) }}">{{ $booking->reference }}</a>
                                <span class="visible-over visible-always"
                                      data-track-ga="always_show_link_reservation_details,click,download_pdf">
                                    Download pdf
                                </span>
                                </a>
                            </p>
                        </li>
                        <li class="sizel">
                            <p><span>Period</span>
                                {{ $booking->start }}&nbsp;—&nbsp;{{ $booking->end }}
                            </p>
                            <p><span>Date:</span> {{ $booking->date }}</p>
                            <p><span>Invoice Type:</span> Commission</p>
                        </li>
                        <li class="line"></li>
                        <li class="sizes">

                            {{ $booking->amount }} {{ $booking->currency }}
                            {{--<span class="visible-xs">Due by</span>--}}
                        </li>
                        <li class="sizes">
                            <a href="#">
                                <input type="hidden" name="__invoice_name" value="1000-1517157305">
                                {{ $booking->end }}
                            <span class="visible-over visible-always">
                                View statement
                            </span>
                            </a>
                        </li>
                        <li class="sizem">
                            <p><span>Unpaid:</span> <em>{{ $booking->amount }} {{ $booking->currency }}</em></p>
                        </li>
                    </ul>

                @endforeach
        </div>









               </div>
            </div>
        </div>
        </div>

@endsection

@section('scripts')

@endsection