@extends('admin.layout.default')

@section('content')

<div class="m-grid__item m-grid__item--fluid m-wrapper">
    <!-- BEGIN: Subheader -->
    <div class="m-subheader ">
        <div class="d-flex align-items-center">
            <div class="mr-auto">
                <h3 class="m-subheader__title ">
                    Manage Order
                </h3>
            </div>
        </div>
    </div>
    <!-- END: Subheader -->
    <div class="m-content">
        <!--Begin::Section-->
        <div class="row">
            <div class="col-lg-12">
                <div class="m-portlet">
                    <div class="m-portlet__body">
                        @if (session()->has('success'))
                        <div class="m-alert m-alert--icon alert alert-success" role="alert">
                            <div class="m-alert__icon">
                                <i class="la la-check"></i>
                            </div>
                            <div class="m-alert__text">
                                {!! session()->get('success') !!}
                            </div>
                            <div class="m-alert__close">
                                <button type="button" class="close" data-close="alert" aria-label="Close"></button>
                            </div>
                        </div>
                        @endif

                        @if (session()->has('error'))
                        <div class="m-alert m-alert--icon alert alert-primary" role="alert">
                            <div class="m-alert__icon">
                                <i class="la la-warning"></i>
                            </div>
                            <div class="m-alert__text">
                                {!! session()->get('error') !!}
                            </div>
                            <div class="m-alert__close">
                                <button type="button" class="close" data-close="alert" aria-label="Close"></button>
                            </div>
                        </div>
                        @endif

                        @if (session('status'))
                        <div class="m-alert m-alert--icon alert alert-danger" role="alert">
                            <div class="m-alert__icon">
                                <i class="la la-warning"></i>
                            </div>
                            <div class="m-alert__text">
                                {{ session('status') }}
                            </div>
                            <div class="m-alert__close">
                                <button type="button" class="close" data-close="alert" aria-label="Close"></button>
                            </div>
                        </div>
                        @endif
                                                                        @foreach($orderDetails as $order)

                        <!--begin::Section-->
                        <div class="m-accordion m-accordion--bordered m-accordion--solid m-accordion--toggle-arrow" id="m_accordion_4" role="tablist">
                            <!--begin::Item-->
                            <div class="m-accordion__item">
                                <div class="m-accordion__item-head collapsed" role="tab" id="m_accordion_4_item_3_head" data-toggle="collapse" href="#m_accordion_4_item_3_body{{ $i}}" aria-expanded="    false">
                                    <span class="m-accordion__item-icon">
                                        <i class="fa flaticon-open-box"></i>
                                    </span>
                                    <span class="m-accordion__item-title">
                                        Product {{ $i }}
                                    </span>
                                    <span class="m-accordion__item-mode"></span>
                                </div>
                                <div class="m-accordion__item-body collapse" id="m_accordion_4_item_3_body{{ $i}}" class=" " role="tabpanel" aria-labelledby="m_accordion_4_item_3_head" data-parent="#m_accordion_4">
                                    <div class="m-accordion__item-content">
                                        <div class="m-section">
                                            <h3 class="m-section__heading">
                                                Product Details
                                            </h3>
                                            <div class="m-section__content">
                                                <div class="m-demo">
                                                    <div class="m-demo__preview">
                                                        <div class="table-responsive">
                                                            <table class="table nowrap nowrap-table-all">
                                                                <tbody>
                                                                    <tr>
                                                                        <th scope="row">
                                                                            Product Name
                                                                        </th>
                                                                        <td>
                                                                            {{ $order->json['data']['orderItemDetail']['productName'] }}
                                                                        </td>
                                                                    </tr>
                                                                    <tr>
                                                                        <th scope="row">
                                                                            Product Price
                                                                        </th>
                                                                        <td>
                                                                            {{ config('constants.CURRENCY_SYMBOL')}} {{ $order->json['data']['orderItemDetail']['price'] }}
                                                                        </td>
                                                                    </tr>
                                                                    <tr>
                                                                        <th scope="row">
                                                                            Product Detail
                                                                        </th>
                                                                        <td>
                                                                            {{ $order->json['data']['orderItemDetail']['description'] }}
                                                                        </td>
                                                                    </tr>
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="m-section">
                                            <h3 class="m-section__heading">
                                                Optional Products
                                            </h3>
                                            <div class="m-section__content">
                                                <div class="m-demo">
                                                    <div class="m-demo__preview">
                                                        <div class="table-responsive">
                                                            <table class="table nowrap nowrap-table-all">
                                                                <tbody>
                                                                    @isset($order->json['data']['topextraItems'])
                                                                    @foreach($order->json['data']['topextraItems'] as $optionalProducts)
                                                                    <tr>
                                                                        <th scope="row">
                                                                            {{ $optionalProducts['labelNames'] }}
                                                                        </th>
                                                                                                                                            <td>
                                                                        @foreach($optionalProducts['labelOptions'] as $optionalSubProducts)
                                                                        <tr>
                                                                            <td>
                                                                                {{ $optionalSubProducts['optionName'] }}
                                                                            </td>
                                                                            <td>
                                                                                {{ config('constants.CURRENCY_SYMBOL')}} {{ $optionalSubProducts['price'] }}
                                                                            </td>
                                                                        </tr>
                                                                        @endforeach
                                                                    </td>


                                                                                                                                </tr>
                                                                @endforeach
                                                                @endisset
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="m-section">
                                            <h3 class="m-section__heading">
                                                Customize Products
                                            </h3>
                                            <div class="m-section__content">
                                                <div class="m-demo">
                                                    <div class="m-demo__preview">
                                                        <div class="table-responsive">
                                                            <table class="table nowrap nowrap-table-all">
                                                                <thead>
                                                                    <tr>
                                                                        @isset($order->json['data']['customizeTopLabelOptions'])
                                                                        @foreach($order->json['data']['customizeTopLabelOptions'] as $customizeLabels )
                                                                        <th>
                                                                            {{ $customizeLabels['labelNames'] }}
                                                                        </th>
                                                                        @endforeach
                                                                        @endisset
                                                                    </tr>
                                                                </thead>
                                                                <tbody>
                                                                    @isset($order->json['data']['verticalCustomizeOptionsWithPrice'])
                                                                    @foreach($order->json['data']['verticalCustomizeOptionsWithPrice'] as $customizeProducts )
                                                                    <tr>
                                                                        <td>
                                                                            {{ $customizeProducts['labelNames'] }}
                                                                        </td>
                                                                        <td>

                                                                            {{ $customizeProducts['selectedOption']['0']['isSelected']  }}

                                                                        </td>
                                                                        <td>

                                                                            {{ $customizeProducts['selectedOption']['1']['isSelected']  }}

                                                                        </td>
                                                                    </tr>
                                                                    @endforeach
                                                                    @endisset
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="m-section">
                                            <h3 class="m-section__heading">
                                                Addtional Products
                                            </h3>
                                            <div class="m-section__content">
                                                <div class="m-demo">
                                                    <div class="m-demo__preview">
                                                        <div class="table-responsive">
                                                            <table class="table nowrap nowrap-table-all">
                                                                @isset($order->json['data']['additionalItems'])
                                                                @foreach($order->json['data']['additionalItems'] as $additionalItem)
                                                                <tbody>
                                                                    <tr>
                                                                        <td>
                                                                            {{ $additionalItem['itemName'] }}
                                                                        </td>
                                                                        <td>
                                                                            {{ config('constants.CURRENCY_SYMBOL')}} {{ $additionalItem['price'] }}
                                                                        </td>
                                                                    </tr>

                                                                </tbody>
                                                                @endforeach
                                                                @endisset
                                                            </table>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!--end::Item-->
                        </div>
                                                @endforeach
                        <!--end::Section-->
                        <div class="m-section mt-5">
                            <div class="m-section__content">
                                <div class="m-demo">
                                    <div class="m-demo__preview row">
                                        <div class="table-responsive col-xl-4 offset-xl-4">
                                            <table class="table nowrap nowrap-table-all">
                                                <tbody>
                                                    <tr>
                                                        <td>
                                                            Total Amount
                                                        </td>
                                                        <td class="m-link m-link--danger m--link-danger  align-middle m-1">
                                                            <!--<a href="javascript:void(0)" class="m-link m-link--danger m--link-danger  align-middle m-1" style="cursor: default">-->
                                                            {{ config('constants.CURRENCY_SYMBOL')}} {{ $totalOrderAmount }}
                                                            <!--</a>-->
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                            Amount Type
                                                        </td>
                                                        <td class="m-link m-link--danger m--link-danger  align-middle m-1">
                                                            <!--<a href="javascript:void(0)" class="m-link m-link--danger m--link-danger  align-middle m-1" style="cursor: default">-->

                                                            @if($paymentMode['0']['payment_mode'] =="1")
                                                            {{ "Online Payment" }}
                                                            @elseif($paymentMode['0']['payment_mode']=="2")
                                                            {{ "Cash" }}
                                                            @else
                                                            {{ "Payment Not Done" }}
                                                            @endif
                                                            <!--</a>-->
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>

                                                            <a href="#" onclick="downloadOrder()">EXPORT</a>

                                                        </td>
                                                    </tr>

                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="m-portlet__foot m-portlet__foot--fit m-portlet__no-border mt-5">
                            <div class="m-form__actions text-center">
                                @if($paymentMode->status=='0')
                                <!--new Order-->
                                @if($paymentMode->pickup_type == "0")
                                <!--order is delivery type-->
                                @if($paymentMode->branch_id == 0)
                                {{ Form::open(['route'=>['branch-list','id'=>$orderId],'method'=>'GET'])}}
                                <input type="hidden" name="orderId" value="{{ $orderId }}">
                                <button type="submit" id="accept_order" class="btn  m-btn--air btn-primary m-2">
                                    Assign order to merchant
                                </button>
                                {{ Form::close() }}
                                <button type='button' class="btn m-btn--air btn-danger m-2" id="reject-{{$orderId}}" onClick="orderstatus(this.id)">Reject Order</button>
                                @else
                                <p>Order Assigned to Merchant : {{ $branchName->name }} </p>
                                @if(($paymentMode->delivery_time!='00:00:00'))
                                <p>Time to deliver order : {{ $paymentMode->delivery_time }} </p>
                                @else
                                <input placeholder="Enter preparation + delivery time" name="orderTime" class="orderTime" autocomplete="off" readonly="true">
                                <button type="button" class="btn m-btn--air btn-primary m-2" onclick="setDeliveryTime({{ $orderId }})">GO</button>
                                <button type='button' class="btn m-btn--air btn-danger m-2" id="reject-{{$orderId}}" onClick="orderstatus(this.id)">Reject Order</button>
                                @endif
                                @endif
                                @else
                                <!--order id takeaway type-->
                                <p>Order Assigned to Merchant : {{ $branchName->name }} </p>
                                @if(($paymentMode->delivery_time!='00:00:00'))
                                <p>Time to deliver order : {{ $paymentMode->delivery_time }} </p>
                                @else
                                <input placeholder="Enter preparation time" name="orderTime" class="orderTime" autocomplete="off" readonly="true">
                                <button type="button" class="btn m-btn--air btn-primary m-2" onclick="setDeliveryTime({{ $orderId }})">GO</button>
                                <button type='button' class="btn m-btn--air btn-danger m-2" id="reject-{{$orderId}}" onClick="orderstatus(this.id)">Reject Order</button>
                                @endif
                                @endif

                                @elseif($paymentMode->status =='5')
                                <!--order Rejected-->

                                @if($paymentMode->accept_reject_datetime!='')
                                <p>Order is rejected at {{ date('d/M/Y H:i a',strtotime($paymentMode->accept_reject_datetime)) }}</p>
                                @else
                                <p>Order is rejected</p>
                                @endif

                                @else
                                <!--order Accepted-->
                                @if($paymentMode->pickup_type == "0")
                                <p>Order Assigned to Merchant : {{ $branchName->name }} </p>
                                <p>Time for preparation and delivery of Order : {{ $paymentMode->delivery_time }} (hrs:min:sec) </p>
                                @else
                                <p>Order Assigned to Merchant : {{ $branchName->name }} </p>
                                <p>Time for preparation of Order : {{ $paymentMode->delivery_time }} (hrs:min:sec) </p>
                                @endif
                                @endif

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--End::Section-->
    </div>
