@extends('layouts.app')

@section('content')
    @include('partials.home_menu.menu')
    <div class="col-sm-12">
        <div class="card-large card-default card-body">
            <h3 class="left"><img src="{{asset('css/social-icons/delivery-note.svg')}}" alt="clipboard"
                                  width="15%">Delivery Notes </h3>
            <br><br><br>
            <table class="table table-hover table-bordered table-responsive{-sm|-md|-lg|-xl}" id="deliveryNotesTable">
                <caption>Double Click to View More Details</caption>
                <thead>
                <tr>
                    <th>
                        Order #
                    </th>
                    <th>
                        Payment #
                    </th>
                    <th>
                        Status
                    </th>
                    <th>
                        Delivery Address
                    </th>
                    <th>
                        Created At
                    </th>
                    <th>
                        Updated At
                    </th>
                </tr>
                </thead>
                <tbody>
                @foreach($delivery_notes as $note)
                    <tr class="clickable" ondblclick="window.location='{{url("/delivery-note/$note->id")}}'">
                        <td>{{$note->reference}}</td>
                        <td>{{$note->reference}}</td>
                        <td>{{$note->status}}</td>
                        <td>{{$note->billing_address}}</td>
                        <td>{{$note->created_at}}</td>
                        <td>{{$note->updated_at}}</td>
                    </tr>
                @endforeach
                </tbody>

            </table>


        </div>
        <br><br>

    </div>

@endsection