@extends('layouts.app')

@section('stitle', __('messages.Orders'))
@section('title', __('messages.Orders'))

@section('content')
    <div class="app-content content">
        <div class="content-overlay"></div>
        <div class="header-navbar-shadow"></div>
        <div class="content-wrapper container-xxl p-0">
            @if (session()->get('title') == 'success')
                <div class="alert alert-success" role="alert">
                    <h4 class="alert-heading">Success</h4>
                    <div class="alert-body">
                        {{ session()->get('message') }}
                    </div>
                </div>
            @elseif (session()->get('title') == 'error')
                <div class="alert alert-danger" role="alert">
                    <h4 class="alert-heading">Error</h4>
                    <div class="alert-body">
                        {{ session()->get('message') }}
                    </div>
                </div>
            @endif
            <div class="content-header row">
                <div class="content-header-left col-md-6 col-12 mb-2">
                    <div class="row breadcrumbs-top">
                        <div class="col-12">
                            <h2 class="content-header-title float-left mb-0">@yield('title')</h2>
                            <div class="breadcrumb-wrapper">
                                <ol class="breadcrumb">
                                    <li class="breadcrumb-item">
                                        <div class="badge badge-warning">
                                            <i data-feather="star" class="mr-25"></i>
                                            {{--                                            <span>{{ $order->status }}</span> --}}
                                        </div>
                                    </li>
                                </ol>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="content-header-right text-md-right col-md-6 col-12 d-md-block d-none">
                    <div class="form-group breadcrumb-right">
                        <a class="btn btn-primary waves-effect waves-float waves-light"
                            href="{{ route('order.print', $order->id) }}" target="_blank"> <i data-feather='printer'
                                class="mr-1"></i>{{ __('messages.Print') }}</a>
                        <button class="btn btn-secondary waves-effect waves-float waves-light " type="button"
                            onclick="location.href='{{ route('order.list') }}'"><i data-feather='chevron-left'
                                class="mr-1"></i>{{ __('messages.Back') }}</button>
                    </div>
                </div>
            </div>
            <div class="content-body">
                <section class="invoice-preview-wrapper">
                    <div class="row invoice-preview">
                        <!-- Invoice -->
                        <div class="col-12">
                            <div class="card invoice-preview-card">
                                <div class="card-body invoice-padding pb-0">
                                    <!-- Header starts -->
                                    <div
                                        class="d-flex justify-content-between flex-md-row flex-column invoice-spacing mt-0">
                                        <div>
                                            <div class="logo-wrapper">
                                                @if (Auth::user()->business->getReceipt)
                                                    @if (Auth::user()->business->getReceipt->is_logo_used == 1 && Auth::user()->business->getReceipt->logo != null)
                                                        <div class="logo-wrapper">
                                                            <img src="{{ asset('storage/images/logo/' . Auth::user()->business->getReceipt->logo) }}"
                                                                width="150"
                                                                alt="No Company Logo found From Account Settings">
                                                        </div>
                                                    @endif
                                                @endif
                                            </div>
                                            <p class="card-text mb-25">
                                                <strong>{{ Auth::user()->business->business_name }}</strong></p>
                                            <p class="card-text mb-25">{{ Auth::user()->business->address }}</p>
                                            <p class="card-text mb-25">{{ Auth::user()->business->city }} -
                                                {{ Auth::user()->business->country }}</p>
                                            <p class="card-text mb-0">{{ __('messages.VATNumber') }}:
                                                <strong>{{ Auth::user()->business->vat_number }}</strong></p>
                                        </div>
                                        <div class="mt-md-0 mt-2">
                                            <h4 class="invoice-title" style="margin-bottom: 12px;">OR#: <span
                                                    class="invoice-number">{{ $order->reference ?? '-' }}</span></h4>
                                            <div class="invoice-date-wrapper">
                                                <p class="invoice-date-title">{{ __('messages.Destination') }}:</p>
                                                <p class="invoice-date">{{ $order->branch->name ?? '-' }}</p>
                                            </div>
                                            <div class="invoice-date-wrapper">
                                                <p class="invoice-date-title">{{ __('messages.device_created_at') }}:</p>
                                                <p class="invoice-date">{{ $order->device_created_at }}</p>
                                            </div>
                                            <div class="invoice-date-wrapper">
                                                <p class="invoice-date-title">{{ __('messages.sync_at') }}:</p>
                                                <p class="invoice-date">
                                                    {{ convertFromUTC($order->created_at, Auth::user()->business_id) }}</p>
                                            </div>
                                            <div class="invoice-date-wrapper">
                                                {{--                                                <img alt="testing" src="{{ asset('assets/js/barcode.php') }}?text={{$order->reference}}&size=60" /><br /> --}}
                                                @if ($order->qr_code != null)
                                                    {!! QrCode::size(100)->generate($order->qr_code) !!}
                                                @else
                                                    -
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Header ends -->
                                </div>

                                <hr class="invoice-spacing" />

                                <!-- Address and Contact starts -->
                                <div class="card-body invoice-padding pt-0">
                                    <div class="row invoice-spacing">
                                        <div class="col-xl-8 p-0">
                                            <h6 class="mb-2">{{ __('messages.CustomersDetail') }}: </h6>
                                            <p class="mb-25">{{ __('messages.name') }}: <span style="font-weight: bold">
                                                    {{ $order->customer_name ?: 'Walking Customer' }} </span> </p>
                                            <p class="card-text mb-25">{{ __('messages.PHONE') }}: <span
                                                    style="font-weight: bold">
                                                    {{ $order->customer_phone_number ?? '-' }}</span> </p>
                                            <p class="card-text mb-25">{{ __('messages.section') }}: <span
                                                    style="font-weight: bold"> {{ $order->section_name ?? '-' }} </span>
                                            </p>
                                            <p class="card-text mb-25">{{ __('messages.table') }}: <span
                                                    style="font-weight: bold">{{ $order->section_table_name ?? '-' }}
                                                </span> </p>
                                            <p class="card-text mb-25">{{ __('messages.order_persons') }}: <span
                                                    style="font-weight: bold"> {{ $order->order_person ?? '-' }} </span>
                                            </p>
                                            <p class="card-text mb-25">{{ __('messages.OrderType') }}: <span
                                                    style="font-weight: bold"> {{ $order->orderType->name ?? '-' }} </span>
                                            </p>
                                        </div>
                                        <div class="col-xl-4 p-0 mt-xl-0 mt-2">
                                            <h6 class="mb-2" style="text-align: right;">
                                                {{ __('messages.PaymentDetails') }}:</h6>
                                            <table style="text-align: right; width: 50%; float: right;">
                                                <tbody>
                                                    <tr>
                                                        <td class="pr-1">{{ __('messages.Cachier') }}:</td>
                                                        <td>{{ $order->user->name ?? '-' }}</td>
                                                    </tr>
                                                    <tr>
                                                        <td class="pr-1" style="background-color: #eee;">Total
                                                            {{ $order->payment_method_name ?? '-' }}:</td>

                                                        <td style="background-color: #eee;"><span
                                                                class="font-weight-bold"><strong>{{ number_format($order->total, 2) }}
                                                                    {{ Auth::user()->business->currency->symbol }}</strong></span>
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <!-- Address and Contact ends -->

                                <!-- Invoice Description starts -->
                                <div class="table-responsive mb-1">
                                    <table class="table">
                                        <thead>
                                            <tr>
                                                <th>{{ __('messages.Item') }}</th>
                                                <th>{{ __('messages.QTY') }}</th>
                                                <th> {{ __('messages.Price') }} </th>
                                                <th>{{ __('messages.VAT%') }}</th>
                                                <th>{{ __('messages.discount') }}</th>
                                                <th>{{ __('messages.SubTotal') }}
                                                    ({{ Auth::user()->business->currency->symbol }})</th>
                                                <th>{{ __('messages.VATAmount') }}
                                                    ({{ Auth::user()->business->currency->symbol }})</th>
                                                <th>{{ __('messages.Total') }}
                                                    ({{ Auth::user()->business->currency->symbol }})</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($orderProducts as $orProduct)
                                                <tr>
                                                    <td>
                                                        {{ $orProduct->name }}<br>
                                                        @if ($orProduct->getOrderPorModOption)
                                                            @foreach ($orProduct->getOrderPorModOption as $pro_modi)
                                                                <p class="text-primary small"> + {{ $pro_modi->name }} :
                                                                    {{ $pro_modi->price }}</p>
                                                            @endforeach
                                                        @endif
                                                        @if ($orProduct->return_qty)
                                                            <p class="text-danger small">{{ $orProduct->return_qty }} x
                                                                Return</p>
                                                        @endif
                                                    </td>
                                                    <td>{{ $orProduct->qty }}</td>
                                                    <td>{{ $orProduct->price }} <br>
                                                        @if ($orProduct->getOrderPorModOption)
                                                            @foreach ($orProduct->getOrderPorModOption as $pro_modi)
                                                                <p class="text-primary small"> + {{ $pro_modi->price }}</p>
                                                            @endforeach
                                                        @endif
                                                    </td>
                                                    <td>{{ $orProduct->tax_rate }}% <br>
                                                        @if ($orProduct->getOrderPorModOption)
                                                            @foreach ($orProduct->getOrderPorModOption as $pro_modi)
                                                                <p class="text-primary small"> + {{ $pro_modi->tax_rate }}
                                                                </p>
                                                            @endforeach
                                                        @endif
                                                    </td>
                                                    {{--                                                // discount not applicable on product for now it is on order // --}}
                                                    <td>{{ $orProduct->discount == '' ? '--' : $orProduct->discount }}</td>
                                                    <td>{{ $orProduct->subtotal }}</td>
                                                    <td>{{ $orProduct->total_tax }}</td>
                                                    <td>{{ $orProduct->total }}</td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                                <div class="card-body invoice-padding pb-0 mt-1">
                                    <div class="row invoice-sales-total-wrapper">
                                        <div class="col-md-6 order-md-1 order-2 mt-md-0 mt-3">
                                            <div class="invoice-total-wrapper">
                                                @if (count($orderPayment) > 0)
                                                    <div class="invoice-total-item">
                                                        <h6 class="mt-1 ml-3 text-center">
                                                            {{ __('messages.payment_history') }} </h6>
                                                    </div>
                                                    @foreach ($orderPayment as $payment)
                                                        <div class="invoice-total-item">
                                                            <p class="invoice-total-title">
                                                                {{ $payment->payment_method_name }}</p>
                                                            <p class="invoice-total-amount mr-2">
                                                                {{ number_format($payment->paid_payment, 2) }}
                                                                {{ Auth::user()->business->currency->symbol }}</p>
                                                        </div>
                                                    @endforeach
                                                @endif
                                                @if (count($orderReturnPayment) > 0)
                                                    <div class="invoice-total-item">
                                                        <h6 class="mt-1 ml-3 text-center">
                                                            {{ __('messages.payment_return') }} </h6>
                                                    </div>
                                                    @foreach ($orderReturnPayment as $paymentReturn)
                                                        <div class="invoice-total-item">
                                                            <p class="invoice-total-title">
                                                                {{ $paymentReturn->paymentMethod->name }}</p>
                                                            <p class="invoice-total-amount mr-2">
                                                                {{ number_format($paymentReturn->amount, 2) }}
                                                                {{ Auth::user()->business->currency->symbol }}</p>
                                                        </div>
                                                    @endforeach
                                                @endif
                                            </div>
                                            <p class="card-text mb-0 ">
                                                <span class="font-weight-bold">{{ __('messages.CreatedBy') }}:</span>
                                                <span class=""> {{ $order->user->name }}</span>
                                            </p>
                                        </div>

                                        <div class="col-md-6 d-flex justify-content-end order-md-2 order-1">
                                            <div class="invoice-total-wrapper">
                                                <div class="invoice-total-item">
                                                    <p class="invoice-total-title">Subtotal:</p>
                                                    <p class="invoice-total-amount">
                                                        {{ number_format($order->subtotal, 2) }}
                                                        {{ Auth::user()->business->currency->symbol }}</p>
                                                </div>

                                                <div class="invoice-total-item">
                                                    <p class="invoice-total-title">{{ __('messages.VATAmount') }}:</p>
                                                    <p class="invoice-total-amount">{{ number_format($order->tax, 2) }}
                                                        {{ Auth::user()->business->currency->symbol }}</p>
                                                </div>

                                                <div class="invoice-total-item">
                                                    <p class="invoice-total-title">Discount:</p>
                                                    <p class="invoice-total-amount text-danger">-
                                                        {{ number_format($order->total_discount, 2) }}
                                                        {{ Auth::user()->business->currency->symbol }}</p>
                                                </div>
                                                <hr class="my-50" />
                                                <div class="invoice-total-item" style="background-color: #eee;">
                                                    <p class="invoice-total-title">Total
                                                        {{ $order->payment_method_name }}:</p>
                                                    <p class="invoice-total-amount">{{ number_format($order->total, 2) }}
                                                        {{ Auth::user()->business->currency->symbol }}</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Invoice Description ends -->

                                <hr class="invoice-spacing" />

                                <!-- Invoice Note starts -->
                                <div class="card-body invoice-padding pt-0">
                                    <div class="row">
                                        <div class="col-12">
                                            <span class="font-weight-bold">Note:</span>
                                            <span>It was a pleasure working with you and your team. We hope you will keep us
                                                in mind for future
                                                projects. Thank You!</span>
                                        </div>
                                    </div>
                                </div>
                                <!-- Invoice Note ends -->
                            </div>
                        </div>
                        <!-- /Invoice -->
                    </div>
                </section>

                <!-- Send Invoice Sidebar -->
                <div class="modal modal-slide-in fade" id="send-invoice-sidebar" aria-hidden="true">
                    <div class="modal-dialog sidebar-lg">
                        <div class="modal-content p-0">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">×</button>
                            <div class="modal-header mb-1">
                                <h5 class="modal-title">
                                    <span class="align-middle">Send Invoice</span>
                                </h5>
                            </div>
                            <div class="modal-body flex-grow-1">
                                <form>
                                    <div class="form-group">
                                        <label for="invoice-from" class="form-label">From</label>
                                        <input type="text" class="form-control" id="invoice-from"
                                            value="shelbyComapny@email.com" placeholder="company@email.com" />
                                    </div>
                                    <div class="form-group">
                                        <label for="invoice-to" class="form-label">To</label>
                                        <input type="text" class="form-control" id="invoice-to"
                                            value="qConsolidated@email.com" placeholder="company@email.com" />
                                    </div>
                                    <div class="form-group">
                                        <label for="invoice-subject" class="form-label">Subject</label>
                                        <input type="text" class="form-control" id="invoice-subject"
                                            value="Invoice of purchased Admin Templates"
                                            placeholder="Invoice regarding goods" />
                                    </div>

                                    <div class="form-group">
                                        <span class="badge badge-light-primary">
                                            <i data-feather="link" class="mr-25"></i>
                                            <span class="align-middle">Invoice Attached</span>
                                        </span>
                                    </div>
                                    <div class="form-group d-flex flex-wrap mt-2">
                                        <button type="button" class="btn btn-primary mr-1"
                                            data-dismiss="modal">Send</button>
                                        <button type="button" class="btn btn-outline-secondary"
                                            data-dismiss="modal">Cancel</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- /Send Invoice Sidebar -->

                <!-- Add Payment Sidebar -->
                <div class="modal modal-slide-in fade" id="add-payment-sidebar" aria-hidden="true">
                    <div class="modal-dialog sidebar-lg">
                        <div class="modal-content p-0">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">×</button>
                            <div class="modal-header mb-1">
                                <h5 class="modal-title">
                                    <span class="align-middle">Add Payment</span>
                                </h5>
                            </div>
                            <div class="modal-body flex-grow-1">
                                <form>
                                    <div class="form-group">
                                        <input id="balance" class="form-control" type="text"
                                            value="Invoice Balance: 5000.00" disabled />
                                    </div>
                                    <div class="form-group">
                                        <label class="form-label" for="amount">Payment Amount</label>
                                        <input id="amount" class="form-control" type="number" placeholder="$1000" />
                                    </div>
                                    <div class="form-group">
                                        <label class="form-label" for="payment-date">Payment Date</label>
                                        <input id="payment-date" class="form-control date-picker" type="text" />
                                    </div>
                                    <div class="form-group">
                                        <label class="form-label" for="payment-method">Payment Method</label>
                                        <select class="form-control" id="payment-method">
                                            <option value="" selected disabled>Select payment method</option>
                                            <option value="Cash">Cash</option>
                                            <option value="Bank Transfer">Bank Transfer</option>
                                            <option value="Debit">Debit</option>
                                            <option value="Credit">Credit</option>
                                            <option value="Paypal">Paypal</option>
                                        </select>
                                    </div>
                                    <div class="form-group">
                                        <label class="form-label" for="payment-note">Internal Payment Note</label>
                                        <textarea class="form-control" id="payment-note" rows="5" placeholder="Internal Payment Note"></textarea>
                                    </div>
                                    <div class="form-group d-flex flex-wrap mb-0">
                                        <button type="button" class="btn btn-primary mr-1"
                                            data-dismiss="modal">Send</button>
                                        <button type="button" class="btn btn-outline-secondary"
                                            data-dismiss="modal">Cancel</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- /Add Payment Sidebar -->
            </div>
        </div>
    </div>

@endsection