@php
    $address = json_decode($order->order_address);
    $shipping = json_decode($order->shipping_method);
    $coupon = json_decode($order->coupon);
@endphp
@extends('dashboard.admin.layouts.master')
@section('content')
    <section class="section">
        <div class="section-header">
            <h1>{{ $title }}</h1>
            <div class="section-header-breadcrumb">
                <div class="breadcrumb-item active"><a href="{{ route('admin.dashboard') }}">Dashboard</a></div>
                <div class="breadcrumb-item">{{ $title }}</div>
            </div>
        </div>

        <div class="section-body">
            <div class="invoice">
                <div class="invoice-print">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="invoice-title">
                                <h2>{{ $title }}</h2>
                                <div class="invoice-number">Order #{{ $order->invoice_id }}</div>
                            </div>
                            <hr>
                            <div class="row">
                                <div class="col-md-6">
                                    <address>
                                        <strong>Billed To:</strong><br>
                                        <b>Name:</b> {{ $address->name }}<br>
                                        <b>Email:</b> {{ $address->email }}<br>
                                        <b>Phone:</b> {{ $address->phone }}<br>
                                        <b>Address:</b> {{ $address->address }},<br>
                                        {{ $address->city }}, {{ $address->state }} , {{ $address->zip_code }}<br>
                                        {{ $address->country }}
                                    </address>
                                </div>
                                <div class="col-md-6 text-md-right">
                                    <address>
                                        <strong>Shipped To:</strong><br>
                                        <b>Name:</b> {{ $address->name }}<br>
                                        <b>Email:</b> {{ $address->email }}<br>
                                        <b>Phone:</b> {{ $address->phone }}<br>
                                        <b>Address:</b> {{ $address->address }},<br>
                                        {{ $address->city }}, {{ $address->state }} , {{ $address->zip_code }}<br>
                                        {{ $address->country }}
                                    </address>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <address>
                                        <strong>Payment Information:</strong><br>
                                        <b>Method:</b> {{ $order->payment_method }}<br>
                                        <b>Transaction Id:</b> {{ @$order->transaction->transaction_id }} <br>
                                        <b>Status:</b> {{ @$order->payment_status === 1 ? 'Completed' : 'Pending' }} <br>
                                    </address>
                                </div>
                                <div class="col-md-6 text-md-right">
                                    <address>
                                        <strong>Order Date:</strong><br>
                                        {{ $order->created_at->format('d M, Y') }} <br><br>
                                    </address>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row mt-4">
                        <div class="col-md-12">
                            <div class="section-title">Order Summary</div>
                            <p class="section-lead">All items here cannot be deleted.</p>
                            <div class="table-responsive">
                                <table class="table table-striped table-hover table-md">
                                    <tr>
                                        <th data-width="40">#</th>
                                        <th>Item</th>
                                        <th>Vendor Name</th>
                                        <th class="text-center">Price</th>
                                        <th class="text-center">Quantity</th>
                                        <th class="text-right">Totals</th>
                                    </tr>
                                    @forelse($order->orderProducts as $orderProduct)
                                        <tr>
                                            <td>{{ ++$loop->index }}</td>
                                            @if (isset($orderProduct->product->slug))
                                                <td><a target="_blank"
                                                        href="{{ route('products.details', $orderProduct->product->slug) }}">{{ $orderProduct->product_name }}</a>
                                                </td>
                                            @else
                                                <td>{{ $orderProduct->product_name }}</td>
                                            @endif
                                            <td>{{ $orderProduct->user->name }}</td>
                                            <td class="text-center">
                                                {{ formatAmount($orderProduct->unit_price, $settings) }}
                                            </td>
                                            <td class="text-center">{{ $orderProduct->qty }}</td>
                                            <td class="text-right">
                                                @php
                                                    $totalUnitPriceTimesQuantity =
                                                        $orderProduct->unit_price * $orderProduct->qty;
                                                    $total = $totalUnitPriceTimesQuantity;
                                                @endphp
                                                {{ formatAmount($total, $settings) }}
                                            </td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="5" class="text-center">No Products Found</td>
                                        </tr>
                                    @endforelse

                                </table>
                            </div>
                            <div class="row mt-4">
                                <div class="col-lg-8">
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="payment_status">Payment Status</label>
                                            <select name="payment_status" id="payment_status" data-id="{{ $order->id }}"
                                                class="form-control select2 w-100">
                                                <option value="0"
                                                    {{ $order->payment_status === 0 ? 'selected' : '' }}>Pending</option>
                                                <option value="1"
                                                    {{ $order->payment_status === 1 ? 'selected' : '' }}>Completed</option>
                                            </select>
                                        </div>
                                        <div class="form-group">
                                            <label for="order_status">Order Status</label>
                                            <select name="order_status" id="order_status" data-id="{{ $order->id }}"
                                                class="form-control select2 w-100">
                                                @foreach (config('order_status.order_status_admin') as $key => $orderStatus)
                                                    <option {{ $order->order_status === $key ? 'selected' : '' }}
                                                        value="{{ $key }}">{{ $orderStatus['status'] }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-4 text-right">
                                    <div class="invoice-detail-item">
                                        <div class="invoice-detail-name">Subtotal</div>
                                        <div class="invoice-detail-value">{{ formatAmount($order->sub_total, $settings) }}
                                        </div>
                                    </div>
                                    <div class="invoice-detail-item">
                                        <div class="invoice-detail-name">Shipping (+)</div>
                                        <div class="invoice-detail-value">
                                            {{ formatAmount(@$shipping->cost, $settings) }}</div>
                                    </div>
                                    <div class="invoice-detail-item">
                                        <div class="invoice-detail-name">Coupon (-)</div>
                                        <div class="invoice-detail-value">
                                            {{ @$coupon->type === 'percent' ? @$coupon->discount . '%' : formatAmount(@$coupon->discount, $settings) }}
                                        </div>
                                    </div>
                                    <hr class="mt-2 mb-2">
                                    <div class="invoice-detail-item">
                                        <div class="invoice-detail-name">Total</div>
                                        <div class="invoice-detail-value invoice-detail-value-lg">
                                            {{ formatAmount($order->amount, $settings) }}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <hr>
                <img src="{{ asset('uploads/payments/' . $order->evidence_of_payment) }}" alt="Payment Evidence">

                <div class="text-md-right">
                    {{-- <div class="float-lg-left mb-lg-0 mb-3">
                        <button class="btn btn-primary btn-icon icon-left"><i class="fas fa-credit-card"></i> Process
                            Payment</button>
                        <button class="btn btn-danger btn-icon icon-left"><i class="fas fa-times"></i>
                            Cancel</button>
                    </div> --}}
                    <button class="btn btn-warning btn-icon icon-left print_invoice"><i class="fas fa-print"></i>
                        Print</button>
                </div>
            </div>
        </div>
    </section>
@endsection
@push('scripts')
    <script>
        $(document).ready(function() {
            // $.ajaxSetup({
            //     headers: {
            //         'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            //     }
            // });

            $('#order_status').on('change', function() {
                let id = $(this).data('id');
                let status = $(this).val();

                $.ajax({
                    method: 'GET',
                    url: "{{ route('admin.orders.change.status') }}",
                    data: {
                        id: id,
                        status: status
                    },
                    success: function(response) {
                        console.log(response)
                        if (response.status === 'success') {
                            toastr.success(response.message)
                        } else if (response.status === 'error') {
                            toastr.error(response.message)
                        }
                    },
                    error: function(error) {
                        console.log(error)
                    }
                })
            })
            // Payment Status
            $('#payment_status').on('change', function() {
                let id = $(this).data('id');
                let status = $(this).val();

                $.ajax({
                    method: 'GET',
                    url: "{{ route('admin.orders.change.payment.status') }}",
                    data: {
                        id: id,
                        status: status
                    },
                    success: function(response) {
                        console.log(response)
                        if (response.status === 'success') {
                            toastr.success(response.message)
                        } else if (response.status === 'error') {
                            toastr.error(response.message)
                        }
                    },
                    error: function(error) {
                        console.log(error)
                    }
                })
            })

            $('.print_invoice').on('click', function() {
                let printBody = $('.invoice-print');
                let originalContents = $('body').html();

                $('body').html(printBody.html());

                window.print();

                $('body').html(originalContents);
            })
        })
    </script>
@endpush