</div>
@endsection
<link rel="stylesheet" href="{!! asset('assets/admin/layout/css/jquery.timepicker.min.css') !!}">
@section('js')
<script src="{!! asset('assets/admin/layout/js/jquery.timepicker.min.js') !!}"></script>
<script>
    $(document).ready(function() {
        $('input.orderTime').timepicker({
            timeFormat: 'HH:mm:ss ',
            interval: 5,
            minTime: '00:15:00',
            maxTime: '02:00:00'

        });
    });

    function setDeliveryTime(orderId) {
        var time = $('input.orderTime').val();
        var type = 'accept';
        if (time == '') {
            alert('Enter time first!');
        } else {
            $.ajax({
                url: "{{route('OrderStatuschange')}}",
                type: "POST",
                data: {
                    "_token": "{{ csrf_token() }}",
                    'order_id': orderId,
                    'type': type,
                    'time': time
                },

                success: function(result) {
                    console.log(result);
                    location.reload();
                },
                error: function(XMLHttpRequest, textStatus, errorThrown) {
                    location.reload();
                }
            });
        }
    };

    function orderstatus(click_id) {
        var id = click_id;
        var order_id = id.split("-")[1];
        var type = id.split("-")[0];
        if (confirm('Are you sure you want to ' + type + ' this order?')) {
            if (confirm('Do you really want to ' + type + ' this order?')) {
                $.ajax({
                    url: "{{route('OrderStatuschange')}}",
                    type: "POST",
                    data: {
                        "_token": "{{ csrf_token() }}",
                        'order_id': order_id,
                        'type': type
                    },

                    success: function(result) {
                        console.log(result);
                        location.reload();
                    },
                    error: function(XMLHttpRequest, textStatus, errorThrown) {
                        location.reload();
                    }
                });

            }
        }
    };

    function downloadOrder(orderId) {
        window.location = "{{url('admin/order-details-excel')}}" + "/" + orderId;
    }
</script>
@endsection