@extends('layouts.main')

@section('content')
    @push('css')
        <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css/pages/app-invoice.min.css') }}">
    @endpush
    <section class="invoice-view-wrapper">
        <div class="row">
            <!-- invoice view page -->
            <div class="col-xl-12 col-md-12 col-12">
                <div class="card invoice-print-area">
                    <div class="card-content">
                        <div class="card-body pb-0 mx-25">
                            <!-- header section -->
                            <div class="row">
                                <div class="col-xl-4 col-md-12">
                                    <span class="invoice-number mr-50">Order referel :</span>
                                    <span>{{ $order->prefix . $order->id }}</span>
                                </div>
                                <div class="col-xl-8 col-md-12">
                                    <div class="d-flex align-items-center justify-content-xl-end flex-wrap">
                                        <div class="mr-3">
                                            <small class="text-muted">Ordered Date:</small>
                                            <span>{{ $order->confirmed_at->format('d-m-Y H:i') }}</span>
                                        </div>
                                        <div>
                                            <small class="text-muted">Delivery Date:</small>
                                            <span>{{ \Carbon\Carbon::parse($order->cart->scheduled_at)->format('d-m-Y') }}</span>
                                            <span>( {{ $order->cart->from }} - </span>
                                            <span>{{ $order->cart->to }} )</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- logo and title -->
                            <div class="row my-3">
                                <div class="col-md-4">
                                    <h4 class="text-primary">{{ $order->user->name }}</h4>
                                    <span>{{ $order->user->email }}</span><br>
                                    <span>{{ $order->user->mobile }}</span>
                                </div>
                                <div class="col-md-4 text-center">
                                    @if ($order->order_status == 7 || $order->order_status == 5)
                                        <a href="#"
                                            onclick="showReviewOrder('{{ $order->prefix }}', '{{ $order->id }}')">
                                            <button type="submit" class="btn btn-info" data-icon="warning-alt">
                                                Review
                                            </button>
                                        </a>
                                    @endif
                                </div>
                                <div class="col-md-4 d-flex justify-content-end">
                                    <img src="{{ $order->user->image }}" alt="" height="46" width="164">
                                </div>
                            </div>
                            <hr>
                            <!-- invoice address and contact -->
                            <div class="row invoice-info">
                                <div class="col-md-3 mt-1">
                                    <h6 class="invoice-from">Order From (Shop)</h6>
                                    <div class="___class_+?23___">
                                        <span>{{ $order->cart->shop->name }}</span>
                                    </div>
                                    <div class="___class_+?24___">
                                        <span>{{ $order->cart->shop->street }},</span>
                                        <span>{{ $order->cart->shop->area }}</span><br>
                                        <span>{{ $order->cart->shop->city }}</span><br>
                                    </div>
                                    {{-- <div class="">
                    <span>{{$order->cart->centre->user->email}}</span>
                  </div>
                  <div class="">
                    <span>{{$order->cart->centre->user->mobile}}</span>
                  </div> --}}
                                </div>
                                <div class="col-md-5 mt-1">
                                    <h6 class="invoice-from text-center">Order Instructions from Customer</h6>
                                    <div class="___class_+?27___">
                                        {{-- <span>{{$order->cart->instructions}}</span> --}}
                                        <textarea class="form-control" name="decription" id="productescription" rows="5"
                                            placeholder="Descipton"
                                            disabled>{{ isset($order->cart->instructions) ? $order->cart->instructions : 'No Instructions Provided' }}</textarea>
                                    </div>
                                </div>
                                <div class="col-md-4 mt-1">
                                    <h6 class="invoice-to">Delivered to</h6>
                                                                        <div class="___class_+?31___">
                                        <span>{{ $address->address }}</span>
                                    </div>
                                    {{-- <div class="">
                    <span>{{$order->address->landmark}},</span>
                  </div> --}}
                                </div>
                            </div>
                            <hr>
                        </div>
                        <!-- product details table-->
                        <div class="invoice-product-details table-responsive mx-md-25 card-body">
                            <table class="table table-borderless mb-0 text-center">
                                <thead>
                                    <tr class="border-0">
                                        <th scope="col" class="font-weight-bolder">Item</th>
                                        <th scope="col" class="font-weight-bolder">Toppings</th>
                                        <th scope="col" class="font-weight-bolder">Cost</th>
                                        <th scope="col" class="font-weight-bolder">Qty</th>
                                        <th scope="col" class="text-right font-weight-bolder">Price</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse ($order->cart->cartProduct as $item)
                                                                                <tr>
                                            <td>{{ $product->name }}</td>
                                            <td>
                                                @if (isset($item->toppings) && $item->toppings !== 'null')