@extends('pages.admin.layout')

@section('content')
    <style>

        .deliveryTypeBox {
            padding: 20px 20px;
            display: inline-block;
            width: 100%;
            border: 1px solid #f2f2f2;
            text-align: center;
            font-size: 19pt;
            font-weight: bold;
            cursor: pointer;
        }

        .deliveryTypeBox span {
            display: block;
            font-size: 13pt;
            font-weight: normal;
        }

        .deliveryTypeBox:hover, .deliveryTypeBox:focus {
            background: #f7f7f7;
            color: #585858;
        }

        .deliveryTypeBox.active {
            background: #3ddc72;
            color: #fff;
        }

        .deliveryTypeBoxes {
            width: 100%;
        }

        .deliveryMethodWrapper span.location {
            display: block;
        }
    </style>
    <!-- Main content -->
    <section class="content mainPage">


        <h2 class="content-heading d-print-none mt-0 pt-0">
            Christmas Orders
        </h2>
        <div class="block py-3 px-3">
            <div class="box-header">
                @if(isset($success))
                    <div class="col-12">
                        <div class="alert alert-solid-success">We have successfully marked your order
                            as: {{$success}}</div>
                    </div>
            @endif
            <!--

            <form method="get" class="row">

                <div class="col-4">
                    <div class="form-inline form-group">
                        <input type="text" name="search" placeholder="Enter search term"
                               value="{{ request('search') }}" class="form-control">
                        <button type="submit" class="btn btn-xs">Search</button>
                    </div>
                </div>

                <div class="col-4">
                    @if(env('IS_MIN_ONLINE') == 0)
                <a href="?markPicking=1" class="btn btn-info">Mark as Picking</a>
                <a href="?markCompleted=1" class="btn btn-success">Mark as Completed</a>
@endif
                    </div>
                    <div class="col-4">
                        <div class="text-right mb-4">
                            <a href="?unpaid=1" class="btn-danger btn mb-1">View Unpaid Orders</a>
@if(env('IS_MIN_ONLINE') == 0)
                <a href="?edibleOrders=1" class="btn-info btn mb-1">View Edible Orders</a>
