@extends('layouts.app')

@section('title', 'Quotation #'.optional($quotation)->quotation_number)

@section('breadcrumbs')
<nav aria-label="breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{ route('export.dashboard') }}">Export</a></li>
        <li class="breadcrumb-item"><a href="{{ route('export.quotations.index') }}">Quotations</a></li>
        <li class="breadcrumb-item active">{{ $quotation->quotation_number }}</li>
    </ol>
</nav>
@endsection

@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <div>
        <h1 class="h3 mb-1 text-dark fw-semibold">{{ $quotation->quotation_number }}</h1>
        <p class="text-muted mb-0">Quotation for {{ $quotation->customer->name ?? 'N/A' }}</p>
    </div>
    <div class="d-flex gap-2">
        @if($quotation->status === 'accepted')
            <a href="{{ route('export.orders.create', ['quotation_id' => $quotation->id]) }}" class="btn btn-success">
                <i class="bi bi-arrow-right-circle me-1"></i> Convert to Order
            </a>
        @endif
        @if($quotation->status === 'draft')
            <form action="{{ route('export.quotations.send', $quotation) }}" method="POST" class="d-inline">
                @csrf
                <button type="submit" class="btn btn-primary"><i class="bi bi-send me-1"></i> Send</button>
            </form>
        @endif
        <a href="{{ route('export.quotations.print', $quotation) }}" class="btn btn-outline-secondary" target="_blank">
            <i class="bi bi-printer me-1"></i> Print
        </a>
    </div>
</div>

@if($quotation->status === 'accepted')
<div class="alert alert-success d-flex align-items-center mb-4">
    <i class="bi bi-check-circle-fill me-2 fs-5"></i>
    <div>This quotation has been <strong>accepted</strong> by the customer on {{ $quotation->accepted_at?->format('d M Y') }}.</div>
</div>
@endif

@if($quotation->status === 'rejected')
<div class="alert alert-danger d-flex align-items-center mb-4">
    <i class="bi bi-x-circle-fill me-2 fs-5"></i>
    <div>This quotation has been <strong>rejected</strong>. Reason: {{ $quotation->rejection_reason ?? 'Not specified' }}</div>
</div>
@endif

