@extends('admin.layouts.app')
@section('title', 'Quote ' . $quote->quote_number)

@push('styles')
<style>
.thread-item { border-left: 3px solid var(--border); padding: 12px 16px; margin-bottom: 10px; border-radius: 0 8px 8px 0; background: var(--surface); }
.thread-item.email    { border-left-color: var(--navy); }
.thread-item.internal { border-left-color: var(--accent); background: #fffbeb; }
.thread-meta { font-size: 11.5px; color: var(--muted); margin-bottom: 6px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.thread-body { font-size: 13.5px; line-height: 1.65; white-space: pre-wrap; color: var(--text); }
.price-input { height: 30px; padding: 0 8px; border: 1.5px solid var(--border); border-radius: 5px; font-size: 12.5px; font-family: inherit; width: 110px; outline: none; }
.price-input:focus { border-color: var(--navy); }
.activity-item { display:flex; gap:10px; padding: 8px 0; border-bottom: 1px solid var(--border); }
.activity-item:last-child { border-bottom: none; }
.activity-dot { width:8px; height:8px; border-radius:50%; background:var(--navy); flex-shrink:0; margin-top:5px; }
.activity-dot.status_changed { background:#7c3aed; }
.activity-dot.item_added     { background:#16a34a; }
.activity-dot.item_removed   { background:#dc2626; }
.activity-dot.pdf_sent       { background:#0891b2; }
.activity-dot.email_sent     { background:#0891b2; }
.activity-dot.share_link_created { background:#ea580c; }
.pricing-row { display:grid; grid-template-columns:1fr 1fr 1fr; gap:8px; align-items:center; margin-bottom:6px; }
</style>
@endpush

@section('content')

@php
  $sc = match($quote->status) {
    'new'=>'status-new','reviewing'=>'status-reviewing','quoted'=>'status-quoted',
    'won'=>'status-won','lost'=>'status-lost', default=>'badge-gray'
  };
  $subtotal = $quote->items_total;
@endphp

<div class="page-header">
  <div>
    <div class="page-title" style="display:flex;align-items:center;gap:10px;">
      <span style="font-family:'DM Mono',monospace;font-size:16px;">{{ $quote->quote_number }}</span>
      <span class="badge {{ $sc }}">{{ \App\Models\Quote::statusLabel($quote->status) }}</span>
    </div>
    <div class="page-sub">
      {{ $quote->customer_name }}
      @if($quote->company_name) · {{ $quote->company_name }} @endif
      · Submitted {{ $quote->created_at->diffForHumans() }}
      @if($quote->valid_until)
        · <span style="color:{{ $quote->valid_until->isPast() ? '#dc2626' : '#16a34a' }};">
            Valid until {{ $quote->valid_until->format('d M Y') }}
          </span>
      @endif
    </div>
  </div>
  <div class="page-actions">
    <a href="{{ route('adminhu.quotes.index') }}" class="btn btn-ghost">← All quotes</a>
    @if($quote->status === 'won')
      @if($quote->order)
        <a href="{{ route('adminhu.orders.show', $quote->order) }}" class="btn btn-primary" style="background:#16a34a;border-color:#16a34a;">
          <svg viewBox="0 0 24 24" style="width:14px;height:14px;" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M20 7H4a2 2 0 00-2 2v6a2 2 0 002 2h16a2 2 0 002-2V9a2 2 0 00-2-2z"/><path d="M16 21V5a2 2 0 00-2-2h-4a2 2 0 00-2 2v16"/></svg>
          View Order {{ $quote->order->order_number }}
        </a>
      @else
        <form method="POST" action="{{ route('adminhu.quotes.convert', $quote) }}" onsubmit="return confirm('Convert this won quote to an order?')">
          @csrf
          <button type="submit" class="btn btn-primary" style="background:#16a34a;border-color:#16a34a;">Convert to Order</button>
        </form>
      @endif
    @endif
    <form method="POST" action="{{ route('adminhu.quotes.duplicate', $quote) }}">
      @csrf
      <button type="submit" class="btn btn-ghost">Duplicate</button>
    </form>
    <a href="{{ route('adminhu.quotes.pdf', $quote) }}" class="btn btn-ghost" target="_blank">
      <svg viewBox="0 0 24 24"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"/><path d="M14 2v6h6M16 13H8M16 17H8M10 9H8"/></svg>
      Download PDF
    </a>
  </div>
</div>

<div class="page-body">
<div style="display:grid;grid-template-columns:1fr 300px;gap:14px;align-items:start;">

  {{-- LEFT column --}}
  <div style="display:flex;flex-direction:column;gap:14px;">

    {{-- ① Customer info --}}
    <div class="card">
      <div class="card-header">
        <div class="card-title">Customer</div>
        <div style="display:flex;gap:6px;">
          <a href="{{ $quote->whatsapp_url }}" target="_blank" class="btn btn-ghost btn-sm" style="color:#25d366;border-color:#25d366;font-size:11px;">WhatsApp</a>
          <button class="btn btn-ghost btn-sm" style="font-size:11px;" onclick="document.getElementById('edit-customer-form').style.display = document.getElementById('edit-customer-form').style.display==='none'?'block':'none'">Edit</button>
        </div>
      </div>
      <div class="card-body">
        <div style="display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:13px;">
          <div><span style="color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;display:block;margin-bottom:2px;">Name</span>{{ $quote->customer_name }}</div>
          <div><span style="color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;display:block;margin-bottom:2px;">Email</span><a href="mailto:{{ $quote->customer_email }}" style="color:var(--navy);">{{ $quote->customer_email }}</a></div>
          @if($quote->customer_phone)<div><span style="color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;display:block;margin-bottom:2px;">Phone</span><a href="tel:{{ $quote->customer_phone }}" style="color:var(--navy);">{{ $quote->customer_phone }}</a></div>@endif
          @if($quote->company_name)<div><span style="color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;display:block;margin-bottom:2px;">Company</span>{{ $quote->company_name }}</div>@endif
          @if($quote->gstin)<div><span style="color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;display:block;margin-bottom:2px;">GSTIN</span><span style="font-family:'DM Mono',monospace;">{{ $quote->gstin }}</span></div>@endif
          @if($quote->payment_terms)<div><span style="color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;display:block;margin-bottom:2px;">Payment Terms</span>{{ $quote->payment_terms }}</div>@endif
          @if($quote->billing_address)<div style="grid-column:span 2;"><span style="color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;display:block;margin-bottom:2px;">Billing Address</span><div style="white-space:pre-line;font-size:12.5px;">{{ $quote->billing_address }}</div></div>@endif
          @if($quote->message)<div style="grid-column:span 2;"><span style="color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;display:block;margin-bottom:4px;">Customer Message</span><div style="background:var(--bg);padding:10px 12px;border-radius:6px;font-size:12.5px;line-height:1.6;white-space:pre-wrap;">{{ $quote->message }}</div></div>@endif
        </div>

        {{-- Edit customer form --}}
        <div id="edit-customer-form" style="display:none;margin-top:14px;border-top:1px solid var(--border);padding-top:14px;">
          <form action="{{ route('adminhu.quotes.update', $quote) }}" method="POST">
            @csrf @method('PUT')
            <div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px;">
              <div>
                <label class="label">Name *</label>
                <input class="input" type="text" name="customer_name" value="{{ old('customer_name', $quote->customer_name) }}" required>
              </div>
              <div>
                <label class="label">Email *</label>
                <input class="input" type="email" name="customer_email" value="{{ old('customer_email', $quote->customer_email) }}" required>
              </div>
              <div>
                <label class="label">Phone</label>
                <input class="input" type="text" name="customer_phone" value="{{ old('customer_phone', $quote->customer_phone) }}">
              </div>
              <div>
                <label class="label">Company</label>
                <input class="input" type="text" name="company_name" value="{{ old('company_name', $quote->company_name) }}">
              </div>
              <div>
                <label class="label">GSTIN</label>
                <input class="input" type="text" name="gstin" value="{{ old('gstin', $quote->gstin) }}" style="font-family:'DM Mono',monospace;">
              </div>
              <div>
                <label class="label">Payment Terms</label>
                <input class="input" type="text" name="payment_terms" value="{{ old('payment_terms', $quote->payment_terms) }}" placeholder="e.g. 100% advance, 50/50…">
              </div>
              <div>
                <label class="label">Valid Until</label>
                <input class="input" type="date" name="valid_until" value="{{ old('valid_until', $quote->valid_until?->format('Y-m-d')) }}">
              </div>
            </div>
            <div style="margin-bottom:8px;">
              <label class="label">Billing Address</label>
              <textarea class="textarea" name="billing_address" rows="3" placeholder="Flat/Building, Street, City, State, PIN">{{ old('billing_address', $quote->billing_address) }}</textarea>
            </div>
            <button type="submit" class="btn btn-primary btn-sm">Save changes</button>
          </form>
        </div>
      </div>
    </div>

    {{-- ② Items table --}}
    <div class="card">
      <div class="card-header">
        <div class="card-title">Quoted Items</div>
        @if($quote->grand_total > 0)
          <span style="font-size:14px;font-weight:700;color:var(--navy);">Grand Total: {{ $quote->grand_total_inr }}</span>
        @elseif($subtotal > 0)
          <span style="font-size:14px;font-weight:700;color:var(--navy);">Subtotal: ₹{{ number_format($subtotal / 100, 0, '.', ',') }}</span>
        @endif
      </div>

      {{-- Existing items --}}
      <form action="{{ route('adminhu.quotes.items', $quote) }}" method="POST">
        @csrf
        <div class="table-wrap">
          <table>
            <thead>
              <tr>
                <th>Product</th>
                <th>Grade</th>
                <th style="width:70px;">Qty</th>
                <th style="width:120px;">Unit Price (₹)</th>
                <th style="width:110px;">Line Total</th>
                <th>Notes</th>
                <th style="width:40px;"></th>
              </tr>
            </thead>
            <tbody>
              @foreach($quote->items as $i => $item)
              <input type="hidden" name="items[{{ $i }}][id]" value="{{ $item->id }}">
              <tr>
                <td>
                  <div style="font-weight:600;font-size:13px;">{{ $item->product_name }}</div>
                  @if($item->product_sku)<div style="font-size:11px;color:var(--muted);font-family:'DM Mono',monospace;">{{ $item->product_sku }}</div>@endif
                </td>
                <td>
                  @if($item->grade)
                    <span class="badge {{ $item->grade==='A'?'badge-green':($item->grade==='B'?'badge-amber':'badge-gray') }}">{{ $item->grade }}</span>
                  @else <span style="color:var(--muted);">—</span> @endif
                </td>
                <td><input type="number" name="items[{{ $i }}][quantity]" value="{{ $item->quantity }}" min="1" max="999" class="price-input" style="width:60px;"></td>
                <td>
                  <div style="display:flex;align-items:center;gap:4px;">
                    <span style="font-size:12px;color:var(--muted);">₹</span>
                    <input type="number" name="items[{{ $i }}][unit_price]"
                           value="{{ $item->unit_price ? $item->unit_price/100 : '' }}"
                           min="0" step="0.01" placeholder="—"
                           class="price-input">
                  </div>
                </td>
                <td style="font-size:13px;font-weight:600;color:var(--navy);">
                  @php $lt = ($item->unit_price ?? 0) * $item->quantity; @endphp
                  {{ $lt > 0 ? '₹' . number_format($lt / 100, 0, '.', ',') : '—' }}
                </td>
                <td><input type="text" name="items[{{ $i }}][notes]" value="{{ $item->notes }}" placeholder="Optional" class="price-input" style="width:100%;max-width:160px;"></td>
                <td>
                  <form method="POST" action="{{ route('adminhu.quotes.items.delete', [$quote, $item]) }}" onsubmit="return confirm('Remove this item?')" style="display:inline;">
                    @csrf @method('DELETE')
                    <button type="submit" class="btn-icon" title="Remove item" style="color:#dc2626;background:none;border:none;cursor:pointer;padding:4px 6px;">
                      <svg viewBox="0 0 24 24" style="width:14px;height:14px;" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><polyline points="3 6 5 6 21 6"/><path d="M19 6l-1 14a2 2 0 01-2 2H8a2 2 0 01-2-2L5 6m3 0V4a2 2 0 012-2h4a2 2 0 012 2v2"/></svg>
                    </button>
                  </form>
                </td>
              </tr>
              @endforeach
            </tbody>
          </table>
        </div>
        <div style="padding:10px 16px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;">
          <button type="submit" class="btn btn-primary btn-sm">Save prices &amp; quantities</button>
        </div>
      </form>

      {{-- ③ Add item form --}}
      <div style="border-top:1px solid var(--border);padding:12px 16px;" x-data="{open:false}">
        <button type="button" class="btn btn-ghost btn-sm" @click="open=!open">
          <svg viewBox="0 0 24 24" style="width:13px;height:13px;"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
          Add item
        </button>
        <div x-show="open" x-cloak style="margin-top:12px;">
          <form action="{{ route('adminhu.quotes.items.add', $quote) }}" method="POST">
            @csrf
            <div style="display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:8px;margin-bottom:8px;">
              <div>
                <label class="label">Product name *</label>
                <input class="input" type="text" name="product_name" required placeholder="e.g. Dell Latitude 5420">
                <input type="hidden" name="product_id" id="add-item-product-id">
                <input type="hidden" name="product_sku" id="add-item-product-sku">
              </div>
              <div>
                <label class="label">Grade</label>
                <select class="select" name="grade">
                  <option value="">—</option>
                  <option value="A">A</option>
                  <option value="B">B</option>
                  <option value="C">C</option>
                </select>
              </div>
              <div>
                <label class="label">Qty *</label>
                <input class="input" type="number" name="quantity" value="1" min="1" required>
              </div>
              <div>
                <label class="label">Unit Price (₹)</label>
                <input class="input" type="number" name="unit_price" min="0" step="0.01" placeholder="Optional">
              </div>
            </div>
            <div style="margin-bottom:8px;">
              <label class="label">Notes</label>
              <input class="input" type="text" name="notes" placeholder="Optional notes">
            </div>
            <button type="submit" class="btn btn-primary btn-sm">Add item</button>
            <button type="button" class="btn btn-ghost btn-sm" @click="open=false">Cancel</button>
          </form>
        </div>
      </div>
    </div>

    {{-- ④ Pricing card (GST, Discount, Shipping) --}}
    <div class="card">
      <div class="card-header"><div class="card-title">Pricing Breakdown</div></div>
      <form action="{{ route('adminhu.quotes.pricing', $quote) }}" method="POST">
        @csrf
        <div class="card-body">
          <div style="display:grid;grid-template-columns:120px 1fr 1fr;gap:8px;align-items:end;margin-bottom:14px;">
            <div>
              <label class="label">GST %</label>
              <select class="select" name="gst_percent">
                @foreach([0,5,12,18,28] as $pct)
                  <option value="{{ $pct }}" {{ $quote->gst_percent == $pct ? 'selected' : '' }}>{{ $pct }}%</option>
                @endforeach
              </select>
            </div>
            <div>
              <label class="label">Discount label</label>
              <input class="input" type="text" name="discount_label" value="{{ $quote->discount_label }}" placeholder="e.g. Corporate discount">
            </div>
            <div>
              <label class="label">Discount amount (₹)</label>
              <input class="input" type="number" name="discount_amount" value="{{ $quote->discount_amount ? $quote->discount_amount/100 : '' }}" min="0" step="0.01" placeholder="0">
            </div>
            <div></div>
            <div>
              <label class="label">Shipping label</label>
              <input class="input" type="text" name="shipping_label" value="{{ $quote->shipping_label }}" placeholder="e.g. Delhi delivery">
            </div>
            <div>
              <label class="label">Shipping amount (₹)</label>
              <input class="input" type="number" name="shipping_amount" value="{{ $quote->shipping_amount ? $quote->shipping_amount/100 : '' }}" min="0" step="0.01" placeholder="0">
            </div>
          </div>

          {{-- Totals summary --}}
          @if($subtotal > 0)
          <div style="background:var(--bg);border-radius:8px;padding:12px 14px;font-size:13px;line-height:2;">
            <div style="display:flex;justify-content:space-between;"><span style="color:var(--muted);">Subtotal</span><span>₹{{ number_format($subtotal/100, 0, '.', ',') }}</span></div>
            @if($quote->gst_percent > 0)
            <div style="display:flex;justify-content:space-between;"><span style="color:var(--muted);">GST ({{ $quote->gst_percent }}%)</span><span>{{ $quote->gst_amount_inr }}</span></div>
            @endif
            @if($quote->discount_amount > 0)
            <div style="display:flex;justify-content:space-between;"><span style="color:var(--muted);">{{ $quote->discount_label ?: 'Discount' }}</span><span style="color:#dc2626;">− {{ $quote->discount_amount_inr }}</span></div>
            @endif
            @if($quote->shipping_amount > 0)
            <div style="display:flex;justify-content:space-between;"><span style="color:var(--muted);">{{ $quote->shipping_label ?: 'Shipping' }}</span><span>{{ $quote->shipping_amount_inr }}</span></div>
            @endif
            <div style="display:flex;justify-content:space-between;border-top:1px solid var(--border);padding-top:6px;margin-top:4px;font-weight:700;font-size:14px;"><span>Grand Total</span><span style="color:var(--navy);">{{ $quote->grand_total_inr }}</span></div>
          </div>
          @endif
        </div>
        <div style="padding:10px 16px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;">
          <button type="submit" class="btn btn-primary btn-sm">Save pricing</button>
        </div>
      </form>
    </div>

    {{-- ⑤ Response thread --}}
    <div class="card">
      <div class="card-header"><div class="card-title">Response Thread</div></div>
      <div style="padding:14px 16px;">

        @forelse($quote->responses as $r)
        <div class="thread-item {{ $r->is_internal ? 'internal' : 'email' }}">
          <div class="thread-meta">
            <span style="font-weight:700;color:var(--text);">{{ $r->user?->name ?? 'System' }}</span>
            <span class="badge {{ $r->is_internal ? 'badge-amber' : 'badge-navy' }}" style="font-size:9px;">
              {{ $r->is_internal ? 'Internal note' : 'Email sent' }}
            </span>
            <span>{{ $r->created_at->format('d M Y, g:ia') }}</span>
          </div>
          @if($r->subject && !$r->is_internal)
            <div style="font-size:12px;font-weight:700;margin-bottom:4px;">{{ $r->subject }}</div>
          @endif
          <div class="thread-body">{{ $r->body }}</div>
          @if($r->attachment_name)
            <div style="margin-top:8px;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;background:var(--bg);border:1px solid var(--border);border-radius:6px;font-size:12px;color:var(--muted);">
              <svg viewBox="0 0 24 24" style="width:13px;height:13px;" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21.44 11.05l-9.19 9.19a6 6 0 01-8.49-8.49l9.19-9.19a4 4 0 015.66 5.66l-9.2 9.19a2 2 0 01-2.83-2.83l8.49-8.48"/></svg>
              {{ $r->attachment_name }}
            </div>
          @endif
        </div>
        @empty
        <div style="color:var(--muted);font-size:13px;padding:10px 0;">No responses yet. Send the first reply below.</div>
        @endforelse

        <div style="margin-top:16px;border-top:1px solid var(--border);padding-top:16px;" x-data="{type:'email',fileName:''}">
          <form action="{{ route('adminhu.quotes.respond', $quote) }}" method="POST" enctype="multipart/form-data">
            @csrf
            <div style="display:flex;gap:8px;margin-bottom:12px;">
              <label style="display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer;">
                <input type="radio" name="type" value="email" x-model="type" checked> Email to customer
              </label>
              <label style="display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer;">
                <input type="radio" name="type" value="internal_note" x-model="type"> Internal note
              </label>
            </div>
            <div x-show="type === 'email'" style="margin-bottom:10px;">
              <input class="input" type="text" name="subject" placeholder="Subject (optional)" style="margin-bottom:8px;">
            </div>
            <textarea class="textarea" name="body" rows="4" required
                      :placeholder="type === 'email' ? 'Write your response to the customer…' : 'Internal note (not visible to customer)…'"
                      style="margin-bottom:10px;"></textarea>
            <div x-show="type === 'email'" style="margin-bottom:12px;">
              <label style="display:inline-flex;align-items:center;gap:8px;cursor:pointer;padding:7px 12px;border:1.5px dashed var(--border);border-radius:8px;font-size:12.5px;color:var(--text);"
                     x-bind:style="fileName ? 'border-color:var(--navy);background:var(--bg2);' : ''">
                <svg viewBox="0 0 24 24" style="width:14px;height:14px;" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M21.44 11.05l-9.19 9.19a6 6 0 01-8.49-8.49l9.19-9.19a4 4 0 015.66 5.66l-9.2 9.19a2 2 0 01-2.83-2.83l8.49-8.48"/></svg>
                <span x-text="fileName || 'Attach file (PDF, image, max 10MB)…'"></span>
                <input type="file" name="attachment" style="display:none;" accept=".pdf,.doc,.docx,.xls,.xlsx,.csv,.png,.jpg,.jpeg,.zip"
                       @change="fileName = $event.target.files[0]?.name || ''">
              </label>
            </div>
            <button type="submit" class="btn btn-primary btn-sm" x-text="type === 'email' ? 'Send email' : 'Add note'">Send email</button>
          </form>
        </div>
      </div>
    </div>

    {{-- ⑥ Activity log --}}
    <div class="card">
      <div class="card-header"><div class="card-title">Activity Log</div></div>
      <div style="padding:10px 16px;">
        @forelse($quote->activities as $act)
        <div class="activity-item">
          <div class="activity-dot {{ $act->event }}"></div>
          <div style="flex:1;min-width:0;">
            <div style="font-size:13px;line-height:1.5;">{{ $act->description }}</div>
            <div style="font-size:11px;color:var(--muted);margin-top:2px;">
              {{ $act->user?->name ?? 'System' }} · {{ $act->created_at->format('d M Y, g:ia') }} ({{ $act->created_at->diffForHumans() }})
            </div>
          </div>
        </div>
        @empty
        <div style="color:var(--muted);font-size:13px;padding:6px 0;">No activity yet.</div>
        @endforelse
      </div>
    </div>

  </div>

  {{-- RIGHT sidebar --}}
  <div style="display:flex;flex-direction:column;gap:14px;">

    {{-- Status --}}
    <div class="card">
      <div class="card-header"><div class="card-title">Status</div></div>
      <div class="card-body">
        <form action="{{ route('adminhu.quotes.status', $quote) }}" method="POST">
          @csrf @method('PATCH')
          <select class="select" name="status" onchange="this.form.submit()" style="margin-bottom:0;">
            @foreach(\App\Models\Quote::statuses() as $s)
              <option value="{{ $s }}" {{ $quote->status === $s ? 'selected' : '' }}>
                {{ \App\Models\Quote::statusLabel($s) }}
              </option>
            @endforeach
          </select>
        </form>
        <div style="margin-top:10px;font-size:12px;color:var(--muted);line-height:1.8;">
          Created: {{ $quote->created_at->format('d M Y, g:ia') }}<br>
          @if($quote->last_replied_at)Last reply: {{ $quote->last_replied_at->diffForHumans() }}<br>@endif
          @if($quote->valid_until)
            Valid until: <span style="font-weight:600;color:{{ $quote->valid_until->isPast() ? '#dc2626' : '#16a34a' }};">{{ $quote->valid_until->format('d M Y') }}</span>
          @endif
        </div>
      </div>
    </div>

    {{-- Assign --}}
    <div class="card">
      <div class="card-header"><div class="card-title">Assigned to</div></div>
      <div class="card-body">
        <form action="{{ route('adminhu.quotes.assign', $quote) }}" method="POST">
          @csrf
          <select class="select" name="assigned_to" onchange="this.form.submit()">
            <option value="">— Unassigned —</option>
            @foreach($users as $u)
              <option value="{{ $u->id }}" {{ $quote->assigned_to == $u->id ? 'selected' : '' }}>{{ $u->name }}</option>
            @endforeach
          </select>
        </form>
      </div>
    </div>

    {{-- ⑦ PDF Actions --}}
    <div class="card">
      <div class="card-header"><div class="card-title">PDF &amp; Email</div></div>
      <div class="card-body" style="display:flex;flex-direction:column;gap:8px;">
        <a href="{{ route('adminhu.quotes.pdf', $quote) }}" target="_blank" class="btn btn-ghost" style="justify-content:flex-start;">
          <svg viewBox="0 0 24 24"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"/><path d="M14 2v6h6"/></svg>
          Download PDF
        </a>
        <form method="POST" action="{{ route('adminhu.quotes.send-pdf', $quote) }}" onsubmit="return confirm('Send PDF quote to {{ addslashes($quote->customer_email) }}?')">
          @csrf
          <button type="submit" class="btn btn-primary" style="width:100%;justify-content:flex-start;">
            <svg viewBox="0 0 24 24"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
            Email PDF to customer
          </button>
        </form>
      </div>
    </div>

    {{-- ⑧ Share link --}}
    <div class="card">
      <div class="card-header"><div class="card-title">Customer Share Link</div></div>
      <div class="card-body">
        @if($quote->share_token)
          <div style="font-size:12px;color:var(--muted);margin-bottom:8px;">Share this link — no login needed:</div>
          <div style="display:flex;gap:6px;align-items:center;">
            <input type="text" id="share-link-field"
                   value="{{ route('quote.public', $quote->share_token) }}"
                   readonly
                   class="input" style="font-size:11px;font-family:'DM Mono',monospace;flex:1;">
            <button type="button" onclick="navigator.clipboard.writeText(document.getElementById('share-link-field').value);this.textContent='Copied!';setTimeout(()=>this.textContent='Copy',2000);" class="btn btn-ghost btn-sm">Copy</button>
          </div>
          <form method="POST" action="{{ route('adminhu.quotes.share-token', $quote) }}" style="margin-top:8px;">
            @csrf
            <button type="submit" class="btn btn-ghost btn-sm" style="font-size:11px;color:var(--muted);" onclick="return confirm('Regenerate link? Old link will stop working.')">Regenerate link</button>
          </form>
        @else
          <div style="font-size:12.5px;color:var(--muted);margin-bottom:10px;">Generate a public link so the customer can view their quote online without logging in.</div>
          <form method="POST" action="{{ route('adminhu.quotes.share-token', $quote) }}">
            @csrf
            <button type="submit" class="btn btn-ghost" style="width:100%;justify-content:flex-start;">
              <svg viewBox="0 0 24 24"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><line x1="8.59" y1="13.51" x2="15.42" y2="17.49"/><line x1="15.41" y1="6.51" x2="8.59" y2="10.49"/></svg>
              Generate share link
            </button>
          </form>
        @endif
      </div>
    </div>

    {{-- Quick actions --}}
    <div class="card">
      <div class="card-header"><div class="card-title">Quick actions</div></div>
      <div class="card-body" style="display:flex;flex-direction:column;gap:8px;">
        <a href="{{ $quote->whatsapp_url }}" target="_blank" class="btn btn-ghost" style="justify-content:flex-start;color:#25d366;border-color:#25d366;">
          WhatsApp customer
        </a>
        <a href="mailto:{{ $quote->customer_email }}?subject=Re: Quote {{ $quote->quote_number }}" class="btn btn-ghost" style="justify-content:flex-start;">
          Email directly
        </a>
        <form action="{{ route('adminhu.quotes.destroy', $quote) }}" method="POST" onsubmit="return confirm('Delete this quote permanently?')">
          @csrf @method('DELETE')
          <button type="submit" class="btn btn-danger" style="width:100%;justify-content:flex-start;">
            Delete quote
          </button>
        </form>
      </div>
    </div>

  </div>

</div>
</div>
@endsection