@extends('layouts.admin')
@section('title', 'Quote: '.$quote->full_name)
@section('page-title', 'Quote Detail')

@section('content')
<a href="{{ route('admin.quotes.index') }}" style="color:var(--muted);font-size:12px;font-family:'JetBrains Mono',monospace;text-decoration:none;display:inline-flex;align-items:center;gap:6px;margin-bottom:24px;">← BACK TO QUOTES</a>

<div style="max-width:720px;display:flex;flex-direction:column;gap:16px;">
    <div class="glass-card" style="padding:24px;">
        <div style="display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;">
            <div>
                <div style="font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--muted);font-family:'JetBrains Mono',monospace;margin-bottom:5px;">NAME</div>
                <div style="color:var(--text);font-weight:500;">{{ $quote->full_name }}</div>
            </div>
            <div>
                <div style="font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--muted);font-family:'JetBrains Mono',monospace;margin-bottom:5px;">EMAIL</div>
                <a href="mailto:{{ $quote->email }}" style="color:#ef4444;text-decoration:none;">{{ $quote->email }}</a>
            </div>
            <div>
                <div style="font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--muted);font-family:'JetBrains Mono',monospace;margin-bottom:5px;">PHONE</div>
                <div class="mono" style="color:var(--text);font-size:13px;">{{ $quote->phone }}</div>
            </div>
            <div>
                <div style="font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--muted);font-family:'JetBrains Mono',monospace;margin-bottom:5px;">SUBMITTED</div>
                <div class="mono" style="color:var(--text);font-size:13px;">{{ $quote->created_at->format('M j, Y g:i A') }}</div>
            </div>
        </div>
        <div style="margin-bottom: {{ $quote->attachment_path ? '16px' : '0' }};">
            <div style="font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--muted);font-family:'JetBrains Mono',monospace;margin-bottom:10px;">SPECIFICATIONS</div>
            <div style="background:#080810;border:1px solid var(--border);border-radius:10px;padding:20px;color:#cbd5e1;font-size:13px;line-height:1.8;white-space:pre-wrap;">{{ $quote->specifications }}</div>
        </div>
        @if($quote->attachment_path)
        <div>
            <div style="font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--muted);font-family:'JetBrains Mono',monospace;margin-bottom:8px;">ATTACHMENT</div>
            <div style="background:#080810;border:1px solid rgba(99,102,241,0.2);border-radius:8px;padding:10px 14px;font-family:'JetBrains Mono',monospace;font-size:11px;color:#a5b4fc;word-break:break-all;">{{ $quote->attachment_path }}</div>
        </div>
        @endif
    </div>
    <a href="mailto:{{ $quote->email }}?subject=Your Custom TrollMasters.AI Quote Request"
       style="display:inline-flex;align-items:center;gap:8px;background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.25);color:#ef4444;padding:10px 20px;border-radius:10px;font-size:11px;font-family:'JetBrains Mono',monospace;letter-spacing:2px;text-decoration:none;align-self:flex-start;transition:all 0.2s;"
       onmouseover="this.style.background='rgba(239,68,68,0.2)'" onmouseout="this.style.background='rgba(239,68,68,0.1)'">
        REPLY VIA EMAIL →
    </a>
</div>
@endsection
