@extends('layouts.print')
@section('title', 'Proposal '.$proposal->number)
@section('toolbar')<img src="{{ asset('assets/img/wordmark-ink.webp') }}" alt="KalpCanvas" style="height:26px;width:auto">@endsection
@section('content')
<div class="doc stack" style="gap:28px">
    @include('partials.flash')
    <div class="row between" style="gap:16px;align-items:flex-start">
        <div class="stack" style="gap:6px"><span class="eyebrow">Proposal {{ $proposal->number }}</span><h1 class="d2">{{ $proposal->title }}</h1><p class="muted">Prepared for <span class="b">{{ $proposal->recipientName() }}</span></p></div>
        <div class="stack small" style="text-align:right;gap:4px"><span>Date: {{ ($proposal->sent_at ?? $proposal->created_at)->format('j M Y') }}</span>@if($proposal->valid_until)<span>Valid until: {{ $proposal->valid_until->format('j M Y') }}</span>@endif<span class="badge {{ badge_class($proposal->status) }}" style="align-self:flex-end">{{ status_label($proposal->status) }}</span></div>
    </div>
    @if($proposal->intro)<div class="prose" style="font-size:16px">{!! nl2br(e($proposal->intro)) !!}</div>@endif
    @if($proposal->scope)<div class="stack" style="gap:8px"><h2 class="d4">Scope</h2><div class="prose" style="font-size:16px">{!! nl2br(e($proposal->scope)) !!}</div></div>@endif
    <table>
        <thead><tr><th>Item</th><th class="num">Qty</th><th class="num">Rate</th><th class="num">Amount</th></tr></thead>
        <tbody>@foreach($proposal->items as $it)<tr><td>{{ $it->description }}</td><td class="num">{{ rtrim(rtrim($it->qty, '0'), '.') }}</td><td class="num">{{ inr($it->rate) }}</td><td class="num">{{ inr($it->amount) }}</td></tr>@endforeach</tbody>
        <tfoot>
            <tr><td colspan="3" class="num">Subtotal</td><td class="num">{{ inr($proposal->subtotal) }}</td></tr>
            @if($proposal->discount > 0)<tr><td colspan="3" class="num">Discount</td><td class="num">−{{ inr($proposal->discount) }}</td></tr>@endif
            <tr><td colspan="3" class="num">GST (18%)</td><td class="num">{{ inr($proposal->tax) }}</td></tr>
            <tr><td colspan="3" class="num b">Total</td><td class="num b">{{ inr($proposal->total) }}</td></tr>
        </tfoot>
    </table>
    <p class="small"><span class="b">Payment:</span> {{ $proposal->advance_percent }}% advance ({{ inr($proposal->total * $proposal->advance_percent / 100) }}) to start, balance on delivery.</p>
    @if($proposal->terms)<div class="stack small muted" style="gap:6px"><span class="b" style="color:var(--ink)">Terms</span>{!! nl2br(e($proposal->terms)) !!}</div>@endif

    @if(in_array($proposal->status, ['sent', 'viewed']))
        <form method="post" action="{{ route('proposal.accept', $proposal->public_token) }}" class="box stack no-print" style="gap:14px">
            @csrf
            <h2 class="d4">Accept this proposal</h2>
            <div class="field"><label class="label" for="acc-name">Your full name</label><input id="acc-name" name="accepted_by_name" class="input" required></div>
            <label class="check"><input type="checkbox" name="agree" value="1" required> <span>I accept this proposal, its scope, price and terms on behalf of {{ $proposal->recipientName() }}.</span></label>
            <button class="btn" style="align-self:flex-start">Accept proposal</button>
        </form>
    @elseif($proposal->status === 'accepted')
        <p class="flash flash-ok">Accepted by {{ $proposal->accepted_by_name }} on {{ $proposal->accepted_at->format('j M Y, g:i a') }}.</p>
    @endif
    <p class="xs muted">{{ config('kalpcanvas.company.legal_name') }} · GSTIN {{ config('kalpcanvas.company.gstin') }} · {{ config('kalpcanvas.company.email') }}</p>
</div>
@endsection