@extends('layouts.dashboard')

@section('content')
@php
/**
 * Vendor → Orders → one order. Thin wrapper: the owner's back bar over the
 * shared order-detail body (partials/order-detail-body.php), which the admin
 * order page renders too. The view-model is assembled by App\Services\OrderDetail.
 *
 * @var array $order @var array $items @var array $journey @var array $journeyStats
 * @var array|null $customer @var string $driverName @var array|null $restaurant @var array|null $deliveryRoute
 */
$paid = ($order['payment_status'] ?? '') === 'paid';
$refundable = [];
foreach ($items as $it) {
    $rem = (int) ($it['quantity'] ?? 0) - (int) ($it['refunded_qty'] ?? 0);
    if ($rem > 0) { $refundable[] = $it + ['remaining' => $rem]; }
}
$showRefund = !empty($canRefund) && $paid && $refundable;
@endphp
@php /* .qm-d2: the dashboard density standard (app.css §35) */
@endphp
<div class="qm-d2">
@php $hasEmail = trim((string) ($order['customer_email'] ?? '')) !== '';
@endphp
<div class="qm-od-topbar">
    <a href="{{ route('vendor.orders') }}" class="qm-btn qm-btn-outline qm-btn-sm"><i class="fas fa-arrow-left me-1" aria-hidden="true"></i> {{ t_raw('vendor.order_detail.back_to_orders_btn') }}</a>
    @if ($showRefund || $hasEmail)
    <div class="ms-auto d-flex gap-2">
        @if ($hasEmail)
        <form method="post" action="{{ url('/vendor/orders/' . (int) $order['id'] . '/email-receipt') }}" class="d-inline">
            @csrf
            <button type="submit" class="qm-btn qm-btn-outline qm-btn-sm"><i class="fas fa-envelope me-1" aria-hidden="true"></i> {{ t_raw('vendor.order_detail.email_receipt') }}</button>
        </form>
        @endif
        @if ($showRefund)
        <button type="button" class="qm-btn qm-btn-outline qm-btn-sm" data-bs-toggle="modal" data-bs-target="#qm-refund-modal"><i class="fas fa-undo me-1" aria-hidden="true"></i> {{ t_raw('vendor.orders.refund_return_btn') }}</button>
        @endif
    </div>
    @endif
</div>

@partial('order-detail-body', compact('order', 'items', 'journey', 'journeyStats', 'customer', 'driverName', 'tableLabel', 'couponCode', 'restaurant', 'deliveryRoute'))

@if ($showRefund)
<div class="modal fade" id="qm-refund-modal" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <form method="post" action="{{ route('vendor.orders.refund-lines') }}">
        @csrf
        <input type="hidden" name="order_id" value="{{ (int) $order['id'] }}">
        <div class="modal-header">
          <h2 class="modal-title h5 m-0">{{ t_raw('vendor.orders.refund_modal_title') }}</h2>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{{ t_raw('common.close') }}"></button>
        </div>
        <div class="modal-body">
          <table class="qm-table">
            <thead><tr><th>{{ t_raw('vendor.orders.refund_item_col') }}</th><th class="text-end">{{ t_raw('vendor.orders.refund_qty_col') }}</th></tr></thead>
            <tbody>
            @foreach ($refundable as $rit)
              <tr>
                <td>{{ $rit['item_name'] }} <span class="qm-cell-body">{{ t_raw('vendor.orders.refund_of_n', [':n' => (int) $rit['remaining']]) }}</span></td>
                <td class="text-end"><input type="number" class="form-control d-inline-block w-auto" name="returns[{{ (int) $rit['id'] }}]" value="0" min="0" max="{{ (int) $rit['remaining'] }}" step="1"></td>
              </tr>
            @endforeach
            </tbody>
          </table>
          <div class="mb-3">
            <label class="form-label" for="qm-refund-reason">{{ t_raw('vendor.orders.refund_reason_label') }}</label>
            <select class="form-select" id="qm-refund-reason" name="reason">
              <option value="">{{ t_raw('vendor.pos.select_reason_placeholder') }}</option>
              @foreach (($returnReasons ?? []) as $rr)<option>{{ $rr }}</option>@endforeach
              <option>{{ t_raw('common.other') }}</option>
            </select>
          </div>
          @if ((int) ($order['customer_user_id'] ?? 0) > 0)
          <div class="mb-3">
            <label class="form-label" for="qm-refund-dest">{{ t_raw('vendor.orders.refund_dest_label') }}</label>
            <select class="form-select" id="qm-refund-dest" name="destination">
              <option value="original">{{ t_raw('vendor.orders.refund_dest_original') }}</option>
              <option value="credit">{{ t_raw('vendor.orders.refund_dest_credit') }}</option>
            </select>
          </div>
          @endif
          <div class="form-check form-switch">
            <input class="form-check-input" type="checkbox" role="switch" id="qm-refund-restock" name="restock" value="1" checked>
            <label class="form-check-label" for="qm-refund-restock">{{ t_raw('vendor.orders.refund_restock_label') }}</label>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="qm-btn qm-btn-outline" data-bs-dismiss="modal">{{ t_raw('common.cancel') }}</button>
          <button type="submit" class="qm-btn">{{ t_raw('vendor.orders.refund_submit_btn') }}</button>
        </div>
      </form>
    </div>
  </div>
</div>
@endif

</div>@php /* /.qm-d2 */
@endphp
@endsection