@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/clipboards/svg/008-clipboards-7.svg')}}" alt="clipboard"
                                  width="20%">
                Orders </h3>
            <br><br><br>
            <table class="table table-hover table-bordered table-responsive{-sm|-md|-lg|-xl}" id="ordersTable">
                <caption>Double Click to View More Details</caption>
                <thead>
                <tr>
                    <th>
                        Order Number
                    </th>
                    <th>
                        Quotation Number
                    </th>
                    <th>
                        Enquiry Number
                    </th>
                    <th>
                        Status
                    </th>
                    <th>
                        Created At
                    </th>

                </tr>
                </thead>
                <tbody>
                @foreach($orders as $order)
                    <tr class="clickable" ondblclick="window.location='{{url("/order/$order->id")}}'">
                        <td>{{$order->reference}}</td>
                        <td>{{$order->reference}}</td>
                        <td>{{$order->reference}}</td>
                        <td>{{$order->status}}</td>
                        <td>{{$order->created_at}}</td>
                    </tr>
                @endforeach

                </tbody>


            </table>
            <br>
            <div class="text-center">
                {{$orders->links()}}
            </div>

        </div>
        <br><br>

    </div>

@endsection