@extends('layouts.app')
@section('styles')
    <style>
        .pagination {
            display: inline-flex;
            margin: 0 auto;
        }
    </style>

@endsection
@section('content')
    @include('partials.home_menu.menu')

    <div class="col-sm-12" ng-controller="enquiryCtrl">
        <div class="card-large card-default card-body">
            <h3 class="left"><span><img src="{{asset('css/clipboards/svg/005-clipboards-10.svg')}}" alt="clipboard" width="20%"></span>Enquiries </h3>
            <br><br>
            <h3 class="right">
                <a class="btn btn-flat green white-text clickable" href="{{url('/enquiry/add')}}"><span class="white-text"
                                                                          style="font-size: medium; padding-bottom: 100px;">
                        Add Enquiry
                    </span>
                </a>
            </h3>
            <br><br>
            <table class="table table-hover table-bordered table-responsive{-sm|-md|-lg|-xl}" id="enquiriesTable">
                <caption>Double Click to View More Details</caption>
                <thead>
                <tr>

                    <th>
                        Enquiry Number
                    </th>
                    <th>
                        Item
                    </th>
                    <th>
                        Status
                    </th>
                    <th>
                        Payment Method
                    </th>
                    <th>
                        Created At
                    </th>
                </tr>
                </thead>
                <tbody>
                @foreach($enquiries as $order)
                    <tr class="clickable" ondblclick="window.location='{{url("/enquiry/$order->id")}}'">
                        <td>{{$order->reference}}</td>
                        <td>{{$order->name}}</td>
                        <td>{{$order->status}}</td>
                        <td>{{$order->payment_method}}</td>
                        <td>{{$order->created_at}}</td>
                    </tr>
                @endforeach
                </tbody>
            </table>

        </div>

        <br><br>

    </div>

@endsection