<div class="row g-4">
    <div class="col-lg-8">
        <div class="card border-0 shadow-sm mb-4" id="quotationPreview">
            <div class="card-body p-4">
                <div class="d-flex justify-content-between mb-4">
                    <div>
                        <h2 class="text-primary fw-bold mb-1">QUOTATION</h2>
                        <h4 class="fw-semibold">{{ $quotation->quotation_number }}</h4>
                    </div>
                    <div class="text-end">
                        <div class="text-muted small">Date: {{ $quotation->created_at->format('d M Y') }}</div>
                        <div class="text-muted small">Valid Until: {{ optional($quotation->valid_until)->format('d M Y') ?? 'N/A' }}</div>
                    </div>
                </div>

                <div class="row mb-4 pb-3 border-bottom">
                    <div class="col-6">
                        <h6 class="text-muted mb-2">From</h6>
                        <div class="fw-medium">{{ $company->name ?? config('app.name') }}</div>
                        <div class="text-muted small">{{ $company->address ?? '' }}</div>
                    </div>
                    <div class="col-6 text-end">
                        <h6 class="text-muted mb-2">To</h6>
                        <div class="fw-medium">{{ $quotation->customer->name ?? 'N/A' }}</div>
                        <div class="text-muted small">{{ $quotation->customer->address ?? '' }}</div>
                        <div class="text-muted small">{{ $quotation->customer->country ?? '' }}</div>
                    </div>
                </div>

                <div class="table-responsive mb-4">
                    <table class="table table-bordered">
                        <thead class="bg-light">
                            <tr>
                                <th class="text-muted small">#</th>
                                <th class="text-muted small">Description</th>
                                <th class="text-muted small text-end">Qty</th>
                                <th class="text-muted small text-end">Unit Price</th>
                                <th class="text-muted small text-end">Amount</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($quotation->items as $index => $item)
                            <tr>
                                <td>{{ $index + 1 }}</td>
                                <td>
                                    <div class="fw-medium">{{ $item->product->name ?? $item->description }}</div>
                                    @if($item->hs_code)<small class="text-muted">HS: {{ $item->hs_code }}</small>@endif
                                </td>
                                <td class="text-end">{{ number_format($item->quantity, 2) }} {{ $item->unit }}</td>
                                <td class="text-end">{{ number_format($item->unit_price, 2) }}</td>
                                <td class="text-end fw-medium">{{ number_format($item->quantity * $item->unit_price, 2) }}</td>
                            </tr>
                            @empty
                            <tr><td colspan="5" class="text-center py-3 text-muted">No items</td></tr>
                            @endforelse
                        </tbody>
                        <tfoot class="bg-light">
                            <tr><td colspan="4" class="text-end fw-medium">Subtotal</td><td class="text-end">{{ number_format($quotation->subtotal, 2) }}</td></tr>
                            @if($quotation->tax_amount > 0)
                            <tr><td colspan="4" class="text-end">Tax ({{ $quotation->tax_rate }}%)</td><td class="text-end">{{ number_format($quotation->tax_amount, 2) }}</td></tr>
                            @endif
                            <tr><td colspan="4" class="text-end fw-bold text-primary fs-5">Total</td><td class="text-end fw-bold text-primary fs-5">{{ number_format($quotation->total_amount, 2) }} {{ $quotation->currency }}</td></tr>
                        </tfoot>
                    </table>
                </div>

                @if($quotation->terms_conditions)
                <div class="mb-3">
                    <h6 class="fw-semibold text-muted">Terms & Conditions</h6>
                    <div class="bg-light rounded p-3 small">{{ $quotation->terms_conditions }}</div>
                </div>
                @endif

                @if($quotation->notes)
                <div>
                    <h6 class="fw-semibold text-muted">Notes</h6>
                    <div class="bg-light rounded p-3 small">{{ $quotation->notes }}</div>
                </div>
                @endif
            </div>
        </div>
    </div>

    <div class="col-lg-4">
        <div class="card border-0 shadow-sm mb-4">
            <div class="card-body">
                <h6 class="fw-semibold text-muted mb-3">Status</h6>
                @php
                    $statusColors = ['draft' => 'secondary', 'sent' => 'primary', 'accepted' => 'success', 'rejected' => 'danger', 'expired' => 'warning'];
                @endphp
                <span class="badge bg-{{ $statusColors[$quotation->status] ?? 'secondary' }} px-3 py-2 fs-6">{{ ucfirst($quotation->status) }}</span>

                <div class="mt-4">
                    <h6 class="fw-semibold text-muted mb-3">Approval Workflow</h6>
                    <div class="timeline-sm">
                        @foreach(['created' => 'Created', 'reviewed' => 'Reviewed', 'approved' => 'Approved', 'sent' => 'Sent'] as $step => $label)
                        <div class="d-flex align-items-start mb-2 {{ in_array($step, $quotation->workflow_steps ?? []) ? '' : 'opacity-50' }}">
                            <div class="bg-{{ in_array($step, $quotation->workflow_steps ?? []) ? 'success' : 'secondary' }} rounded-circle me-2 mt-1" style="width:12px;height:12px"></div>
                            <div>
                                <div class="small fw-medium">{{ $label }}</div>
                                <div class="text-muted" style="font-size:11px">{{ $quotation->workflow_dates[$step] ?? '--' }}</div>
                            </div>
                        </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>

        <div class="card border-0 shadow-sm mb-4">
            <div class="card-body">
                <h6 class="fw-semibold text-muted mb-3">Details</h6>
                <table class="table table-sm table-borderless mb-0">
                    <tr><td class="text-muted">Inquiry</td><td class="text-end"><a href="{{ route('export.inquiries.show', $quotation->inquiry) }}">{{ $quotation->inquiry->inquiry_number ?? 'N/A' }}</a></td></tr>
                    <tr><td class="text-muted">Currency</td><td class="text-end">{{ $quotation->currency }}</td></tr>
                    <tr><td class="text-muted">Payment Terms</td><td class="text-end">{{ $quotation->payment_terms ?? 'N/A' }}</td></tr>
                    <tr><td class="text-muted">Shipping Terms</td><td class="text-end">{{ $quotation->incoterm ?? 'N/A' }}</td></tr>
                </table>
            </div>
        </div>

        <div class="card border-0 shadow-sm">
            <div class="card-body">
                <h6 class="fw-semibold text-muted mb-3">Actions</h6>
                <div class="d-grid gap-2">
                    <a href="{{ route('export.quotations.edit', $quotation) }}" class="btn btn-outline-primary btn-sm text-start"><i class="bi bi-pencil me-2"></i>Edit</a>
                    <a href="{{ route('export.quotations.print', $quotation) }}" class="btn btn-outline-secondary btn-sm text-start" target="_blank"><i class="bi bi-printer me-2"></i>Print PDF</a>
                    @if($quotation->status === 'draft')
                    <a href="{{ route('export.quotations.email', $quotation) }}" class="btn btn-outline-info btn-sm text-start"><i class="bi bi-envelope me-2"></i>Email to Customer</a>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>
@endsection