@extends('backend.layouts.app')

@section('content')

<div class="card">

    <div class="card-header">
        <h5 class="mb-0 h6">Missing Orders</h5>

        <div class="dropdown mb-2 mb-md-0">

            @if (request()->routeIs('missing.complete'))
                <a href="{{ route('missing.index') }}" class="btn btn-primary">
                    Pending Order
                </a>
            @elseif (request()->routeIs('missing.index'))
                <a href="{{ route('missing.complete') }}" class="btn btn-primary">
                    Complete Order
                </a>
            @else
                <a href="{{ route('missing.complete') }}" class="btn btn-primary">
                    Complete Order
                </a>
                <a href="{{ route('missing.index') }}" class="btn btn-primary">
                    Pending Order
                </a>
            @endif
        </div>

    </div>

    <div class="card-body p-3">

        <table class="table table-bordered aiz-table mb-0">

            <thead class="thead-dark">
                <tr>
                    <th>#</th>
                    <th>Name</th>
                    <th>Phone</th>
                    <th>Address</th>
                    <th>Shipping</th>
                    <th>Subtotal</th>
                    <th>Products</th>
                    <th>Qty</th>
                    <th>Total</th>
                    <th>Date</th>
                    <th class="text-right">Action</th>
                </tr>
            </thead>

            <tbody>

                @forelse($orders as $key => $item)

                <tr>

                    <td>{{ $orders->firstItem() + $key }}</td>

                    <td>{{ $item->name }}</td>

                    <td>{{ $item->phone }}</td>

                    <td style="max-width:180px;">
                        {{ \Illuminate\Support\Str::limit($item->address, 40) }}
                    </td>

                    <td>{{ $item->shipping_charge }}</td>

                    <td>{{ $item->subtotal }}</td>

                    {{-- PRODUCTS (NO BACKGROUND, ONLY TEXT + HOVER) --}}
          <td class="text-center">

    @php
        $variations = is_array($item->variations)
            ? $item->variations
            : json_decode($item->variations, true);
    @endphp

    <span
        data-toggle="tooltip"
        data-html="true"
        title="
        <div style='text-align:left; font-size:12px; line-height:18px; font-family:monospace;'>

            @forelse($item->products_list as $index => $p)

                @php
                    $variant = $variations[$index]['variant'] ?? '-';
                    $qty = $variations[$index]['qty'] ?? 1;
                    $name = \Illuminate\Support\Str::limit($p->name, 22);
                @endphp

                <div>
                    <span style='display:inline-block; width:15px;'>*</span>
                    <span style='display:inline-block; width:160px;'>{{ $name }}</span>
                    <span style='display:inline-block; width:90px;'>{{ $variant }}</span>
                    <span style='display:inline-block; width:30px; text-align:right;'>{{ $qty }}</span>
                </div>

            @empty
                <div>No Products</div>
            @endforelse

        </div>
        "
        style="cursor:pointer; border-bottom:1px dotted #666; color:#333;">

        {{ $item->products_count }} Products

    </span>

</td>




                    {{-- QUANTITY --}}
                    <td class="text-center">
                        @php
                            $totalQty = 0;

                            $variations = is_array($item->variations)
                                ? $item->variations
                                : json_decode($item->variations, true);

                            if (!empty($variations)) {
                                foreach ($variations as $v) {
                                    $totalQty += $v['qty'] ?? 0;
                                }
                            }
                        @endphp

                        {{ $totalQty }}
                    </td>

                    <td>{{ $item->grand_total }}</td>

                    <td>
                        {{ \Carbon\Carbon::parse($item->created_at)->format('d M Y h:i A') }}
                    </td>

                    <td class="text-right">

                        <a href="{{ route('missing.submit', $item->id) }}"
                           class="btn btn-sm btn-primary"
                           onclick="return confirm('Are you sure to process this order?')">
                            Submit
                        </a>

                    </td>

                </tr>

                @empty

                <tr>
                    <td colspan="12" class="text-center text-muted">
                        No Missing Orders Found
                    </td>
                </tr>

                @endforelse

            </tbody>

        </table>

        <div class="mt-3">
            {{ $orders->links() }}
        </div>

    </div>

</div>

@endsection


@section('script')
<script>
    $(function () {
        $('[data-toggle="tooltip"]').tooltip();
    });
</script>
@endsection