@extends('dashboard.layout.layout')
{{-- @section('body','content-left-sidebar chat-application')
@section('body_col','content-left-sidebar') --}}
@section('content')


<!-- Basic initialization -->
<div class="card border-info">
    <div class="card-header pb-1">
        <h5 class="card-title">
            {{ trans('dashboard.order.order_number') }} : {{ $order->id }}
        </h5>
    </div>
    <div class="card-body ">
        <div class="row">
            <div class="col-md-8">
                <div class="list-feed">
            <div class="list-feed-item border-info-400">
                {{ trans('dashboard.order.start_location') }} : {{ @$order->branch->location }}
            </div>

            <div class="list-feed-item border-success-400">
                {{ trans('dashboard.order.arrive_location') }} : {{ @$order->address->location }}
            </div>

            <div class="list-feed-item border-success-400">
                {{ trans('dashboard.order.payment_method') }} : {{ trans('dashboard.order.payment_methods.'.$order->payment_method) }}
            </div>
            <div class="list-feed-item border-success-400">
                {{ trans('dashboard.order.deliver_method') }} : {{ trans('dashboard.order.deliver_methods.'.$order->deliver_method) }}
            </div>
            <div class="list-feed-item border-success-400">
                {{ trans('dashboard.order.transaction_id') }} : {{ $order->transaction_id }}
            </div>
        </div>

            </div>
            <div class="col-md-4 mt-1">
                <div class="badge badge-primary block badge-md mr-1 mb-1">
                    {{ trans('dashboard.order.expected_time') }} : {{ number_format($order->expected_time/60,2) }} {!! trans('dashboard.dates.minute') !!}
                </div>
                <div class="badge badge-success block badge-md mr-1 mb-1">
                    {{ trans('dashboard.order.actual_time') }} : {{ number_format(($order->actual_time ?? $order->expected_time/60) ,2) }} {!! trans('dashboard.dates.minute') !!}
                </div>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <!--<div class="col-6">-->
    <!--    <div class="card border-info bg-transparent">-->
    <!--        <div class="card-content">-->
    <!--            <div class="card-body">-->
    <!--                <div id="map" class="height-400"></div>-->
    <!--            </div>-->
    <!--        </div>-->
    <!--    </div>-->
    <!--</div>-->
     <div class="col-12">
        <div class="card border-info bg-transparent">
            <div class="card-content">
                <div class="card-body">
                    <div id="mapCanvas" class="height-400"></div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="{{ $order->deliver_method == 'self_pickup' ? 'col-12' : 'col-lg-6' }}">
        <div class="card border-info bg-transparent">
            <div class="card-header pb-1 d-flex justify-content-between align-center">
                <h6 class="panel-title">{{ trans('dashboard.client.client') }}</h6>
                <div class="float-right">

                    <a href="{{ route('dashboard.client.edit',$order->client_id) }}" class="btn btn-icon btn-icon rounded-circle btn-primary mr-1">
                        <i class="feather icon-edit-2"></i>
                    </a>
                    <a href="{{ route('dashboard.client.show',$order->client_id) }}" class="btn btn-icon btn-icon rounded-circle btn-success mr-1">
                        <i class="feather icon-airplay"></i>
                    </a>
                </div>
            </div>
            <div class="card-body d-flex">
                <div>
                    <a href="#">
                        <img src="{{ asset(optional($order->client)->avatar) }}" style="width: 80px; height: 80px;" class="img-square" alt="">
                    </a>
                </div>
                <div class="ml-2">
                    <p>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="chip chip-success mr-1">
                                    <div class="chip-body">
                                        <div class="avatar">
                                            <i class="feather icon-user text-bold font-small-3"></i>
                                        </div>
                                        <span class="chip-text text-white text-bold font-small-3">{{ optional($order->client)->fullname }}</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="chip chip-success mr-1">
                                    <div class="chip-body">
                                        <div class="avatar">
                                            <i class="feather icon-phone text-bold font-small-3"></i>
                                        </div>
                                        <span class="chip-text text-white text-bold font-small-3">{{ optional($order->client)->phone }}</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </p>
                    <p>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="chip chip-success mr-1">
                                    <div class="chip-body">
                                        <div class="avatar">
                                            <i class="feather icon-shopping-cart text-bold font-small-3"></i>
                                        </div>
                                        <span class="chip-text text-white text-bold font-small-3">{!! trans('dashboard.order.order_count') !!} : {{ $order->client->clientOrders->count() }}</span>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </p>
                </div>
            </div>
        </div>
    </div>
    <!--@if ($order->deliver_method != 'self_pickup')-->
    <!--<div class="col-lg-6">-->
    <!--    <div class="card border-info bg-transparent">-->
    <!--        <div class="card-header pb-1 d-flex justify-content-between align-center">-->
    <!--            <h6 class="panel-title">{{ trans('dashboard.driver.driver') }}</h6>-->
    <!--            @if ($order->driver_id)-->
    <!--            <div class="float-right driver_card_link">-->

    <!--                <a href="{{ route('dashboard.driver.edit',$order->driver_id) }}" class="btn btn-icon btn-icon rounded-circle btn-primary mr-1">-->
    <!--                    <i class="feather icon-edit-2"></i>-->
    <!--                </a>-->
    <!--                <a href="{{ route('dashboard.driver.show',$order->driver_id) }}" class="btn btn-icon btn-icon rounded-circle btn-success mr-1">-->
    <!--                    <i class="feather icon-airplay"></i>-->
    <!--                </a>-->
    <!--            </div>-->
    <!--            @endif-->
    <!--        </div>-->
    <!--        <div class="card-body d-flex driver_card_data">-->
    <!--            @if ($order->driver_id)-->
    <!--            <div>-->
    <!--                <a href="{!! route('dashboard.driver.show',$order->driver_id) !!}">-->
    <!--                    <img src="{{ optional($order->driver)->avatar }}" style="width: 80px; height: 80px;" class="img-square" alt="">-->
    <!--                </a>-->
    <!--            </div>-->
    <!--            <div class="ml-2">-->

    <!--                <p>-->
    <!--                    <div class="row">-->
    <!--                        <div class="col-md-8">-->
    <!--                            <div class="chip chip-success mr-1">-->
    <!--                                <div class="chip-body">-->
    <!--                                    <div class="avatar">-->
    <!--                                        <i class="feather icon-target text-bold font-small-3"></i>-->
    <!--                                    </div>-->
    <!--                                    <span class="chip-text text-white text-bold font-small-3"> {{ optional($order->driver)->fullname }}</span>-->
    <!--                                </div>-->
    <!--                            </div>-->
    <!--                        </div>-->
    <!--                        <div class="col-md-4">-->
    <!--                            <div class="chip chip-success mr-1">-->
    <!--                                <div class="chip-body">-->
    <!--                                    <div class="avatar">-->
    <!--                                        <i class="feather icon-phone text-bold font-small-3"></i>-->
    <!--                                    </div>-->
    <!--                                    <span class="chip-text text-white text-bold font-small-3"> {{ optional($order->driver)->phone }}</span>-->
    <!--                                </div>-->
    <!--                            </div>-->
    <!--                        </div>-->
    <!--                    </div>-->
    <!--                </p>-->
    <!--                <p>-->
    <!--                    <div class="row">-->
    <!--                        <div class="chip chip-success mr-1">-->
    <!--                            <div class="chip-body">-->
    <!--                                <div class="avatar">-->
    <!--                                    <i class="feather icon-flag text-bold font-small-3"></i>-->
    <!--                                </div>-->
    <!--                                <span class="chip-text text-white text-bold font-small-3">{!! trans('dashboard.order.order_count') !!} : {{ $order->driver->driverOrders->count() }}</span>-->
    <!--                            </div>-->
    <!--                        </div>-->
    <!--                    </div>-->
    <!--                </p>-->
    <!--            </div>-->
    <!--            @else-->
    <!--            <div class="col-md-12">-->
    <!--                <div class="alert alert-info alert-styled-left alert-dismissible text-center">-->
    <!--                    {{ trans('dashboard.driver.no_drivers') }}-->
    <!--                </div>-->
    <!--            </div>-->
    <!--            @endif-->
    <!--        </div>-->
    <!--    </div>-->
    <!--</div>-->
    <!--@endif-->
