@extends('layouts.app')
@section('title')
    {{ __('messages_301.Orders') }}
@endsection
@section('style')
    <link rel="stylesheet" href="{{ asset('assets/vendor/libs/toastr/toastr.css') }}" />
    <link rel="stylesheet" href="{{ asset('assets/vendor/css/pages/app-invoice.css') }}" />
@endsection
@section('content')
    <div class="container-xxl flex-grow-1 container-p-y">
        @include('inc.breadcrumb', [
            'breadcrumb_items' => [
                __('messages.Home') => route('home'),
                __('messages_301.Orders') => 'active',
            ],
        ])
        <!-- Content -->

        <div class="container-xxl flex-grow-1 container-p-y">
            <div class="row invoice-preview">
                <!-- Invoice -->
                <div class="col-xl-9 col-md-8 col-12 mb-md-0 mb-4">
                    <div class="card invoice-preview-card">
                        <div class="card-body">
                            <div
                                class="d-flex justify-content-between flex-xl-row flex-md-column flex-sm-row flex-column m-sm-3 m-0">
                                <div class="mb-xl-0 mb-4">
                                    <div class="">
                                        <div class="">
                                            <img width="100" height="100"
                                                src="{{ asset('uploads/order-qr/' . $data->id . '.png') }}">
                                        </div>
                                    </div>
                                    <p class="mb-2">{{ __('messages_301.Client name') }}: {{ $data->user->name }}</p>
                                    <p class="mb-2">{{ __('messages.Email') }}: {{ $data->user->email }}</p>
                                    <p class="mb-2">{{ __('messages.Mobile') }}:
                                        {{ $data->user->mobile_country_code . ' ' . $data->user->mobile }}</p>
                                    <p class="mb-2">{{ __('messages_301.Governorate') }}:
                                        {{ $data->address?->governorate?->name }}</p>
                                    <p class="mb-2">{{ __('messages_301.City name') }}: {{ $data->address?->city?->name }}
                                    </p>
                                    <p class="mb-2">{{ __('messages_301.Street') }}: {{ $data->address?->street }}</p>
                                    <p class="mb-2">{{ __('messages_301.House number') }}:
                                        {{ $data->address?->house_number }}</p>
                                    <p class="mb-2">{{ __('messages_301.Floor') }}: {{ $data->address?->floor }}</p>
                                </div>
                                <div>
                                    <h4 class="fw-medium mb-2">{{ __('messages.Order Num') }} #{{ $data->order_num }}</h4>
                                    <div class="mb-2 pt-1">
                                        <span>{{ __('messages.Date created') }}:</span>
                                        <span class="fw-medium">{{ $data->created_at_format }}</span>
                                    </div>
                                    {{-- <div class="pt-1">
                                        <span>Date Due:</span>
                                        <span class="fw-medium">May 25, 2021</span>
                                    </div> --}}
                                </div>
                            </div>
                        </div>
                        <hr class="my-0" />
                        {{-- <div class="card-body">
                            <div class="row p-sm-3 p-0">
                                <div class="col-xl-6 col-md-12 col-sm-5 col-12 mb-xl-0 mb-md-4 mb-sm-0 mb-4">
                                    <h6 class="mb-3">Invoice To:</h6>
                                    <p class="mb-1">Thomas shelby</p>
                                    <p class="mb-1">Shelby Company Limited</p>
                                    <p class="mb-1">Small Heath, B10 0HF, UK</p>
                                    <p class="mb-1">718-986-6062</p>
                                    <p class="mb-0">peakyFBlinders@gmail.com</p>
                                </div>
                                <div class="col-xl-6 col-md-12 col-sm-7 col-12">
                                    <h6 class="mb-4">Bill To:</h6>
                                    <table>
                                        <tbody>
                                            <tr>
                                                <td class="pe-4">Total Due:</td>
                                                <td class="fw-medium">$12,110.55</td>
                                            </tr>
                                            <tr>
                                                <td class="pe-4">Bank name:</td>
                                                <td>American Bank</td>
                                            </tr>
                                            <tr>
                                                <td class="pe-4">Country:</td>
                                                <td>United States</td>
                                            </tr>
                                            <tr>
                                                <td class="pe-4">IBAN:</td>
                                                <td>ETD95476213874685</td>
                                            </tr>
                                            <tr>
                                                <td class="pe-4">SWIFT code:</td>
                                                <td>BR91905</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div> --}}
                        <div class="table-responsive border-top">
                            <table class="table m-0">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>{{ __('messages_301.Product') }}</th>
                                        <th>{{ __('messages_301.Short description') }}</th>
                                        <th>{{ __('messages_301.Supplier') }}</th>
                                        <th>{{ __('messages_301.Price') }}</th>
                                        <th>{{ __('messages_301.Qty') }}</th>
                                        <th>{{ __('messages_301.Total') }}</th>
                                    </tr>
                                </thead>
                                <tbody>

                                    @include('inc.is_empty_data', [
                                        'var_check_empty' => $data->items,
                                        'var_check_empty_rows' => 8,
                                    ])

                                    @foreach ($data->items as $item)
                                        <tr>
                                            <th>{{ $loop->iteration }}</th>
                                            <td class="text-nowrap">
                                                <div class="d-flex justify-content-start align-items-center user-name">
                                                    <div class="avatar-wrapper">
                                                        <div class="avatar avatar-sm me-4"><img
                                                                src="{{ asset($item->product->main_image->image) }}"
                                                                alt="Avatar" class="rounded-circle"></div>
                                                    </div>
                                                    <div class="d-flex flex-column"><a
                                                            href="{{ route('admin.products.show', $item->id) }}"
                                                            class="text-heading text-truncate"><span
                                                                class="fw-medium">{{ $item->product->name }}</span></a>
                                                    </div>
                                                </div>
                                            </td>
                                            <td class="text-nowrap">{{ $item->product->short_description }}</td>
                                            <td class="text-nowrap">{{ $item->product->supplier->name }}</td>
                                            <td>EGP {{ $item->price }}</td>
                                            <td>{{ $item->qty }}</td>
                                            <td>EGP {{ $item->total }}</td>
                                        </tr>
                                    @endforeach
                                    <tr>

                                        <td colspan="6" class="text-end pe-3 py-4">
                                            <p class="mb-2 pt-3">{{ __('messages_301.Sub total') }}:</p>
                                            <p class="mb-2">{{ __('messages_301.Gift discount') }}:</p>
                                            <p class="mb-2">{{ __('messages_301.Coupon discount') }}:</p>
                                            <p class="mb-2">{{ __('messages_301.Shipping cost') }}:</p>
                                            <p class="mb-2">{{ __('messages.Tax') }}:</p>
                                            <p class="mb-0 pb-3">{{ __('messages_301.Total after discount') }}:</p>
                                        </td>
                                        <td class="ps-2 py-4">
                                            <p class="fw-medium mb-2 pt-3">EGP {{ $data->sub_total }}</p>
                                            <p class="fw-medium mb-2">EGP {{ $data->gift_value }}</p>
                                            <p class="fw-medium mb-2">EGP {{ $data->coupon_value }}</p>
                                            <p class="fw-medium mb-2">EGP {{ $data->shipping_cost ?: 0 }}</p>
                                            <p class="fw-medium mb-2"> {{ $data->payment_type == 'card' ? '2%' : '0%' }}
                                            </p>
                                            <p class="fw-medium mb-0 pb-3">EGP {{ $data->total }}</p>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        {{-- <div class="card-body mx-3">
                            <div class="row">
                                <div class="col-12">
                                    <span class="fw-medium">Note:</span>
                                    <span>It was a pleasure working with you and your team. We hope you will keep us in mind
                                        for
                                        future freelance projects. Thank You!</span>
                                </div>
                            </div>
                        </div> --}}
                    </div>
                </div>
                <!-- /Invoice -->
                <!-- Invoice Actions -->
                <div class="col-xl-3 col-md-4 col-12 invoice-actions">
                    <div class="card">
                        <div class="card-body">
                            <button class="btn btn-primary d-grid w-100 mb-2" data-bs-toggle="offcanvas"
                                data-bs-target="#sendInvoiceOffcanvas">
                                <span class="d-flex align-items-center justify-content-center text-nowrap"><i
                                        class="ti ti-send ti-xs me-2"></i>{{ __('messages_301.Send message') }}</span>
                            </button>
                            <a href="{{ route('admin.orders.pdf' , $data->id) }}"
                                class="btn btn-label-secondary d-grid w-100 mb-2">{{ __('messages_303.Download') }}</a>
                            <a class="btn btn-label-secondary d-grid w-100 mb-2" target="_blank"
                                href="{{ route('admin.orders.print', $data->id) }}">
                                {{ __('messages_301.Print') }}
                            </a>
                        </div>
                    </div>
                </div>
                <!-- /Invoice Actions -->

            </div>

            <!-- Offcanvas -->
            <!-- /Offcanvas -->
            <!-- Send Invoice Sidebar -->
            <div class="offcanvas offcanvas-end" id="sendInvoiceOffcanvas" aria-hidden="true">
                <div class="offcanvas-header my-1">
                    <h5 class="offcanvas-title">{{ __('messages_301.Send message') }}</h5>
                    <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas"
                        aria-label="Close"></button>
                </div>
                <div class="offcanvas-body pt-0 flex-grow-1">
                    <form action="{{ route('admin.orders.send_message') }}" method="POST">
                        @csrf
                        <div class="mb-3">
                            <label for="invoice-from" class="form-label">{{ __('messages.From address') }}</label>
                            <input type="text" class="form-control" id="invoice-from" name="from"
                                value="{{ env('MAIL_FROM_ADDRESS') }}" placeholder="company@email.com" />
                        </div>
                        <div class="mb-3">
                            <label for="invoice-to" class="form-label">{{ __('messages_301.Send to') }}</label>
                            <input type="text" class="form-control" name="to" id="invoice-to"
                                value="{{ $data->user->email }}" placeholder="company@email.com" />
                        </div>
                        <div class="mb-3">
                            <label for="invoice-subject" class="form-label">{{ __('messages_303.subject') }}</label>
                            <input type="text" class="form-control" name="subject" id="invoice-subject"
                                value="Invoice of purchased Admin Templates" placeholder="Invoice regarding goods" />
                        </div>
                        <div class="mb-3">
                            <label for="invoice-message" class="form-label">{{ __('messages_301.Message') }}</label>
                            <textarea class="form-control" name="message" id="invoice-message" cols="3" rows="8">
    Dear Queen Consolidated,
              Thank you for your business, always a pleasure to work with you!
              We have generated a new invoice in the amount of $95.59
              We would appreciate payment of this invoice by 05/11/2021</textarea>
                        </div>

                        <div class="mb-3 d-flex flex-wrap">
                            <button type="submit" class="btn btn-primary me-3"
                                data-bs-dismiss="offcanvas">{{ __('messages_301.Send') }}</button>
                            <button type="button" class="btn btn-label-secondary"
                                data-bs-dismiss="offcanvas">{{ __('messages.Cancel') }}</button>
                        </div>
                    </form>
                </div>
            </div>
            <!-- /Send Invoice Sidebar -->
        </div>
        <!-- / Content -->


    </div>
@endsection

@section('script')
    <script src="{{ asset('assets/vendor/libs/toastr/toastr.js') }}"></script>
    @include('admin.orders.scripts.change_status')

    <script src="{{ asset('assets/js/offcanvas-add-payment.js') }}"></script>
    <script src="{{ asset('assets/js/offcanvas-send-invoice.js') }}"></script>
@endsection