@extends('front.design1.partials.master')
@section('content')

    @php
        $paymentMethods = fetchStore(['payment_method' => true, 'time_slot' => true ]);
        $backButtonStyle = false;
    @endphp

    <!-- <meta http-equiv="refresh" content="5; URL=http://localhost/yummyweb/web/order/order_detail/"> -->
    <div class="filter-div view-order-detail">
        <div class="container">


            <div class="row">
                <div class="col-md-10" style=" margin-left: 8.33333333%;">
                    <div class="filter-info-right">

                        @if (session('order_error_msg'))
                            <div class="alert alert-danger" role="alert">
                                {!! session('order_error_msg') !!}
                                @php
                                    session()->forget('order_error_msg');
                                    $backButtonStyle = true;
                                @endphp
                            </div>
                        @endif

                        @if (session('order_success_msg'))
                            <div class="alert alert-success" role="alert">
                                {!! session('order_success_msg') !!}
                                @php
                                    session()->forget('order_success_msg');
                                    $backButtonStyle = true;
                                @endphp
                            </div>
                        @endif

                        <div class="dashboard-box">
                            @php

                                $currentDate = date(DB_DATETIME);
                                $createdOn = date(DB_DATETIME, strtotime($result->created_at));
                                $to_time = strtotime($currentDate);
                                $from_time = strtotime($createdOn);
                                $timeElapsed = round(abs($to_time - $from_time) / 60, 2);
                                $oPrefix = '';
                            @endphp

                            @php
                                $orderNumber = orderNumber($result->order_from, $result->order_number, $result->order_prefix);
                            @endphp
                            <h3><i class="fa fa-cutlery"></i> {{ __('v2/front_site.order_no') }}: #{{ $orderNumber }}</h3>
                            @if ($result->is_guest != '1')
                                <a href="{{ route('front.d1.customer-dashboard') }}#dashboard1"
                                   class="btn btn-success btn_back
                                @if ($backButtonStyle) {{ 'btn_back_msg' }} @endif
                                           ">
                                    {{ __('v2/front_site.back') }}</a>
                            @endif
                            @if ($result->payment_status == '0' && $timeElapsed <= 2)
                                <a id="hideMe" href="javascript:void(0);" onclick="window.location.reload();"
                                    class="btn btn-success btn_back @if ($backButtonStyle) {{ 'btn_back_msg' }} @endif ">
                                    {{ __('v2/front_site.reverify_payment') }}
                                </a>
                            @endif
                            <div class="dashboard-info-1">
                                <div class="div_acc">
                                    <div class="order-details">

                                        <div class="order-boxx">
                                            <div class="order-boxx-new">
                                                <!--------------------MAP--------------------------->
                                                @if ($result->delivery_type == 0)
                                                    <div class="map_div" style="height:300px;position:relative;">
                                                        <div id='order-map' class='map'>
                                                            <div class='tt-overlay-panel -left-top -medium js-foldable'>
                                                                <div class='tt-form-label'>
                                                                    Travel mode
                                                                    <select class='js-category-select tt-select'>
                                                                        <option value='pedestrian'>Pedestrian</option>
                                                                        <option value='car'>Car</option>
                                                                        <option value='truck'>Truck</option>
                                                                        <option value='bicycle'>Bicycle</option>
                                                                        <option value='bus'>Bus</option>
                                                                        <option value='van'>Van</option>
                                                                        <option value='motorcycle'>Motorcycle</option>
                                                                        <option value='taxi'>Taxi</option>
                                                                    </select>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                @endif
                                                <!---------------------MAP------------------------->
                                                <ul>
                                                    <li>
                                                        <h3> {{ $result->store_name }}</h3>
                                                        <p><i class="fa fa-map-marker"></i>{{ $result->store_address }}</p>
                                                    </li>
                                                    <li>
                                                        <h3>{{ __('v2/front_site.date_of_booking') }}</h3>
                                                        <p><i
                                                                class="fa fa-calendar"></i>{{ date('d-M-Y H:i:s', strtotime($result->created_at)) }}
                                                        </p>
                                                    </li>
                                                </ul>
                                                <ul>
                                                    <li>
                                                        <h3>
                                                            @if ($result->delivery_type == 1)
                                                                {{ __('v2/front_site.pickup') }}
                                                                {{ __('v2/front_site.date') }}/
                                                                {{ __('v2/front_site.time') }}
                                                            @else
                                                                {{ __('v2/front_site.delivery') }}
                                                                {{ __('v2/front_site.date') }}/
                                                                {{ __('v2/front_site.time') }}
                                                            @endif
                                                        </h3>
                                                        <p>{{ date('d-M-Y', strtotime($result->date)) }}

                                                            @if ($result->time == 'asap')
                                                                @php
                                                                    $label = ' -- ' . date('h:i', strtotime($result->created_at)) . '(+' . $result->delivery_pickup_time . __('v2/front_site.min') . ')  ';
                                                                @endphp
                                                            @elseif (strchr($result->time, ':'))
                                                                @php
                                                                    $label = ' (' . $result->time . ')';
                                                                @endphp
                                                            @else
                                                                @php
                                                                    $label = ' (' . $result->time . __('v2/front_site.min') . ')';
                                                                @endphp
                                                            @endif
                                                            {{ $label }}

                                                            @if ($result->time != 'asap')
                                                                <span
                                                                    class='label label-warning font-12 py-1'>{!! __('v2/front_site.pre_order') !!}</span>
                                                            @endif
                                                        </p>
                                                    </li>
                                                    <li>
                                                        <h3>{{ __('v2/front_site.delay') }}</h3>
                                                        @if ($result->delay_time == 0)
                                                            <p>{!! __('v2/front_site.no') !!}</p>
                                                        @else
                                                            <p>{{ $result->delay_time }} {!! __('v2/front_site.min') !!}</p>
                                                        @endif
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="order-boxx-new">
                                                <ul>
                                                    <li>
                                                        <h3> {{ __('v2/front_site.payment_method') }}</h3>

                                                        <p>
                                                            {{ isset($result->payment_method) ? paymentMethodService($result->payment_method) : '' }}

                                                            @if($result->payment_method == 'adyen' && $result->card_type != "")

                                                                {!! " - ".$result->card_type !!}

                                                            @endif

                                                        </p>
                                                    </li>
                                                    <li>
                                                        <h3> {{ __('v2/front_site.payment_status') }}</h3>
                                                        <p><span
                                                                class="label {{ paymentStatusClass($result->payment_status) }}">
                                                                {{ paymentStatus($result->payment_status) }}

                                                            </span>
                                                        </p>

                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="retry_pay_btn text-center">
                                                @if($result->payment_status == 0 && $result->status == 0 && !in_array($result->payment_method , ['reward','free_food','gift_card']) && (int) $result->gift_card_applied < 1)
                                                    @if($timeElapsed >= 5)
                                                        <span data-url="{!! route('front.d1.retry-order-payment',[$result->id]) !!}" class="label mx-1 badge-warning-bootstrap __retry_payment" style="cursor: pointer;padding: 8px 20px;">
                                                                <i class="fa fa-repeat" aria-hidden="true"></i> {{ __('v2/front_site.retry_payment') }}
                                                        </span>
                                                    @else
                                                        <span  class="label mx-1 badge-warning-bootstrap disable" style="padding: 8px 20px;opacity: 0.6">
                                                            <i class="fa fa-repeat" aria-hidden="true"></i> {{ __('v2/front_site.retry_payment_after') }}
                                                        </span>
                                                    @endif
                                                @endif
                                            </div>
                                            @if ($result->delivery_type == 0)
                                                <div class="order-boxx-new">
                                                    <ul>
                                                        <li>
                                                            <h3>{!! __('v2/front_site.port_code') !!}</h3>

                                                            <p>{{ $result->port_code }}</p>
                                                        </li>

                                                        <li>
                                                            <h3> {!! __('v2/front_site.leave_outside') !!}</h3>
                                                            <p> {{ $result->leave_outside == '1' ? __('v2/front_site.yes') : __('v2/front_site.no') }}
                                                            </p>
                                                        </li>
                                                    </ul>
                                                </div>
                                            @endif

                                            <div class="details-order">
                                                <h3 style="text-align: left"> {{ __('v2/front_site.order_details') }}
                                                    <span
                                                        class=" label {{ orderStatusClass($result->status) }}">{{ orderStatus($result->status) }}</span>

                                                </h3>
                                                <div class="table-responsive">
                                                    <table class="table table-striped dataTable "
                                                        id="DataTables_Table_0">
                                                        <thead>
                                                            <tr class="font-16">
                                                                <th width="10%"> </th>
                                                                <th>{!! __('v2/front_site.product') !!}</th>
                                                                <th>{!! __('v2/front_site.qty_price') !!}</th>
                                                                <th style="text-align: right;">{!! __('v2/front_site.total_price') !!}</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                            @if ($result->order_items)