@extends('layouts.app')

@section('page-pretitle', __('Management'))
@section('page-title', __('Project Quotation Details'))

@section('content')

<div class="page-wrapper">
    <div class="card shadow-sm p-4">

        {{-- Quotation Header --}}
        <div class="card mb-4">
            <div class="card-body">
                <div class="row gy-3">
                    <div class="col-md-6">
                        <label class="form-label fw-semibold">Client Name</label>
                        <p class="form-control-plaintext">{{ $quotation->client_name }}</p>
                    </div>

                    <div class="col-md-6">
                        <label class="form-label fw-semibold">Quotation Date</label>
                        <p class="form-control-plaintext">{{ \Carbon\Carbon::parse($quotation->date)->format('d M Y') }}</p>
                    </div>
                </div>
            </div>
        </div>

        {{-- Quotation Items --}}
        <div class="card mb-4">
            <div class="card-header bg-light">
                <h5 class="card-title mb-0">Quotation Items</h5>
            </div>
            <div class="card-body">
                <table class="table table-bordered align-middle text-center">
                    <thead class="table-light">
                        <tr>
                            <th>Description</th>
                            <th style="width: 90px;">Qty</th>
                            <th style="width: 130px;">Unit Price (RM)</th>
                            <th style="width: 130px;">Total (RM)</th>
                        </tr>
                    </thead>
                    <tbody>
                        @php
                            $subtotal = 0;
                        @endphp
                        @foreach ($quotation->items as $item)
                            @php
                                $lineTotal = $item->quantity * $item->unit_price;
                                $subtotal += $lineTotal;
                            @endphp
                            <tr>
                                <td class="text-start">{{ $item->description }}</td>
                                <td>{{ $item->quantity }}</td>
                                <td class="text-end">{{ number_format($item->unit_price, 2) }}</td>
                                <td class="text-end fw-semibold">{{ number_format($lineTotal, 2) }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>

                <div class="mt-4 w-50 ms-auto">
                    @php
                        $tax = $subtotal * 0.06;
                        $total = $subtotal + $tax;
                    @endphp
                    <table class="table table-borderless">
                        <tr>
                            <th class="text-end fw-semibold">Subtotal:</th>
                            <td class="text-end">RM {{ number_format($subtotal, 2) }}</td>
                        </tr>
                        <tr>
                            <th class="text-end fw-semibold">GST (6%):</th>
                            <td class="text-end">RM {{ number_format($tax, 2) }}</td>
                        </tr>
                        <tr>
                            <th class="text-end h3 fw-bold">Total:</th>
                            <td class="text-end h3 fw-bold">RM {{ number_format($total, 2) }}</td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>

        {{-- Back button --}}
        <div class="text-end">
            <a href="{{ route('quotations.index') }}" class="btn btn-outline-secondary px-4">
                {{ __('Back') }}
            </a>
        </div>

    </div>
</div>

@endsection