@extends('layouts.app')
@section('content')

@section('css')
<link rel="stylesheet" type="text/css" href="{{asset('assets/admin/vendors/css/tables/datatable/dataTables.bootstrap4.min.css')}}">
<style>
.pagination li{
    display: inline-block;
    padding:5px 15px;
    background: #f0f0f0;
}
.pagination .active{
    background: #0B559F;
    color: #fff;
}
.scheduled-order {
    background-color: #fefef2; 
}

</style>
@endsection


<form method="GET" action="{{ route('orders') }}">
    <div class="row mb-2">
        <div class="col-md-2">
            <input type="date" name="date" class="form-control" value="{{ request('date') }}">
        </div>

        <div class="col-md-2">
            <select name="order_type" class="form-control">
                <option value="">All Types</option>
                <option value="delivery" {{ request('order_type') == 'delivery' ? 'selected' : '' }}>Delivery</option>
                <option value="takeaway" {{ request('order_type') == 'takeaway' ? 'selected' : '' }}>Takeaway</option>
            </select>
        </div>

        <div class="col-md-2">
            <select name="order_day" class="form-control">
                <option value="">Order Day</option>
                <option value="today" {{ request('order_day') == 'today' ? 'selected' : '' }}>Same-Day</option>
                <option value="later" {{ request('order_day') == 'later' ? 'selected' : '' }}>Scheduled</option>
            </select>
        </div>

        <div class="col-md-2">
            <select name="status" class="form-control">
                <option value="">Status</option>
                <option value="0" {{ request('status') === '0' ? 'selected' : '' }}>Placed</option>
                <option value="1" {{ request('status') === '1' ? 'selected' : '' }}>Accepted</option>
                <option value="2" {{ request('status') === '2' ? 'selected' : '' }}>Declined</option>
                <option value="3" {{ request('status') === '3' ? 'selected' : '' }}>Pending</option>
                <option value="4" {{ request('status') === '4' ? 'selected' : '' }}>Delivered</option>
                <option value="5" {{ request('status') === '5' ? 'selected' : '' }}>Paid</option>
            </select>
        </div>

        <div class="col-md-2">
            <button class="btn btn-suces">Filter</button>
            <a href="{{ route('orders') }}" class="btn btn-secondary">Clear</a>
        </div>
    </div>
</form>

{{-- Status counts --}}
<div class="row mb-3">
    <div class="col-md-12">
        <div class="btn-group" role="group" aria-label="Order Status Summary">
            <button type="button" class="btn btn-sm btn-default">
                <strong>Placed:</strong> {{ $statusCounts['placed'] }}
            </button>
            <button type="button" class="btn btn-sm btn-success">
                <strong>Accepted:</strong> {{ $statusCounts['accepted'] }}
            </button>
            <button type="button" class="btn btn-sm btn-danger">
                <strong>Declined:</strong> {{ $statusCounts['declined'] }}
            </button>
            <button type="button" class="btn btn-sm btn-warning">
                <strong>Pending:</strong> {{ $statusCounts['pending'] }}
            </button>
            <button type="button" class="btn btn-sm btn-info">
                <strong>Delivered:</strong> {{ $statusCounts['delivered'] }}
            </button>
            <button type="button" class="btn btn-sm btn-primary">
                <strong>Paid:</strong> {{ $statusCounts['paid'] }}
            </button>
        </div>
    </div>
</div>


<div class="card">
    <div class="card-header">
        <h4 class="card-title">{{ isset($title)?$title:'' }}</h4>
        <a class="heading-elements-toggle"><i class="icon-ellipsis font-medium-3"></i></a>
    </div>

    <div class="card-body collapse in">
        <div class="card-block card-dashboard">
            <table class="table table-hover table-bordered">
                <thead>
                    <tr>
                        <th>Id</th>
                        <th>Customer</th>
                        <th>Date Time</th>
                        <th>Total</th>
                        <th>Order Type</th>
                        <th>Tax</th>
                        <th>Platform</th>
                        <th>Status</th>
                        <th>User</th>
                        <th>View</th>
                    </tr>
                </thead>
                <tbody>
                    @if(isset($orders) && !empty($orders))
                        @foreach($orders as $row)
                            @if($row->order_day == 'later')
                            <tr class="scheduled-order">
                                <td colspan="10">Scheduled Order : {{ date("j-F-Y h:i:s A", strtotime($row->order_day_date)) }}</td>
                            </tr>
                            @endif
                            <tr @if($row->order_day == 'later') class="scheduled-order" @endif>
                                <td>{{$row->id}}</td>
                                <td>
                                    @if($row->checkout != 'guest')
                                    <a href="{{route('customerProfile',['id'=>$row->customer_id])}}">{{ucwords($row->customer_name)}}</a><br>
                                    @else
                                    {{ucwords($row->customer_name)}}<br>
                                    @endif
                                    <small>{{ucwords($row->checkout)}}</small>
                                    @if($row->order_due_tomorrow)
                                    <small class="text-danger"><i>(Next Day Order)</i></small>
                                    @endif
                                </td>
                                <td>
                                    {{ date("j-F-Y", strtotime($row->created_at)) }}
                                    <br>
                                    {{ date("h:i:s A", strtotime($row->created_at)) }}
                                </td>
                                <td>{{env('CURRENCY').number_format($row->total)}}</td>
                                <td>
                                    @if($row->order_type == 'delivery')
                                        {{ ucwords($row->order_type)}}<br>{{env('CURRENCY').number_format($row->delivery_charges) }}
                                    @endif

                                    @if($row->order_type == 'pickup')
                                        {{ ucwords($row->order_type)}}<br>{{$row->pickup_time }}
                                    @endif
                                </td>
                                <td>{{env('CURRENCY').$row->tax}}</td>
                                <td>{{$row->platform}}</td>
                                <td> 
                                    @if($row->status == 0)
                                        <span class="tag tag-default tag-default">Placed</span>
                                    @elseif($row->status == 1)
                                        <span class="tag tag-default tag-primary">Accept</span>
                                    @elseif($row->status == 2)
                                        <span class="tag tag-default tag-danger">Decline</span>
                                    @elseif($row->status == 3)
                                        <span class="tag tag-default tag-warning">Pending</span>
                                    @elseif($row->status == 4)
                                        <span class="tag tag-default tag-info">Delivered</span>
                                    @elseif($row->status == 5)
                                        <span class="tag tag-default tag-success">Paid</span>
                                    @endif
                                </td>
                                <td>{{ucwords($row->user)}}</td>
                                <td>
                                    <a class="text-info modal_order_detail" id="{{$row->id}}" data-toggle="modal"><i class="icon-eye4"></i></a>

                                    @if(!$row->all_items_nextday)
                                        <a class="text-primary" href="{{route('printOrder', ['id' => $row->id, 'nextday' => 0])}}" target="_blank" title="Print Order">
                                            <i class="icon-print"></i>
                                        </a>
                                    @endif
                        
                                    @if($row->order_due_tomorrow)
                                        <a class="text-warning" href="{{route('printOrder', ['id' => $row->id, 'nextday' => 1])}}" target="_blank" title="Print Next Day Order">
                                            <i class="icon-print"></i>
                                        </a>
                                    @endif
                                </td>
                            </tr>
                        @endforeach
                    @endif
                </tbody>
            </table>
            @if(isset($orders) && !empty($orders))
            {{$orders->links()}}
            @endif
        </div>
    </div>