</div>
<div class="row">
    <div class="col-md-12 col-lg-9">
        <div class="card border-info bg-transparent">
            <div class="card-header pb-1 header-elements-inline">
                <h6 class="card-title">{!! trans('dashboard.order.order_detail') !!}</h6>
                <ul class="nav nav-tabs nav-tabs-highlight nav-justified">
                    <li class="nav-item"><a href="#bill" class="nav-link active" data-toggle="tab">{!! trans('dashboard.order.bill') !!}</a></li>
                    {{-- <li class="nav-item"><a href="#offer" class="nav-link " data-toggle="tab">{!! trans('dashboard.order.offers') !!}</a></li>
                    <li class="nav-item"><a href="#chat" class="nav-link" data-toggle="tab">{!! trans('dashboard.chat.chats') !!}</a></li> --}}
                </ul>
            </div>

            <div class="card-body">
                <div class="tab-content">
                    <div id="bill" class="tab-pane fade active show">
                        <div class="card border-info bg-transparent">
                            <div class="card-header pb-1 border-info bg-transparent header-elements-inline">
                                <h6 class="card-title mb-1">{!! trans('dashboard.order.invoice') !!}</h6>
                                <div class="header-elements mb-1">

                                    <button type="button" onclick="printDiv('print_invoice')" class="btn btn-primary mb-1 mb-md-0 ml-3"><i class="feather icon-printer mr-2"></i> {!! trans('dashboard.general.print') !!}</button>
                                </div>
                            </div>
                            <div class="card-content d-flex">
                                <div class="card-body">
                                    <div id="print_invoice">
                                        <div class="row">
                                            <div class="col-sm-6 col-12">
                                                <div class="invoice-details mt-2">
                                                    <h6>{{ trans('dashboard.order.order_number') }} : {{ $order->id }}.</h6>
                                                    <h6 class="mt-2">
                                                        {!! trans('dashboard.order.deliver_method') !!} :
                                                        <small>
                                                            {{ trans('dashboard.order.deliver_methods.'.$order->deliver_method) }}
                                                        </small>
                                                    </h6>
                                                </div>
                                            </div>
                                            <div class="col-sm-6 col-12">
                                                <div class="invoice-details mt-2">
                                                    <h6 class="mt-2">
                                                        {!! trans('dashboard.order.order_date') !!} : <small>{{ $order->created_at->isoFormat("D MMMM , Y ( h:mm a )") }}</small>
                                                    </h6>
                                                    <h6 class="mt-2">
                                                        {!! trans('dashboard.order.ordered_later_date') !!} : <small>{{ optional($order->later_order_at)->isoFormat("D MMMM , Y ( h:mm a )") ?? $order->created_at->isoFormat("D MMMM , Y ( h:mm a )") }}</small>
                                                    </h6>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- Invoice Recipient Details -->
                                        <div id="invoice-customer-details" class="row pt-2">
                                            <div class="col-sm-6 col-12 text-left">

                                                <h5>{!! trans('dashboard.client.client') !!} : <small>{{ $order->username ?? $order->phones_separate }}</small></h5>
                                                <div class="recipient-contact pb-2">
                                                    <p>
                                                        {{ optional($order->client)->fullname }}
                                                        <i class="feather icon-mail"></i>
                                                    </p>
                                                    <p>
                                                        {{ optional($order->client)->phone }}
                                                        <i class="feather icon-phone"></i>
                                                    </p>
                                                </div>
                                            </div>
                                            <div class="col-sm-6 col-12 text-left">
                                                <div class="company-info my-2">
                                                    <small>
                                                        {!! trans('dashboard.branch.branch') !!} : {{ @$order->branch->name }}
                                                    </small>
                                                </div>

                                                <div class="company-contact">
                                                    <p>
                                                        <i class="feather icon-mail"></i>
                                                        {{ optional(@$order->branch->city)->name }}
                                                    </p>
                                                    <p>
                                                        <i class="feather icon-phone"></i>
                                                        {{ optional(@$order->branch->country)->name }}
                                                    </p>
                                                </div>
                                            </div>
                                        </div>

                                        <hr>
                                        <div class="pt-1 invoice-items-table">
                                            <div class="row">
                                                <div class="table-responsive col-12">
                                                    <table class="table table-borderless">
                                                        <thead>
                                                            <tr>
                                                                <th>{!! trans('dashboard.product.product') !!}</th>
                                                                <th>{!! trans('dashboard.product.price') !!}</th>
                                                                <th>{!! trans('dashboard.product.offer_price') !!}</th>
                                                                <th>{!! trans('dashboard.product.weight_or_size') !!}</th>
                                                                <th>{!! trans('dashboard.order.qty') !!}</th>
                                                                <th>{!! trans('dashboard.order.total') !!}</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                            @foreach ($order->orderProducts as $item)
                                                            <tr>
                                                                <td>
                                                                    <h6 class="mb-0">{{ optional($item->product_data)->name }}</h6>

                                                                </td>
                                                                <td>{{ optional($item->product_data)->price }}</td>
                                                                <td>{{ optional($item->product_data)->offer_price }}</td>

                                                                <td>
                                                                    @if ($item->measuring_unit == 'weight' || $item->weight)
                                                                    <div class="badge badge-md font-small-3 text-bold-300 badge-success mr-1 mb-1">
                                                                        {{ $item->weight }}
                                                                    </div>
                                                                    @elseif ($item->measuring_unit == 'size' || $item->size)
                                                                    <div class="badge badge-md font-small-3 text-bold-300 badge-success mr-1 mb-1">
                                                                        {{ $item->size }}
                                                                    </div>
                                                                    @endif
                                                                </td>
                                                                <td>{{ $item->qty }}</td>
                                                                <td><span class="font-weight-semibold">{{ $item->qty * (@$item->product_data->offer_price ?? @$item->product_data->price)   }}</span></td>
                                                            </tr>
                                                            @endforeach
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                        <hr>
                                        @if ($order->additions_relation->count())


                                        <div class="pt-1 invoice-items-table">
                                            <div class="row">
                                                <div class="table-responsive col-12">
                                                    <table class="table table-borderless">
                                                        <thead>
                                                            <tr>
                                                                <th>{!! trans('dashboard.addition.addition') !!}</th>
                                                                <th>{!! trans('dashboard.addition.product_name') !!}</th>
                                                                <th>{!! trans('dashboard.addition.price') !!}</th>
                                                                <th>{!! trans('dashboard.order.qty') !!}</th>
                                                                <th>{!! trans('dashboard.order.total') !!}</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                            @foreach ($order->product_additions as $addition)
                                                            <tr>
                                                                <td>
                                                                    <h6 class="mb-0">{{ $addition['name'] }}</h6>
                                                                </td>
                                                                <td>
                                                                    <h6 class="mb-0">{{ $addition['product_name'] }}</h6>
                                                                </td>
                                                                <td>{{ $addition['price'] }}</td>
                                                                <td>{{ $addition['qty'] }}</td>
                                                                <td><span class="font-weight-semibold">{{ $addition['qty'] * (@$addition['price'])   }}</span></td>
                                                            </tr>
                                                            @endforeach
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                        <hr>
                                        @endif

                                        <div id="invoice-total-details" class="invoice-total-table">
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <span class="text-muted">{!! trans('dashboard.setting.app_data') !!}:</span>
                                                    <div class="d-flex flex-wrap wmin-md-400">
                                                        <ul class="list list-unstyled mb-0">
                                                            <li>
                                                                <h5 class="my-2">
                                                                    {!! trans('dashboard.setting.project_name') !!} :
                                                                </h5>
                                                            </li>
                                                            <li>{!! trans('dashboard.general.email') !!}:</li>
                                                            <li>{!! trans('dashboard.social.facebook') !!}:</li>
                                                            <li>{!! trans('dashboard.social.twitter') !!}:</li>
                                                            <li>{!! trans('dashboard.social.instagram') !!}:</li>
                                                            <li>{!! trans('dashboard.setting.phone_numbers') !!}:</li>
                                                        </ul>

                                                        <ul class="list list-unstyled text-right mb-0 ml-auto">
                                                            <li>
                                                                <h5 class="font-weight-semibold my-2">{{ setting('project_name') }}</h5>
                                                            </li>
                                                            <li>{{ setting('email') }}</li>
                                                            <li>{{ setting('facebook') }}</li>
                                                            <li>{{ setting('twitter') }}</li>
                                                            <li>{{ setting('instagram') }}</li>
                                                            <li>{{ optional(setting('phones')) ? setting('phones') : setting('phone') }}</li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <h6 class="mb-3">{!! trans('dashboard.order.invoice_detail') !!}</h6>
                                                    <div class="table-responsive">
                                                        <table class="table">
                                                            <tbody>

                                                                @if ($order->coupon_data)
                                                                <tr>
                                                                    <th>{!! trans('dashboard.coupon.discount_percentage') !!} <span>({!! trans('dashboard.coupon.coupon') !!} {{ $order->coupon_data->discount_percentage }} %)</span> :
                                                                    </th>
                                                                    <td class="text-right">{{ $order->coupon_price }} </td>
                                                                </tr>
                                                                @endif
                                                                <tr>
                                                                    <th>{!! trans('dashboard.order.deliver_price') !!} : </th>
                                                                    <td class="text-right">{{ $order->deliver_price }}</td>
                                                                </tr>
                                                                {{-- <tr>
                                                                    <th>{!! trans('dashboard.product.offer_price') !!}: </th>
                                                                    <td class="text-right">{{ $order->offer_price }}</td>
                                                                </tr> --}}
                                                                <tr>
                                                                   <th>{!! trans('dashboard.order.order_tax',['tax' => $order->tax]) !!}: </th>
                                                                   <td class="text-right">{{ number_format($order->tax_amount,2) }}</td>
                                                               </tr>

                                                                <tr>
                                                                    <th>{!! trans('dashboard.order.subtotal') !!}:</th>

                                                                    <td class="text-right">{{ number_format($order->subtotal,2) }}</td>
                                                                </tr>
                                                                <tr>
                                                                    <th>{!! trans('dashboard.order.total_price') !!}:</th>
                                                                    <td class="text-right text-primary">
                                                                        <h5 class="font-weight-semibold">{{ number_format($order->total_price,2) }}</h5>
                                                                    </td>
                                                                </tr>
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                </div>

                                            </div>
                                        </div>
                                        <hr>
                                        <div id="invoice-footer" class="pt-3">
                                            <p class="text-muted">{{ setting("project_name") }} &copy; {{ date("Y") }}</p>
                                        </div>
                                        <!--/ Invoice Recipient Details -->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>

    <div class="col-md-12 col-lg-3">


        <div class="card border-info bg-transparent" id="order_statuses_{{ $order->id }}">
            <div class="card-header pb-1">
                <h4 class="card-title"> {{ trans('dashboard.order.order_status') }}</h4>
            </div>
            <div class="card-content">
                <div class="card-body">
                    <ul class="activity-timeline timeline-left list-unstyled">
                        <li class="" id="pending">
                            <div class="timeline-icon {!! optional($order->order_status_times)->pending || empty($order->order_status_times) ? 'bg-success' : 'bg-danger' !!}">
                                <i class="feather {!! optional($order->order_status_times)->pending || empty($order->order_status_times) ? 'icon-check' : 'icon-help-circle' !!} font-medium-2"></i>
                            </div>
                            <div class="timeline-info">
                                <p class="font-weight-bold {!! optional($order->order_status_times)->pending || empty($order->order_status_times) ? 'text-success' : 'text-danger' !!}">{{ trans('dashboard.order.statuses.pending') }}</p>
                            </div>
                            <small class="time">{{ $order->created_at->format("Y-m-d H:i") }}</small>
                        </li>

                        <li class="" id="in_kitchen">
                            <div class="timeline-icon {!! optional($order->order_status_times)->in_kitchen ? 'bg-success' : 'bg-danger' !!}">
                                <i class="feather {!! optional($order->order_status_times)->in_kitchen ? 'icon-check' : 'icon-help-circle' !!} font-medium-2"></i>
                            </div>
                            <div class="timeline-info">
                                <p class="font-weight-bold {!! optional($order->order_status_times)->in_kitchen ? 'text-success' : 'text-danger' !!}">{{ trans('dashboard.order.statuses.in_kitchen') }}</p>

                            </div>
                            <small class="time">{!! optional($order->order_status_times)->in_kitchen ?? "<i class='feather icon-clock font-medium-1'></i>" !!}</small>
                        </li>
                        <li class="" id="shipped">
                            <div class="timeline-icon {!! optional($order->order_status_times)->on_road ? 'bg-success' : 'bg-danger' !!}">
                                <i class="feather {!! optional($order->order_status_times)->on_road ? 'icon-check' : 'icon-help-circle' !!} font-medium-2"></i>
                            </div>
                            <div class="timeline-info">
                                <p class="font-weight-bold {!! optional($order->order_status_times)->on_road ? 'text-success' : 'text-danger' !!}">{{ trans('dashboard.order.statuses.on_road') }}</p>

                            </div>
                            <small class="time">{!! optional($order->order_status_times)->on_road ?? "<i class='feather icon-clock font-medium-1'></i>" !!}</small>
                        </li>
                        <li class="" id="client_cancel">
                            <div class="timeline-icon {!! optional($order->order_status_times)->client_cancel ? 'bg-success' : 'bg-danger' !!}">
                                <i class="feather {!! optional($order->order_status_times)->client_cancel ? 'icon-check' : 'icon-help-circle' !!} font-medium-2"></i>
                            </div>
                            <div class="timeline-info">
                                <p class="font-weight-bold {!! optional($order->order_status_times)->client_cancel ? 'text-success' : 'text-danger' !!}">{{ trans('dashboard.order.statuses.client_cancel') }}</p>

                            </div>
                            <small class="time">{!! optional($order->order_status_times)->client_cancel ?? "<i class='feather icon-clock font-medium-1'></i>" !!}</small>
                        </li>
                        <li class="" id="admin_cancel">
                            <div class="timeline-icon {!! optional($order->order_status_times)->admin_cancel ? 'bg-success' : 'bg-danger' !!}">
                                <i class="feather {!! optional($order->order_status_times)->admin_cancel ? 'icon-check' : 'icon-help-circle' !!} font-medium-2"></i>
                            </div>
                            <div class="timeline-info">
                                <p class="font-weight-bold {!! optional($order->order_status_times)->admin_cancel ? 'text-success' : 'text-danger' !!}">{{ trans('dashboard.order.statuses.admin_cancel') }}</p>

                            </div>
                            <small class="time">{!! optional($order->order_status_times)->admin_cancel ?? "<i class='feather icon-clock font-medium-1'></i>" !!}</small>
                        </li>
                        <li class="" id="completed">
                            <div class="timeline-icon {!! optional($order->order_status_times)->completed ? 'bg-success' : 'bg-danger' !!}">
                                <i class="feather {!! optional($order->order_status_times)->completed ? 'icon-check' : 'icon-help-circle' !!} font-medium-2"></i>
                            </div>
                            <div class="timeline-info">
                                <p class="font-weight-bold {!! optional($order->order_status_times)->completed ? 'text-success' : 'text-danger' !!}">{{ trans('dashboard.order.statuses.completed') }}</p>

                            </div>
                            <small class="time">{!! optional($order->order_status_times)->completed ?? "<i class='feather icon-clock font-medium-1'></i>" !!}</small>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- /basic initialization -->
