@extends('pages/page')

@section('css')
	<link href="{{ asset('assets/css/page.css') }}" rel="stylesheet">
  <link href="{{ asset('assets/css/customers.css') }}" rel="stylesheet">
@endsection


@section('below_content')

    <div id="form-account-details">
        <h3>Order History details</h3>
        
        @if (!empty($items))

        <div class="table-responsive">
          <table class="table table-bordered table-striped">
            <thead>
              <tr>
                <th>Web Reference</th>
                <th>Order No</th>
                <th>Order Date</th>
                <th>Invoice</th>
                <th>Type</th>
              </tr>
            </thead>
            <tbody>            
            @foreach ($items as $item)
              <tr>
                <td>#{{ $item->web_reference }}</td>
                <td>{{ $item->order_no }}</td>
                <td>{{ $item->date }}</td>
                <td>@if ($item->invoice)<a href="{{ route('download_invoice',$item->invoice) }}">{{ $item->invoice }}</a>@endif</td>
                <td>{{ $item->type }}</td>
              </tr>
            @endforeach
            </tbody>
          </table>
        </div>

        @else
          <p>You have no previous orders.</p>
        @endif 

    </div>

@endsection