</div>

@include('admin.orders.online_orders_modal')
@section('js')
<script src="{{asset('assets/admin/vendors/js/tables/jquery.dataTables.min.js')}}" type="text/javascript"></script>
<script src="{{asset('assets/admin/vendors/js/tables/datatable/dataTables.bootstrap4.min.js')}}" type="text/javascript"></script>
<script src="{{asset('assets/admin/js/scripts/tables/datatables/datatable-advanced.min.js')}}" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
/*
| modal_order_detail
|--------------------------------------------------------------------------
*/
$('body').on('click', '.modal_order_detail', function (e) {
    $.ajax({
        type:'POST',
        url:"{{ route('getOrderDetailAjax') }}",
        data: {id: $(this).attr('id'), _token: $('meta[name="csrf-token"]').attr('content')},
        success:function (result) {
            var obj = result;
        
            $('#order_product').html('');
    
            $("#restaurant_name").html(obj['restaurant_name']);
            $("#phone").html(obj['phone']);
            $("#restaurant_address").html(obj['restaurant_address']);
            $("#order_id").html(obj['order_id']);
            $("#order_date").html(obj['order_date']);
            $("#platform").html(obj['platform']);            
            $("#customer_name").html(obj['customer_name']);
            $("#customer_phone").html(obj['customer_phone']);
            $("#customer_address").html(obj['customer_address']);
            $("#delivery_charges").html(obj['delivery_charges']);

            if(obj['platform']=='web'){
                $("#platform").html('<i class="icon-globe"> </i>Website');
            }else if(obj['platform']=='android'){
                $("#platform").html('<i class="icon-android2"> </i> Android');
            }else if(obj['platform']=='ios'){
                $("#platform").html('<i class="icon-apple"> </i> iOS');
            }
    
            $("#fdb_user").html(obj['customer']);
            $("#customer_address").attr("address", obj['customer_address']);

            $("#subtotal").html(numberWithCommas(obj['subtotal']));    
            $("#tax").html(numberWithCommas(obj['tax']));
            $("#tax_rate").html(obj['tax_rate']);
            $("#delivery_charges").html(numberWithCommas(obj['delivery_charges']));
            $("#total").html(numberWithCommas(obj['total']));

            $(obj['order_detail']).each(function (iIndex, data) {                
                var order_detail = "";
                order_detail += "<tr>";
                order_detail += "<td>";
                order_detail += data.item_name+"<span>("+data.price_title+")</span></br>";
                if (obj['platform']=='web') {
                    if(data.addons){
					 	$.each(JSON.parse(data.addons), function( k, v ) {
							order_detail += "<span> - "+v.item_name+" ("+v.item_price+")</span><br>";
					 	});
					}
                }
                order_detail+= "</td>";
                order_detail += "<td style='text-align:right'>"+data.quantity+"</td>";
                order_detail += "<td style='text-align:right'>"+numberWithCommas(data.price)+"</td>";
                order_detail += "<td style='text-align:right'>"+numberWithCommas(data.item_total_price)+"</td>";
                order_detail += "</tr>";
                
                $('#order_product').append(order_detail);
            });
            //special_instructions
            if(obj['special_instructions'] && obj['special_instructions'] !=""){
                $('#special_instructions_div').show().html(obj['special_instructions']);
            }else{
                $('#special_instructions_div').empty().hide();
            }
            //feedback
            if(obj['feedback_flag'] == 1){
                $('#y_feedback').show();
                $('#n_feedback').hide();
                $('select[name=quality]').val(obj['feedback']['quality']);
                $('select[name=service]').val(obj['feedback']['service']);
                $('select[name=value]').val(obj['feedback']['value']);
                $('#f_feedback').val(obj['feedback']['feedback']);
            }else{
                $('#n_feedback').show();
                $('#y_feedback').hide();
            }
            
            $("#OrderDetailModal").modal('show');
        }
        

    });
});

});
function numberWithCommas(x) {
    return x.toString().replace(/\B(?<!\.\d*)(?=(\d{3})+(?!\d))/g, ",");
} 
</script>
@endsection
@endsection