</div>

@endsection

@section('page_styles')
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css" />
<link rel="stylesheet" type="text/css" href="{{ asset('dashboardAssets') }}/{{ LaravelLocalization::getCurrentLocaleDirection() }}/css/pages/invoice.css">

<link rel="stylesheet" type="text/css" href="{{ asset('dashboardAssets') }}/{{ LaravelLocalization::getCurrentLocaleDirection() }}/css/pages/dashboard-ecommerce.css">
{{-- <link rel="stylesheet" type="text/css" href="{{ asset('dashboardAssets') }}/{{ LaravelLocalization::getCurrentLocaleDirection() }}/css/pages/card-analytics.css"> --}}
<link rel="stylesheet" href="{{ asset('dashboardAssets') }}/global/css/custom/listorders.css">
@endsection
@section('vendor_scripts')
    <script src="{{ asset('dashboardAssets') }}/vendors/js/charts/apexcharts.min.js"></script>
@endsection
@section('page_scripts')
<script src="{{ asset('dashboardAssets') }}/js/scripts/pages/dashboard-ecommerce.js"></script>
<script src="{{ asset('dashboardAssets') }}/global/js/custom/easing.js"></script>
<script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script>
<script src="{{ asset('dashboardAssets') }}/js/scripts/pages/invoice.js"></script>
<script src="https://cdn.socket.io/4.4.1/socket.io.min.js"
    integrity="sha384-fKnu0iswBIqkjxrhQCTZ7qlLHOFEgNkRmK2vaO/LbTZSXdJfAu6ewRBdwHPhBo/H" crossorigin="anonymous">
</script>
<script>
  var socket = io('https://coffee-labapp.com:3081');

 socket.on('change-order-status:{{$order->id}}', (data) => {
     console.log("asasasasaaaaaa");
        location.reload();
    });
</script>
@include('dashboard.order.map')
@include('dashboard.order.chat_scripts')
@endsection