@extends('customer.layouts.app')

@section('title', 'Quotation Details')

@section('content')
<div class="module-heading heading-actions">
    <div><span class="eyebrow green">Quotation details</span><h1>{{ $quotation->quotation_number }}</h1><p>Issued {{ \Carbon\Carbon::parse($quotation->quotation_date)->format('d M Y') }}</p></div>
    <a class="secondary-button" href="{{ route('customer.quotations.index') }}"><i class="fa-solid fa-arrow-left"></i> Back</a>
</div>

@if($errors->any())<div class="alert alert-error">{{ $errors->first() }}</div>@endif

<div class="summary-grid">
    <div><small>Status</small><span class="status-pill status-{{ strtolower($quotation->status) }}">{{ $quotation->status }}</span></div>
    <div><small>Valid until</small><strong>{{ $quotation->valid_until ? \Carbon\Carbon::parse($quotation->valid_until)->format('d M Y') : '-' }}</strong></div>
    <div><small>Grand total</small><strong>&#8377;{{ number_format($quotation->total_amount, 2) }}</strong></div>
</div>

<section class="module-card">
    <div class="card-title"><h2>Service details</h2></div>
    <div class="responsive-table">
        <table class="portal-table">
            <thead><tr><th>#</th><th>Service</th><th>Description</th><th>Qty</th><th>Rate</th><th>Total</th></tr></thead>
            <tbody>
            @foreach($quotation->items as $item)
                <tr><td>{{ $loop->iteration }}</td><td><strong>{{ $item->service_name }}</strong></td><td>{{ $item->description ?: '-' }}</td><td>{{ $item->quantity }}</td><td>&#8377;{{ number_format($item->unit_price, 2) }}</td><td><strong>&#8377;{{ number_format($item->total, 2) }}</strong></td></tr>
            @endforeach
            </tbody>
        </table>
    </div>
    <div class="totals-box">
        <div><span>Subtotal</span><strong>&#8377;{{ number_format($quotation->subtotal, 2) }}</strong></div>
        <div><span>Discount</span><strong>- &#8377;{{ number_format($quotation->discount, 2) }}</strong></div>
        <div><span>GST ({{ $quotation->gst_percent }}%)</span><strong>&#8377;{{ number_format($quotation->gst_amount, 2) }}</strong></div>
        <div class="grand-total"><span>Grand total</span><strong>&#8377;{{ number_format($quotation->total_amount, 2) }}</strong></div>
    </div>
    @if($quotation->remarks)<div class="note-box"><strong>Remarks</strong><p>{{ $quotation->remarks }}</p></div>@endif
</section>

@if($quotation->status === 'Sent')
    <div class="quotation-decision">
        <div><strong>Review this quotation</strong><span>Approve it to continue directly to service booking, or reject it if you do not wish to proceed.</span></div>
        <div class="decision-actions">
            <form method="POST" action="{{ route('customer.quotations.reject', $quotation) }}" onsubmit="return confirm('Reject this quotation?')">@csrf<button class="reject-button" type="submit"><i class="fa-solid fa-xmark"></i> Reject</button></form>
            <form method="POST" action="{{ route('customer.quotations.approve', $quotation) }}" onsubmit="return confirm('Approve this quotation and continue to booking?')">@csrf<button class="primary-link" type="submit"><i class="fa-solid fa-check"></i> Approve & Book Service</button></form>
        </div>
    </div>
@elseif($quotation->status === 'Approved' && !$quotation->serviceBooking)
    <div class="bottom-action"><div><strong>Ready to schedule this service?</strong><span>Select your preferred service date and upload relevant photos.</span></div><a class="primary-link" href="{{ route('customer.bookings.create', ['quotation_id' => $quotation->id]) }}">Book this service <i class="fa-solid fa-arrow-right"></i></a></div>
@elseif($quotation->serviceBooking)
    <div class="bottom-action"><div><strong>This quotation is already booked</strong><span>View its current service status.</span></div><a class="primary-link" href="{{ route('customer.bookings.show', $quotation->serviceBooking) }}">View booking</a></div>
@endif
@endsection