@extends('layouts.admin')

@section('title', 'Quote Details')
@section('page_heading', 'Quote - ' . $quote->name)

@section('page_actions')
    <a href="{{ route('admin.quotes.index') }}" class="btn btn-outline-secondary">Back to Quotes</a>
@endsection

@section('content')
    <div class="row g-4">
        <div class="col-lg-8">
            <div class="card data-card">
                <div class="card-header">
                    <h5 class="mb-0">Quote Details</h5>
                </div>
                <div class="card-body">
                    <div class="row g-3">
                        <div class="col-md-6">
                            <label class="form-label fw-semibold">Contact Name</label>
                            <p class="text-muted">{{ $quote->name }}</p>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label fw-semibold">Business Name</label>
                            <p class="text-muted">{{ $quote->business_name }}</p>
                        </div>

                        <div class="col-md-6">
                            <label class="form-label fw-semibold">Email</label>
                            <p class="text-muted"><a href="mailto:{{ $quote->email }}">{{ $quote->email }}</a></p>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label fw-semibold">Phone</label>
                            <p class="text-muted">{{ $quote->phone ?? '-' }}</p>
                        </div>

                        <div class="col-md-6">
                            <label class="form-label fw-semibold">Website</label>
                            <p class="text-muted">
                                @if ($quote->website)
                                    <a href="{{ $quote->website }}" target="_blank">{{ $quote->website }}</a>
                                @else
                                    -
                                @endif
                            </p>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label fw-semibold">Industry</label>
                            <p class="text-muted">{{ $quote->industry ?? '-' }}</p>
                        </div>

                        <div class="col-12">
                            <label class="form-label fw-semibold">Services</label>
                            <p class="text-muted">
                                @if ($quote->services)
                                    {{ implode(', ', $quote->services) }}
                                @else
                                    -
                                @endif
                            </p>
                        </div>

                        <div class="col-md-6">
                            <label class="form-label fw-semibold">Word Count</label>
                            <p class="text-muted">{{ $quote->word_count ?? '-' }}</p>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label fw-semibold">Service Minutes</label>
                            <p class="text-muted">{{ $quote->service_minutes ?? '-' }}</p>
                        </div>

                        <div class="col-md-6">
                            <label class="form-label fw-semibold">Budget</label>
                            <p class="text-muted">{{ $quote->budget ?? '-' }}</p>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label fw-semibold">Amount</label>
                            <p class="text-muted">
                                @if ($quote->amount)
                                    ${{ number_format((float) $quote->amount, 2) }}
                                @else
                                    -
                                @endif
                            </p>
                        </div>

                        <div class="col-md-6">
                            <label class="form-label fw-semibold">Goal</label>
                            <p class="text-muted">{{ $quote->goal ?? '-' }}</p>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label fw-semibold">Source</label>
                            <p class="text-muted">{{ $quote->source ?? '-' }}</p>
                        </div>

                        <div class="col-12">
                            <label class="form-label fw-semibold">Details</label>
                            <p class="text-muted">{{ $quote->details ?? '-' }}</p>
                        </div>

                        <div class="col-12">
                            <label class="form-label fw-semibold">Submitted</label>
                            <p class="text-muted">{{ $quote->created_at?->format('M d, Y \a\t h:i A') ?? '-' }}</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-lg-4">
            @if ($quote->invoice)
                <div class="card data-card">
                    <div class="card-header">
                        <h5 class="mb-0">Linked Invoice</h5>
                    </div>
                    <div class="card-body">
                        <p class="mb-2">
                            <strong>Invoice #:</strong><br>
                            {{ $quote->invoice->invoice_number ?? 'INV-PENDING' }}
                        </p>
                        <p class="mb-2">
                            <strong>Status:</strong><br>
                            @if ($quote->invoice->status === 'paid')
                                <span class="badge text-bg-success">Paid</span>
                            @else
                                <span class="badge text-bg-warning">Unpaid</span>
                            @endif
                        </p>
                        <p class="mb-0">
                            <strong>Amount:</strong><br>
                            ${{ number_format((float) $quote->invoice->amount, 2) }}
                        </p>
                    </div>
                </div>
            @endif

            <div class="card data-card">
                <div class="card-header">
                    <h5 class="mb-0">Quote Status</h5>
                </div>
                <div class="card-body">
                    <p class="mb-3">
                        <strong>Current Status:</strong><br>
                        @if ($quote->status === 'pending')
                            <span class="badge text-bg-secondary">Pending</span>
                        @elseif ($quote->status === 'in-progress')
                            <span class="badge text-bg-info">In Progress</span>
                        @else
                            <span class="badge text-bg-success">Completed</span>
                        @endif
                    </p>

                    @if ($quote->invoice && $quote->invoice->status === 'paid')
                        <form method="POST" action="{{ route('admin.quotes.update-status', $quote) }}">
                            @csrf
                            <label for="status" class="form-label">Update Status</label>
                            <select id="status" name="status" class="form-select mb-2">
                                <option value="pending" @selected($quote->status === 'pending')>Pending</option>
                                <option value="in-progress" @selected($quote->status === 'in-progress')>In Progress</option>
                                <option value="completed" @selected($quote->status === 'completed')>Completed</option>
                            </select>
                            <button type="submit" class="btn btn-sm btn-primary w-100">Update Status</button>
                        </form>
                    @else
                        <div class="alert alert-info mb-0">
                            <small>
                                @if (!$quote->invoice)
                                    Link this quote to a paid invoice to update the status.
                                @else
                                    Invoice must be marked as <strong>Paid</strong> to update the status.
                                @endif
                            </small>
                        </div>
                    @endif
                </div>
            </div>

            <div class="card data-card border-danger">
                <div class="card-header bg-danger-subtle">
                    <h5 class="mb-0">Danger Zone</h5>
                </div>
                <div class="card-body">
                    <p class="small text-muted mb-3">Delete this quote and all associated data permanently.</p>
                    <form action="{{ route('admin.quotes.destroy', $quote) }}" method="POST" onsubmit="return confirm('Are you sure? This action cannot be undone.');">
                        @csrf
                        @method('DELETE')
                        <button type="submit" class="btn btn-sm btn-outline-danger w-100">Delete Quote</button>
                    </form>
                </div>
            </div>

            <a href="{{ route('admin.quotes.edit', $quote) }}" class="btn btn-primary w-100">Edit Quote</a>
        </div>
    </div>
@endsection