@endif
                    <a href="?minOrders=1" class="btn-warning btn mb-1">View MIN Orders</a>
                    <br>
                    <a href="?highdemand=1" class="btn-info btn">High Demand</a>
                    <a href="?thisweek=1" class="btn-success btn">This Week</a>
                    <a href="?delivering=1" class="btn-success btn">Delivering / Collecting</a>
                    <a href="?paid=1" class="btn-success btn">Paid</a>
                    <a href="?all=1" class="btn-info btn">All Orders</a>
                </div>
            </div>
        </form>-->
            </div>
            <div class="box-body mb-4 d-none">
                <h4>Supplier Report</h4>

                <div class="deliveryTypeBoxes collecttimers">
                    <div class="row">

                        <div class="col-12 col-md-4">
                            <a href="/admin/exportChristmasPDF?time=31" class="deliveryTypeBox"
                               data-input="collectionTime"
                               data-type="1">Saturday 21st December<br>@ ALL DAY
                            </a>
                            <a href="/admin/exportChristmasPDF?time=32" class="deliveryTypeBox"
                               data-input="collectionTime"
                               data-type="5">Sunday 22nd December<br>@ ALL DAY
                            </a>
                            <a href="/admin/exportChristmasPDF?time=33" class="deliveryTypeBox"
                               data-input="collectionTime"
                               data-type="6">Monday 23rd December<br>@ ALL DAY
                            </a>

                        </div>
                    </div>
                </div>
            </div>
            <!-- /.box-header -->
            <div class="box-body">
                <h4>Order Breakdown by Payment Status</h4>
                <div id="accordion">
                    <div class="card">
                        <div class="card-header" id="headingOne">
                            <h5 class="mb-0">
                                <button class="btn btn-link" data-toggle="collapse" data-target="#collapseOne"
                                        aria-expanded="true" aria-controls="collapseOne">
                                    Orders Outstanding (Count: <span
                                            id="orderCount">{{$orders['outstanding']->count()}}</span>
                                    - Total: &pound;<span class="orderTotal"
                                                          id="orderTotal">{{$orders['outstanding']->sum("total")}} - Outstanding Balance: &pound;<span
                                                class="orderTotal"
                                                id="orderTotal">{{$orders['outstanding']->sum("AmountRemaning")}}</span>)
                                </button>
                            </h5>
                        </div>

                        <div id="collapseOne" class="collapse" aria-labelledby="headingOne"
                             data-parent="#accordion">
                            <div class="card-body">
                                <table id="productsTable"
                                       class="table table-bordered table-hover  table-vcenter  js-dataTable-ful"
                                       data-page-length="50" data-order="[[ 0, &quot;desc&quot; ]]">
                                    <thead class="thead-light">
                                    <tr>
                                        <th>Invoice ID</th>
                                        <th>Type</th>
                                        <th>Customer Name</th>
                                        <th>Order Details</th>
                                        <th>Balance</th>
                                        <th>Status</th>
                                        <th>Total</th>
                                        <th>Actions</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @if($orders['outstanding'] && count($orders['outstanding']) > 0)
                                        @foreach($orders['outstanding'] as $order)
                                            @php $carbon = new Carbon\Carbon($order->created_at); @endphp
                                            <tr>
                                                <td>{{ $order->id }}</td>
                                                <td><div class="badge badge-{{ ($order->DiscountCode !== 'ADMINAPPLIED') ? 'warning' : 'success'}}">{{ ($order->DiscountCode !== 'ADMINAPPLIED') ? 'Edible16' : 'WATERLOO'}}</div></td>
                                                <td>
                                                    <h6 style="margin-bottom: 5px;"><a href="{{ route('admin.customers.edit', $order->user_id) }}" class="btn btn-info btn-sm">{{$order->DeliveryFirstName}} {{$order->DeliveryLastName}}</a>
                                                        ,</h6>

                                                    @if($order->DeliveryAddressLine1)
                                                        <div class="addressLine">{{$order->DeliveryAddressLine1}},</div>
                                                    @endif
                                                    @if($order->DeliveryAddressLine2)
                                                        <div class="addressLine">{{$order->DeliveryAddressLine2}},</div>
                                                    @endif
                                                    @if($order->DeliveryAddressLine3)
                                                        <div class="addressLine">{{$order->DeliveryAddressLine3}},</div>
                                                    @endif
                                                    @if($order->DeliveryCity)
                                                        <div class="addressLine">{{$order->DeliveryCity}},</div>
                                                    @endif
                                                    @if($order->DeliveryCounty)
                                                        <div class="addressLine">{{$order->DeliveryCounty}},</div>
                                                    @endif
                                                    @if($order->DeliveryPostcode)
                                                        <div class="addressLine">{{$order->DeliveryPostcode}}</div>
                                                    @endif
                                                </td>
                                                <td data-search="{{$order->WeekID}}">
                                                    <div class="date">

                                                        <select name="collectionTime" id="collectionTime"
                                                                class="form-control pull-left">
                                                       
                                                            <option value="null"
                                                                    @if($order->CollectionTime == null) selected="selected" @endif>
                                                                Delivery on: Monday 23rd  of December
                                                            </option>

                                                            <option value="31" @if($order->CollectionTime == "31") selected="selected" @endif>Saturday 21st December @ ALL DAY</option>
                                                            <option value="32" @if($order->CollectionTime == "32") selected="selected" @endif>Sunday 22nd December @ ALL DAY</option>
                                                            <option value="33" @if($order->CollectionTime == "33") selected="selected" @endif>Monday 23rd December @ ALL DAY</option>
                                                        </select></div>
                                                    @if($order->DeliveryNotes)
                                                        <div class="notesTaken" style="    max-width: 300px;
    background: #dadada;
    color: black;
    padding: 10px;"><strong>Notes:</strong> {{$order->DeliveryNotes}}
                                                        </div>
                                                    @endif
                                                </td>
                                                <td>@if($order->AmountRemaning <= 0 || $order->AmountRemaning == null)
                                                        <div class="alert alert-success">PAID IN FULL</div>
                                                    @else
                                                        <div class="alert alert-danger">
                                                            &pound;{{ number_format($order->AmountRemaning, 2) }}</div>

                                                    @endif
                                                </td>
                                                <td>@if($order->status == "0")
                                                        <div class="alert alert-danger">UNPAID</div>
                                                    @else
                                                        @if($order->status == "paid")
                                                            <div class="alert alert-info">{{strtoupper($order->status)}}</div>
                                                        @elseif($order->status == "picking")
                                                            <div class="alert alert-info">{{strtoupper($order->status)}}</div>
                                                        @elseif($order->status == "picked")
                                                            <div class="alert alert-warning">DELIVERING</div>
                                                        @elseif($order->status == "completed")
                                                            <div class="alert alert-success">{{strtoupper($order->status)}}</div>
                                                        @else
                                                            <div class="alert alert-success">{{strtoupper($order->status)}}</div>
                                                        @endif
                                                    @endif
                                                    @if($order->DriveryID != null)
                                                        @php $driver = App\Drivers::where("id",$order->DriveryID)->first(); @endphp
                                                        @if($driver)
                                                            <div class="badge badge-info"><i
                                                                        class="fa fa-user mr-5"></i> <label
                                                                        for="name">{{$driver->name}}</label></div>
                                                        @endif
                                                    @endif
                                                </td>
                                                <td>&pound;{{ number_format( $order->total, 2)}}</td>
                                                <td><a class="btn btn-success mb-2 mr-2"
                                                       href="{{ route('admin.orders.edit', $order->getKey()) }}">
                                                        <i class="fa fa-fw fa-eye mr-5"></i>View
                                                    </a>
                                                    <div class="btn-group" role="group">
                                                        <button type="button"
                                                                class="btn btn-secondary dropdown-toggle mb-2"
                                                                id="btnGroupDrop12"
                                                                data-toggle="dropdown" aria-haspopup="true"
                                                                aria-expanded="false">Status
                                                        </button>
                                                        <div class="dropdown-menu" aria-labelledby="btnGroupDrop12">


                                                            <a class="dropdown-item"
                                                               href="/admin/orders/{{$order->id}}/paid">
                                                                <i class="fa fa-fw fa-money mr-5"></i> Mark as Paid
                                                            </a>

                                                            <div class="dropdown-divider"></div>
                                                            <a class="dropdown-item"
                                                               href="/admin/orders/{{$order->id}}/picking">
                                                                <i class="fa fa-fw fa-box mr-5"></i>Picking Order
                                                            </a>
                                                            <div class="dropdown-divider"></div>
                                                            <a class="dropdown-item"
                                                               href="/admin/orders/{{$order->id}}/picked">
                                                                <i class="far fa-fw fa-envelope mr-5"></i>Ready for
                                                                Delivery
                                                            </a>

                                                            <a class="dropdown-item"
                                                               href="/admin/orders/{{$order->id}}/collection">
                                                                <i class="far fa-fw fa-envelope mr-5"></i>Ready for
                                                                Collection
                                                            </a>
                                                            <div class="dropdown-divider"></div>
                                                            <a class="dropdown-item"
                                                               href="/admin/orders/{{$order->id}}/remindcustomer">
                                                                <i class="fa fa-fw fa-recycle mr-5"></i> Remind Customer
                                                            </a>
                                                            <div class="dropdown-divider"></div>

                                                            <a class="dropdown-item"
                                                               href="/admin/orders/{{$order->id}}/completed">
                                                                <i class="fa fa-fw fa-check mr-5"></i>Completed
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="btn-group" role="group">
                                                        <button type="button" class="btn btn-primary dropdown-toggle"
                                                                id="btnGroupDrop1"
                                                                data-toggle="dropdown" aria-haspopup="true"
                                                                aria-expanded="false">
                                                            Actions
                                                        </button>
                                                        <div class="dropdown-menu" aria-labelledby="btnGroupDrop1">
                                                            <a class="dropdown-item"
                                                               href="{{ route('admin.orders.edit', $order->getKey()) }}">
                                                                <i class="fa fa-fw fa-eye mr-5"></i>View
                                                            </a>
                                                            <div class="dropdown-divider"></div>
                                                            <a class="dropdown-item"
                                                               href="/admin/deliverySlotEmails/{{$order->id}}">
                                                                <i class="far fa-fw fa-envelope mr-5"></i> Request
                                                                Payment
                                                            </a>

                                                            <div class="dropdown-divider"></div>
                                                            <a href="javascript:void(0)" class="dropdown-item"
                                                               data-toggle="modal"
                                                               data-target="#viewordermodal"
                                                               data-orderID="{{$order->id}}"><i
                                                                        class="fa fa-print mr-5"></i> Print
                                                                Order</a>
                                                            <div class="dropdown-divider"></div>
                                                            <a href="/admin/orders/{{$order->id}}/labelPrint?full=1"
                                                               target="_blank"
                                                               class="dropdown-item"><i class="fa fa-print mr-5"></i>
                                                                Print Receipt</a>
                                                            <div class="dropdown-divider"></div>
                                                            <a href="/admin/orders/{{$order->id}}/labelPrint"
                                                               target="_blank"
                                                               class="dropdown-item"><i class="fa fa-print mr-5"></i>
                                                                Print Packing
                                                                Label</a>
                                                            <div class="dropdown-divider"></div>
                                                            <a class="dropdown-item"
                                                               href="{{ route('admin.ordersAdmin.deleteOrder', $order->getKey()) }}">
                                                                <i class="fa fa-fw fa-trash mr-5"></i>Delete
                                                            </a>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                        @endforeach
                                    @endif
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    <div class="card">
                        <div class="card-header" id="headingTwo">
                            <h5 class="mb-0">
                                <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseTwo"
                                        aria-expanded="false" aria-controls="collapseTwo">
                                    Orders Paid In Full (Count: <span
                                            id="orderCount">{{$orders['paid']->count()}}</span>
                                    - Total: &pound;<span class="orderTotal"
                                                          id="orderTotal">{{$orders['paid']->sum("total")}}</span>
                                </button>
                            </h5>
                        </div>
                        <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
                            <div class="card-body">
                                <table id="productsTable"
                                       class="table table-bordered table-hover  table-vcenter  js-dataTable-ful"
                                       data-page-length="50" data-order="[[ 0, &quot;desc&quot; ]]">
                                    <thead class="thead-light">
                                    <tr>
                                        <th>Invoice ID</th>
                                        <th>Type</th>
                                        <th>Customer Name</th>
                                        <th>Order Details</th>
                                        <th>Balance</th>
                                        <th>Status</th>
                                        <th>Total</th>
                                        <th>Actions</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @if($orders['paid'] && count($orders['paid']) > 0)
                                        @foreach($orders['paid'] as $order)
                                            @php $carbon = new Carbon\Carbon($order->created_at); @endphp
                                            <tr>
                                                <td>{{ $order->id }}</td>
                                                <td><div class="badge badge-{{ ($order->DiscountCode !== 'ADMINAPPLIED') ? 'warning' : 'success'}}">{{ ($order->DiscountCode !== 'ADMINAPPLIED') ? 'Edible16' : 'WATERLOO'}}</div></td>
                                                <td>
                                                    <h6 style="margin-bottom: 5px;"><a href="{{ route('admin.customers.edit', $order->user_id) }}" class="btn btn-info btn-sm">{{$order->DeliveryFirstName}} {{$order->DeliveryLastName}}</a>
                                                        ,</h6>

                                                    @if($order->DeliveryAddressLine1)
                                                        <div class="addressLine">{{$order->DeliveryAddressLine1}},</div>
                                                    @endif
                                                    @if($order->DeliveryAddressLine2)
                                                        <div class="addressLine">{{$order->DeliveryAddressLine2}},</div>
                                                    @endif
                                                    @if($order->DeliveryAddressLine3)
                                                        <div class="addressLine">{{$order->DeliveryAddressLine3}},</div>
                                                    @endif
                                                    @if($order->DeliveryCity)
                                                        <div class="addressLine">{{$order->DeliveryCity}},</div>
                                                    @endif
                                                    @if($order->DeliveryCounty)
                                                        <div class="addressLine">{{$order->DeliveryCounty}},</div>
                                                    @endif
                                                    @if($order->DeliveryPostcode)
                                                        <div class="addressLine">{{$order->DeliveryPostcode}}</div>
                                                    @endif
                                                </td>
                                                <td data-search="{{$order->WeekID}}">
                                                    <div class="date">

                                                        <select name="collectionTime" id="collectionTime"
                                                                class="form-control pull-left">
                                                       
                                                            <option value="null"
                                                                    @if($order->CollectionTime == null) selected="selected" @endif>
                                                                Delivery on: Monday 23rd  of December
                                                            </option>

                                                            <option value="31" @if($order->CollectionTime == "31") selected="selected" @endif>Saturday 21st December @ ALL DAY</option>
                                                            <option value="32" @if($order->CollectionTime == "32") selected="selected" @endif>Sunday 22nd December @ ALL DAY</option>
                                                            <option value="33" @if($order->CollectionTime == "33") selected="selected" @endif>Monday 23rd December @ ALL DAY</option>
                                                        </select></div>
                                                    @if($order->DeliveryNotes)
                                                        <div class="notesTaken" style="    max-width: 300px;
    background: #dadada;
    color: black;
    padding: 10px;"><strong>Notes:</strong> {{$order->DeliveryNotes}}
                                                        </div>
                                                    @endif
                                                </td>
                                                <td>@if($order->AmountRemaning <= 0 || $order->AmountRemaning == null)
                                                        <div class="alert alert-success">PAID IN FULL</div>
                                                    @else
                                                        <div class="alert alert-danger">
                                                            &pound;{{ number_format($order->AmountRemaning, 2) }}</div>

                                                    @endif
                                                </td>
                                                <td>@if($order->status == "0")
                                                        <div class="alert alert-danger">UNPAID</div>
                                                    @else
                                                        @if($order->status == "paid")
                                                            <div class="alert alert-info">{{strtoupper($order->status)}}</div>
                                                        @elseif($order->status == "picking")
                                                            <div class="alert alert-info">{{strtoupper($order->status)}}</div>
                                                        @elseif($order->status == "picked")
                                                            <div class="alert alert-warning">DELIVERING</div>
                                                        @elseif($order->status == "completed")
                                                            <div class="alert alert-success">{{strtoupper($order->status)}}</div>
                                                        @else
                                                            <div class="alert alert-success">{{strtoupper($order->status)}}</div>
                                                        @endif
                                                    @endif
                                                    @if($order->DriveryID != null)
                                                        @php $driver = App\Drivers::where("id",$order->DriveryID)->first(); @endphp
                                                        @if($driver)
                                                            <div class="badge badge-info"><i
                                                                        class="fa fa-user mr-5"></i> <label
                                                                        for="name">{{$driver->name}}</label></div>
                                                        @endif
                                                    @endif
                                                </td>
                                                <td>&pound;{{ number_format( $order->total, 2)}}</td>
                                                <td><a class="btn btn-success mb-2 mr-2"
                                                       href="{{ route('admin.orders.edit', $order->getKey()) }}">
                                                        <i class="fa fa-fw fa-eye mr-5"></i>View
                                                    </a>
                                                    <div class="btn-group" role="group">
                                                        <button type="button"
                                                                class="btn btn-secondary dropdown-toggle mb-2"
                                                                id="btnGroupDrop12"
                                                                data-toggle="dropdown" aria-haspopup="true"
                                                                aria-expanded="false">Status
                                                        </button>
                                                        <div class="dropdown-menu" aria-labelledby="btnGroupDrop12">


                                                            <a class="dropdown-item"
                                                               href="/admin/orders/{{$order->id}}/paid">
                                                                <i class="fa fa-fw fa-money mr-5"></i> Mark as Paid
                                                            </a>

                                                            <div class="dropdown-divider"></div>
                                                            <a class="dropdown-item"
                                                               href="/admin/orders/{{$order->id}}/picking">
                                                                <i class="fa fa-fw fa-box mr-5"></i>Picking Order
                                                            </a>
                                                            <div class="dropdown-divider"></div>
                                                            <a class="dropdown-item"
                                                               href="/admin/orders/{{$order->id}}/picked">
                                                                <i class="far fa-fw fa-envelope mr-5"></i>Ready for
                                                                Delivery
                                                            </a>

                                                            <a class="dropdown-item"
                                                               href="/admin/orders/{{$order->id}}/collection">
                                                                <i class="far fa-fw fa-envelope mr-5"></i>Ready for
                                                                Collection
                                                            </a>
                                                            <div class="dropdown-divider"></div>
                                                            <a class="dropdown-item"
                                                               href="/admin/orders/{{$order->id}}/remindcustomer">
                                                                <i class="fa fa-fw fa-recycle mr-5"></i> Remind Customer
                                                            </a>
                                                            <div class="dropdown-divider"></div>

                                                            <a class="dropdown-item"
                                                               href="/admin/orders/{{$order->id}}/completed">
                                                                <i class="fa fa-fw fa-check mr-5"></i>Completed
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="btn-group" role="group">
                                                        <button type="button" class="btn btn-primary dropdown-toggle"
                                                                id="btnGroupDrop1"
                                                                data-toggle="dropdown" aria-haspopup="true"
                                                                aria-expanded="false">
                                                            Actions
                                                        </button>
                                                        <div class="dropdown-menu" aria-labelledby="btnGroupDrop1">
                                                            <a class="dropdown-item"
                                                               href="{{ route('admin.orders.edit', $order->getKey()) }}">
                                                                <i class="fa fa-fw fa-eye mr-5"></i>View
                                                            </a>
                                                            <div class="dropdown-divider"></div>
                                                            <a class="dropdown-item"
                                                               href="/admin/deliverySlotEmails/{{$order->id}}">
                                                                <i class="far fa-fw fa-envelope mr-5"></i> Request
                                                                Payment
                                                            </a>

                                                            <div class="dropdown-divider"></div>
                                                            <a href="javascript:void(0)" class="dropdown-item"
                                                               data-toggle="modal"
                                                               data-target="#viewordermodal"
                                                               data-orderID="{{$order->id}}"><i
                                                                        class="fa fa-print mr-5"></i> Print
                                                                Order</a>
                                                            <div class="dropdown-divider"></div>
                                                            <a href="/admin/orders/{{$order->id}}/labelPrint?full=1"
                                                               target="_blank"
                                                               class="dropdown-item"><i class="fa fa-print mr-5"></i>
                                                                Print Receipt</a>
                                                            <div class="dropdown-divider"></div>
                                                            <a href="/admin/orders/{{$order->id}}/labelPrint"
                                                               target="_blank"
                                                               class="dropdown-item"><i class="fa fa-print mr-5"></i>
                                                                Print Packing
                                                                Label</a>
                                                            <div class="dropdown-divider"></div>
                                                            <a class="dropdown-item"
                                                               href="{{ route('admin.ordersAdmin.deleteOrder', $order->getKey()) }}">
                                                                <i class="fa fa-fw fa-trash mr-5"></i>Delete
                                                            </a>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                        @endforeach
                                    @endif
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    <div class="card">
                        <div class="card-header" id="headingThree">
                            <h5 class="mb-0">
                                <button class="btn btn-link collapsed" data-toggle="collapse"
                                        data-target="#collapseThree" aria-expanded="false"
                                        aria-controls="collapseThree">
                                    Orders Unpaid (Count: <span id="orderCount">{{$orders['unpaid']->count()}}</span>
                                    - Total: &pound;<span class="orderTotal"
                                                          id="orderTotal">{{$orders['unpaid']->sum("total")}}
                                </button>
                            </h5>
                        </div>
                        <div id="collapseThree" class="collapse" aria-labelledby="headingThree"
                             data-parent="#accordion">
                            <div class="card-body">
                                <table id="productsTable"
                                       class="table table-bordered table-hover  table-vcenter  js-dataTable-ful"
                                       data-page-length="50" data-order="[[ 0, &quot;desc&quot; ]]">
                                    <thead class="thead-light">
                                    <tr>
                                        <th>Invoice ID</th>
                                        <th>Type</th>
                                        <th>Customer Name</th>
                                        <th>Order Details</th>
                                        <th>Balance</th>
                                        <th>Status</th>
                                        <th>Total</th>
                                        <th>Actions</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @if($orders['unpaid'] && count($orders['unpaid']) > 0)
                                        @foreach($orders['unpaid'] as $order)
                                            @php $carbon = new Carbon\Carbon($order->created_at); @endphp
                                            <tr>
                                                <td>
                                                    <a class="dropdown-item"
                                                       href="{{ route('admin.orders.edit', $order->getKey()) }}">{{ $order->id }}</a></td>
                                                <td><div class="badge badge-{{ ($order->DiscountCode !== 'ADMINAPPLIED') ? 'warning' : 'success'}}">{{ ($order->DiscountCode !== 'ADMINAPPLIED') ? 'Edible16' : 'WATERLOO'}}</div></td>
                                                <td>
                                                    <h6 style="margin-bottom: 5px;"><a href="{{ route('admin.customers.edit', $order->user_id) }}" class="btn btn-info btn-sm">{{$order->DeliveryFirstName}} {{$order->DeliveryLastName}}</a>
                                                        ,</h6>

                                                    @if($order->DeliveryAddressLine1)
                                                        <div class="addressLine">{{$order->DeliveryAddressLine1}},</div>
                                                    @endif
                                                    @if($order->DeliveryAddressLine2)
                                                        <div class="addressLine">{{$order->DeliveryAddressLine2}},</div>
                                                    @endif
                                                    @if($order->DeliveryAddressLine3)
                                                        <div class="addressLine">{{$order->DeliveryAddressLine3}},</div>
                                                    @endif
                                                    @if($order->DeliveryCity)
                                                        <div class="addressLine">{{$order->DeliveryCity}},</div>
                                                    @endif
                                                    @if($order->DeliveryCounty)
                                                        <div class="addressLine">{{$order->DeliveryCounty}},</div>
                                                    @endif
                                                    @if($order->DeliveryPostcode)
                                                        <div class="addressLine">{{$order->DeliveryPostcode}}</div>
                                                    @endif
                                                </td>
                                                <td data-search="{{$order->WeekID}}">
                                                    <div class="date">


                                                        <select name="collectionTime" id="collectionTime"
                                                                class="form-control pull-left">
                                                                                      
                                            <option value="31" @if($order->CollectionTime == "31") selected="selected" @endif>Collection on: Saturday 21st of December</option>
                                            <option value="32" @if($order->CollectionTime == "32") selected="selected" @endif>Collection on: Sunday 22nd of December</option>
                                            <option value="33" @if($order->CollectionTime == "33") selected="selected" @endif>Collection on: Monday 23rd of December</option>
                                       
                                                            <option value="null"
                                                                    @if($order->CollectionTime == null) selected="selected" @endif>
                                                                Delivery on: Monday 23rd  of December
                                                            </option>
                                                        </select></div>
                                                    @if($order->DeliveryNotes)
                                                        <div class="notesTaken" style="    max-width: 300px;
    background: #dadada;
    color: black;
    padding: 10px;"><strong>Notes:</strong> {{$order->DeliveryNotes}}
                                                        </div>
                                                    @endif
                                                </td>
                                                <td>@if($order->AmountRemaning <= 0 || $order->AmountRemaning == null)
                                                        <div class="alert alert-success">PAID IN FULL</div>
                                                    @else
                                                        <div class="alert alert-danger">
                                                            &pound;{{ number_format($order->AmountRemaning, 2) }}</div>

                                                    @endif
                                                </td>
                                                <td>@if($order->status == "0")
                                                        <div class="alert alert-danger">UNPAID</div>
                                                    @else
                                                        @if($order->status == "paid")
                                                            <div class="alert alert-info">{{strtoupper($order->status)}}</div>
                                                        @elseif($order->status == "picking")
                                                            <div class="alert alert-info">{{strtoupper($order->status)}}</div>
                                                        @elseif($order->status == "picked")
                                                            <div class="alert alert-warning">DELIVERING</div>
                                                        @elseif($order->status == "completed")
                                                            <div class="alert alert-success">{{strtoupper($order->status)}}</div>
                                                        @else
                                                            <div class="alert alert-success">{{strtoupper($order->status)}}</div>
                                                        @endif
                                                    @endif
                                                    @if($order->DriveryID != null)
                                                        @php $driver = App\Drivers::where("id",$order->DriveryID)->first(); @endphp
                                                        @if($driver)
                                                            <div class="badge badge-info"><i
                                                                        class="fa fa-user mr-5"></i> <label
                                                                        for="name">{{$driver->name}}</label></div>
                                                        @endif
                                                    @endif
                                                </td>
                                                <td>&pound;{{ number_format( $order->total, 2)}}</td>
                                                <td><a class="btn btn-success mb-2 mr-2" href="javascript:void(0)"
                                                       data-toggle="modal"
                                                       data-target="#viewordermodal"
                                                       data-orderID="{{$order->id}}">
                                                        <i class="fa fa-fw fa-eye mr-5"></i>View
                                                    </a>
                                                    <div class="btn-group" role="group">
                                                        <button type="button"
                                                                class="btn btn-secondary dropdown-toggle mb-2"
                                                                id="btnGroupDrop12"
                                                                data-toggle="dropdown" aria-haspopup="true"
                                                                aria-expanded="false">Status
                                                        </button>
                                                        <div class="dropdown-menu" aria-labelledby="btnGroupDrop12">


                                                            <a class="dropdown-item"
                                                               href="/admin/orders/{{$order->id}}/paid">
                                                                <i class="fa fa-fw fa-money mr-5"></i> Mark as Paid
                                                            </a>

                                                            <div class="dropdown-divider"></div>
                                                            <a class="dropdown-item"
                                                               href="/admin/orders/{{$order->id}}/picking">
                                                                <i class="fa fa-fw fa-box mr-5"></i>Picking Order
                                                            </a>
                                                            <div class="dropdown-divider"></div>
                                                            <a class="dropdown-item"
                                                               href="/admin/orders/{{$order->id}}/picked">
                                                                <i class="far fa-fw fa-envelope mr-5"></i>Ready for
                                                                Delivery
                                                            </a>

                                                            <a class="dropdown-item"
                                                               href="/admin/orders/{{$order->id}}/collection">
                                                                <i class="far fa-fw fa-envelope mr-5"></i>Ready for
                                                                Collection
                                                            </a>
                                                            <div class="dropdown-divider"></div>
                                                            <a class="dropdown-item"
                                                               href="/admin/orders/{{$order->id}}/remindcustomer">
                                                                <i class="fa fa-fw fa-recycle mr-5"></i> Remind Customer
                                                            </a>
                                                            <div class="dropdown-divider"></div>

                                                            <a class="dropdown-item"
                                                               href="/admin/orders/{{$order->id}}/completed">
                                                                <i class="fa fa-fw fa-check mr-5"></i>Completed
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="btn-group" role="group">
                                                        <button type="button" class="btn btn-primary dropdown-toggle"
                                                                id="btnGroupDrop1"
                                                                data-toggle="dropdown" aria-haspopup="true"
                                                                aria-expanded="false">
                                                            Actions
                                                        </button>
                                                        <div class="dropdown-menu" aria-labelledby="btnGroupDrop1">
                                                            <a class="dropdown-item"
                                                               href="{{ route('admin.orders.edit', $order->getKey()) }}">
                                                                <i class="fa fa-fw fa-eye mr-5"></i>View
                                                            </a>
                                                            <div class="dropdown-divider"></div>
                                                            <a class="dropdown-item"
                                                               href="/admin/deliverySlotEmails/{{$order->id}}">
                                                                <i class="far fa-fw fa-envelope mr-5"></i> Request
                                                                Payment
                                                            </a>

                                                            <div class="dropdown-divider"></div>
                                                            <a href="javascript:void(0)" class="dropdown-item"
                                                               data-toggle="modal"
                                                               data-target="#viewordermodal"
                                                               data-orderID="{{$order->id}}"><i
                                                                        class="fa fa-print mr-5"></i> Print
                                                                Order</a>
                                                            <div class="dropdown-divider"></div>
                                                            <a href="/admin/orders/{{$order->id}}/labelPrint?full=1"
                                                               target="_blank"
                                                               class="dropdown-item"><i class="fa fa-print mr-5"></i>
                                                                Print Receipt</a>
                                                            <div class="dropdown-divider"></div>
                                                            <a href="/admin/orders/{{$order->id}}/labelPrint"
                                                               target="_blank"
                                                               class="dropdown-item"><i class="fa fa-print mr-5"></i>
                                                                Print Packing
                                                                Label</a>
                                                            <div class="dropdown-divider"></div>
                                                            <a class="dropdown-item"
                                                               href="{{ route('admin.ordersAdmin.deleteOrder', $order->getKey()) }}">
                                                                <i class="fa fa-fw fa-trash mr-5"></i>Delete
                                                            </a>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                        @endforeach
                                    @endif
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <div class="box-body mt-4 d-none">
                <h4>Orders by Collection Time</h4>
                <div class="accordian" id="accordian2">
                    @foreach($collectiontimes as $collectiontiming)
                        <div class="card panel">
                            <div class="card-header" id="headingThree_{{$collectiontiming}}">
                                <h5 class="mb-0">
                                    <button class="btn btn-link collapsed" data-toggle="collapse"
                                            data-target="#collapseThree_{{$collectiontiming}}" aria-expanded="false"
                                            aria-controls="collapseThree_{{$collectiontiming}}">
                                        {{App\Http\Controllers\Admin\OrdersController::getCollectTime($collectiontiming)}}
                                        (Count: <span id="orderCount">{{$timeorders[$collectiontiming]->count()}}</span>
                                        - Total: &pound;<span class="orderTotal"
                                                              id="orderTotal">{{$timeorders[$collectiontiming]->sum("total")}}
                                    </button>
                                </h5>
                            </div>
                            <div id="collapseThree_{{$collectiontiming}}" class="collapse"
                                 aria-labelledby="headingThree_{{$collectiontiming}}"
                                 data-parent="#accordian2">
                                <div class="card-body">
                                    <table id="productsTable"
                                           class="table table-bordered table-hover  table-vcenter  js-dataTable-ful"
                                           data-page-length="50" data-order="[[ 0, &quot;desc&quot; ]]">
                                        <thead class="thead-light">
                                        <tr>
                                            <th>Invoice ID</th>
                                            <th>Type</th>
                                            <th>Customer Name</th>
                                            <th>Order Details</th>
                                            <th>Total</th>
                                            <th>Actions</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        @if($timeorders[$collectiontiming] && count($timeorders[$collectiontiming]) > 0)
                                            @foreach($timeorders[$collectiontiming] as $order)
                                                @php $carbon = new Carbon\Carbon($order->created_at); @endphp
                                                <tr>
                                                    <td>{{ $order->id }}</td>
                                                    <td><div class="badge badge-{{ ($order->DiscountCode !== 'ADMINAPPLIED') ? 'warning' : 'success'}}">{{ ($order->DiscountCode !== 'ADMINAPPLIED') ? 'Edible16' : 'WATERLOO'}}</div></td>
                                                    <td>
                                                        <h6 style="margin-bottom: 5px;"><a href="{{ route('admin.customers.edit', $order->user_id) }}" class="btn btn-info btn-sm">{{$order->DeliveryFirstName}} {{$order->DeliveryLastName}}</a>
                                                            ,</h6>

                                                        @if($order->DeliveryAddressLine1)
                                                            <div class="addressLine">{{$order->DeliveryAddressLine1}},
                                                            </div>
                                                        @endif
                                                        @if($order->DeliveryAddressLine2)
                                                            <div class="addressLine">{{$order->DeliveryAddressLine2}},
                                                            </div>
                                                        @endif
                                                        @if($order->DeliveryAddressLine3)
                                                            <div class="addressLine">{{$order->DeliveryAddressLine3}},
                                                            </div>
                                                        @endif
                                                        @if($order->DeliveryCity)
                                                            <div class="addressLine">{{$order->DeliveryCity}},</div>
                                                        @endif
                                                        @if($order->DeliveryCounty)
                                                            <div class="addressLine">{{$order->DeliveryCounty}},</div>
                                                        @endif
                                                        @if($order->DeliveryPostcode)
                                                            <div class="addressLine">{{$order->DeliveryPostcode}}</div>
                                                        @endif
                                                    </td>
                                                    <td data-search="{{$order->WeekID}}">
                                                        <div class="date">

                                        <form role="form" enctype="multipart/form-data" method="post" id="changeDate"
                                              action="{{ route('admin.ordersAdmin.changeDate', $order->id) }}"
                                              autocomplete="nope">
                                            {{ method_field('post') }}
                                            @csrf
                                                            <div class="btn-group" role="group">



                                                                    <select name="collectionTime" id="collectionTime"
                                                                            class="form-control pull-left">
                                                                 
                                                                        <option value="null"
                                                                                @if($order->CollectionTime == null) selected="selected" @endif>
                                                                            Delivery on: Monday 23rd  of December
                                                                        </option>
                                                                    
                                            <option value="31" @if($order->CollectionTime == "31") selected="selected" @endif>Collection on: Saturday 21st of December</option>
                                            <option value="32" @if($order->CollectionTime == "32") selected="selected" @endif>Collection on: Sunday 22nd of December</option>
                                            <option value="33" @if($order->CollectionTime == "33") selected="selected" @endif>Collection on: Monday 23rd of December</option>
                                                                    </select>
                                                                <input type="hidden" name="returnChristmas" value="1">
                                                                    <button type="submit"
                                                                            class="btn btn-success mb-2"
                                                                            id="btnGroupDrop12"
                                                                            name="returnChristmasSubmit"
                                                                            aria-expanded="false">Save
                                                                    </button>

                                                            </div>
                                                                </form>
                                                        </div>
                                                        @if($order->DeliveryNotes)
                                                            <div class="notesTaken" style="    max-width: 300px;
    background: #dadada;
    color: black;
    padding: 10px;"><strong>Notes:</strong> {{$order->DeliveryNotes}}
                                                            </div>
                                                        @endif
                                                    </td>
                                                    <td>@if($order->AmountRemaning <= 0 || $order->AmountRemaning == null)
                                                            <div class="alert alert-success">PAID IN FULL</div>
                                                        @else
                                                            <div class="alert alert-danger">
                                                                &pound;{{ number_format($order->AmountRemaning, 2) }}</div>

                                                        @endif
                                                        <br>&pound;{{ number_format( $order->total, 2)}}</td>
                                                    <td><a class="btn btn-success mb-2 mr-2" href="javascript:void(0)"
                                                           data-toggle="modal"
                                                           data-target="#viewordermodal"
                                                           data-orderID="{{$order->id}}">
                                                            <i class="fa fa-fw fa-eye mr-5"></i>View
                                                        </a>
                                                        <div class="btn-group" role="group">
                                                            <button type="button"
                                                                    class="btn btn-secondary dropdown-toggle mb-2"
                                                                    id="btnGroupDrop12"
                                                                    data-toggle="dropdown" aria-haspopup="true"
                                                                    aria-expanded="false">Status
                                                            </button>
                                                            <div class="dropdown-menu" aria-labelledby="btnGroupDrop12">


                                                                <a class="dropdown-item"
                                                                   href="/admin/orders/{{$order->id}}/paid">
                                                                    <i class="fa fa-fw fa-money mr-5"></i> Mark as Paid
                                                                </a>

                                                                <div class="dropdown-divider"></div>
                                                                <a class="dropdown-item"
                                                                   href="/admin/orders/{{$order->id}}/picking">
                                                                    <i class="fa fa-fw fa-box mr-5"></i>Picking Order
                                                                </a>
                                                                <div class="dropdown-divider"></div>
                                                                <a class="dropdown-item"
                                                                   href="/admin/orders/{{$order->id}}/picked">
                                                                    <i class="far fa-fw fa-envelope mr-5"></i>Ready for
                                                                    Delivery
                                                                </a>

                                                                <a class="dropdown-item"
                                                                   href="/admin/orders/{{$order->id}}/collection">
                                                                    <i class="far fa-fw fa-envelope mr-5"></i>Ready for
                                                                    Collection
                                                                </a>
                                                                <div class="dropdown-divider"></div>
                                                                <a class="dropdown-item"
                                                                   href="/admin/orders/{{$order->id}}/remindcustomer">
                                                                    <i class="fa fa-fw fa-recycle mr-5"></i> Remind
                                                                    Customer
                                                                </a>
                                                                <div class="dropdown-divider"></div>

                                                                <a class="dropdown-item"
                                                                   href="/admin/orders/{{$order->id}}/completed">
                                                                    <i class="fa fa-fw fa-check mr-5"></i>Completed
                                                                </a>
                                                            </div>
                                                        </div>
                                                        <div class="btn-group" role="group">
                                                            <button type="button"
                                                                    class="btn btn-primary dropdown-toggle"
                                                                    id="btnGroupDrop1"
                                                                    data-toggle="dropdown" aria-haspopup="true"
                                                                    aria-expanded="false">
                                                                Actions
                                                            </button>
                                                            <div class="dropdown-menu" aria-labelledby="btnGroupDrop1">
                                                                <a class="dropdown-item"
                                                                   href="{{ route('admin.orders.edit', $order->getKey()) }}">
                                                                    <i class="fa fa-fw fa-eye mr-5"></i>View
                                                                </a>
                                                                <div class="dropdown-divider"></div>
                                                                <a class="dropdown-item"
                                                                   href="/admin/deliverySlotEmails/{{$order->id}}">
                                                                    <i class="far fa-fw fa-envelope mr-5"></i> Request
                                                                    Payment
                                                                </a>

                                                                <div class="dropdown-divider"></div>
                                                                <a href="javascript:void(0)" class="dropdown-item"
                                                                   data-toggle="modal"
                                                                   data-target="#viewordermodal"
                                                                   data-orderID="{{$order->id}}"><i
                                                                            class="fa fa-print mr-5"></i> Print
                                                                    Order</a>
                                                                <div class="dropdown-divider"></div>
                                                                <a href="/admin/orders/{{$order->id}}/labelPrint?full=1"
                                                                   target="_blank"
                                                                   class="dropdown-item"><i
                                                                            class="fa fa-print mr-5"></i>
                                                                    Print Receipt</a>
                                                                <div class="dropdown-divider"></div>
                                                                <a href="/admin/orders/{{$order->id}}/labelPrint"
                                                                   target="_blank"
                                                                   class="dropdown-item"><i
                                                                            class="fa fa-print mr-5"></i>
                                                                    Print Packing
                                                                    Label</a>
                                                                <div class="dropdown-divider"></div>
                                                                <a class="dropdown-item"
                                                                   href="{{ route('admin.ordersAdmin.deleteOrder', $order->getKey()) }}">
                                                                    <i class="fa fa-fw fa-trash mr-5"></i>Delete
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </td>
                                                </tr>
                                            @endforeach
                                        @endif
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
            <!-- /.box-body -->
        </div>
        <!-- /.box -->

    </section>

    <div class="modal" tabindex="-1" role="dialog" id="viewordermodal">
        <div class="modal-dialog modal-lg" role="document" style="max-width: 1080px; width: 100%">
            <div class="modal-content">
                <h3>Loading Order - Please Wait</h3>
            </div>
        </div>
    </div>


@endsection
@section('scripts')

    <style>
        .dataTables_filter input.form-control.form-control-sm {
            font-size: 18pt;
        }

        @media screen {
            #printSection {
                display: none;
            }
        }

        @media print {
            section.mainPage {
                visibility: hidden;
                display: none;
            }

            #printSection, #printSection * {
                visibility: visible;
            }

            #printSection {
                position: absolute;
                left: 0;
                top: 0;
            }
        }


    </style>

    <link rel="stylesheet" href="assets/js/plugins/datatables/dataTables.bootstrap4.css">
    <script src="assets/js/plugins/datatables/jquery.dataTables.min.js"></script>
    <script src="assets/js/plugins/datatables/dataTables.bootstrap4.min.js"></script>
    <script>


        $(document).ready(function () {
            var WeekID = localStorage.getItem('WeekID');
            var statusType = localStorage.getItem('statusType');
            if (WeekID) {
                console.log(WeekID);
                $("#weekID").val(WeekID);
            }
            if (statusType) {
                console.log(statusType);
                $("#statusType").val(statusType);
            }


            jQuery('#viewordermodal').on('show.bs.modal', function (e) {
                $("#viewordermodal .modal-content").html('<h5 class="text-center p-20 text-success" style="padding: 20px;" ng - Please wait</h5>')
            });

            jQuery('#viewordermodal').on('shown.bs.modal', function (e) {
                var rowid = $(e.relatedTarget).attr('data-orderid');


                $.ajax({
                    url: '/admin/orders/' + rowid + '/edit?print=1',
                    type: 'GET',
                    processData: false,
                    error: function (jq, status, message) {
                        $("#viewordermodal").modal("hide");
                    },
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    }
                }).then((htmlResponse) => {
                    $("#viewordermodal .modal-content").html(htmlResponse);
                    //printElement(document.getElementById("viewordermodal"));
                });
            })


            function printElement(elem) {
                var domClone = elem.cloneNode(true);

                var $printSection = document.getElementById("printSection");

                if (!$printSection) {
                    var $printSection = document.createElement("div");
                    $printSection.id = "printSection";
                    document.body.appendChild($printSection);
                }

                $printSection.innerHTML = "";
                $printSection.appendChild(domClone);
                window.print();
            }

            $(document).on("click", ".PrintOrder", (ev) => {
                console.log(ev.target);
                console.log($(ev.target).data("orderid"));
            })


            // Event listener to the two range filtering inputs to redraw on input
            $('#weekID').change(function () {
                localStorage.setItem('WeekID', $("#weekID option:selected").val());
                table.draw();
            });
            // Event listener to the two range filtering inputs to redraw on input
            $('#statusType').change(function () {
                localStorage.setItem('statusType', $("#statusType option:selected").val());
                table.draw();
            });
        });
    </script>
@append