@extends('branch.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>
                                                                        @if(count($optionalProducts['labelOptions'])>0)
                                                                        <td>
                                                                         @foreach($optionalProducts['labelOptions'] as $optionalSubProducts)
                                                                    <tr>
                                                                        <td>
                                                                           {{ $optionalSubProducts['optionName'] }}
                                                                        </td>                                                                        
                                                                        <td>
                                                                          {{  config('constants.CURRENCY_SYMBOL')}} {{ $optionalSubProducts['price'] }}
                                                                        </td>
                                                                    </tr>
                                                                        @endforeach
                                                                        </td>
                                                                        @endif
                                                                    </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>
                                                            <a href="#" class="m-link m-link--danger m--link-danger  align-middle m-1">
                                                                {{  config('constants.CURRENCY_SYMBOL')}} {{ $totalOrderAmount }}
                                                            </a>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                            Amount Type
                                                        </td>
                                                        <td>
                                                            <a href="#" class="m-link m-link--danger m--link-danger  align-middle m-1">
                                                               
                                                               @if($paymentMode['0']['payment_mode'] =="1")
                                                                {{ "Online Payment" }}
                                                                @elseif($paymentMode['0']['payment_mode']=="2")
                                                                {{ "Cash" }}
                                                                @else
                                                                {{ "Payment Not Done" }}
                                                                @endif
                                                            </a>
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        {{ Form::open(['route'=>['driver-list','id'=>$orderId],'method'=>'GET'])}}
                        <div class="m-portlet__foot m-portlet__foot--fit m-portlet__no-border mt-5">
                            <div class="m-form__actions text-center">
                                @if($paymentMode->first()->pickup_type == "0")
                                  @if($driverDetails=='' )
<!--                                <button type="button" class="btn  m-btn--air btn-primary m-2">
                                    Cancel Order
                                </button>-->
                                <input type="hidden" name="orderId" value="{{ $orderId }}" > 
                               
                                <button type="submit" id="accept_order" class="btn  m-btn--air btn-primary m-2">
                                    Assign to driver
                                </button>
                                @else 
                                <p>Order Assigned to Driver : {{ $driverDetails->first()->name }} </p>
                                @endif
                                @else 
                                <p>Order is Pickup type</p>
                                @endif
                                @if(($paymentMode->first()->delivery_time!='00:00:00'))
                                <p>Time to deliver Order : {{ $paymentMode->first()->delivery_time }}</p>
                                @endif
                            </div>
                        </div>
                        {{ Form::close() }}

                    </div>
                </div>
            </div>
        </div>
        <!--End::Section-->
    </div>
</div>
@endsection
@section('js')

<script>
//    var acceptButton = document.querySelector('#accept_order');
//    acceptButton.addEventListener('click',branchList);
//    function branchList(){
//        
//    }
</script>
@endsection