@extends('layouts.app')
@php
    $accepted = in_array($quote->status, ['accepted', 'converted'], true);
    $declined = $quote->status === 'declined';
    $open = $quote->isOpen();
    $invoice = $accepted && $quote->invoice_id ? $quote->invoice : null;
    $statusKey = $expired ? 'expired' : ($accepted ? 'accepted' : $quote->status);
    $statusLabel = $open ? 'Awaiting your decision' : null;
    $notes = collect(preg_split('/\R/', (string) $quote->notes))->map(fn ($l) => trim($l))->filter(fn ($l) => $l !== '' && ! str_starts_with($l, 'Declined by customer'))->implode("\n");
    $phone = setting('phone');
    $wa = digits(setting('whatsapp'));
    $sentOn = $quote->sent_at ?? $quote->created_at;
    seo()->noindex()->title('Quotation '.$quote->number);
@endphp
@push('head')<meta name="referrer" content="same-origin">@endpush
@section('content')
<section class="section-sm tr-doc-page">
  <div class="container tr-doc-wrap">
    <div class="tr-doc-bar no-print">
      <div class="tr-doc-bar-title"><span class="eyebrow">Quotation</span><h1>{{ $quote->title ?: 'Training quotation' }}</h1></div>
      <div class="row">
        <a class="btn btn-secondary" href="{{ route('quotes.pdf', $quote->token) }}"><x-icon name="download" :size="18"/> Download PDF</a>
        <button class="btn btn-secondary" type="button" data-print><x-icon name="file-text" :size="18"/> Print</button>
      </div>
    </div>

    <div class="no-print">
    @if($accepted)
      <div class="callout success tr-doc-state" role="status"><x-icon name="check-circle" :size="22"/><div><b>Quotation accepted{{ $quote->accepted_at ? ' on '.$quote->accepted_at->format('d M Y') : '' }}.</b>
        @if($invoice) Invoice {{ $invoice->number }} has been raised and emailed to {{ $quote->customer_email }}. <a href="{{ route('invoices.show', $invoice->token) }}">View the invoice and payment details</a>.@else Our team will send the invoice shortly.@endif</div></div>
    @elseif($declined)
      <div class="callout tr-doc-state" role="status"><x-icon name="info" :size="22"/><div><b>You declined this quotation{{ $quote->declined_at ? ' on '.$quote->declined_at->format('d M Y') : '' }}.</b> If your plans change, contact us and we will prepare a fresh quote.</div></div>
    @elseif($expired)
      <div class="callout warn tr-doc-state" role="alert"><x-icon name="alert" :size="22"/><div><b>This quotation expired on {{ $quote->valid_until->format('d M Y') }}.</b> Prices and availability may have changed. Contact us and we will issue an updated quote.</div></div>
    @elseif($open)
      <div class="callout tr-doc-state" role="status"><x-icon name="clock" :size="22"/><div><b>Ready for your decision.</b> This quotation is valid until {{ $quote->valid_until?->format('d M Y') }}@if($quote->valid_until) (<time datetime="{{ $quote->valid_until->endOfDay()->toIso8601String() }}" data-relative="{{ $quote->valid_until->endOfDay()->toIso8601String() }}">{{ $quote->valid_until->endOfDay()->diffForHumans() }}</time>)@endif. Accept it below and we will email your invoice straight away.</div></div>
    @endif
    </div>

    <article class="tr-doc is-quote" aria-label="Quotation {{ $quote->number }}">
      @include('docs._head', ['docname' => 'QUOTATION', 'docno' => $quote->number, 'statusKey' => $statusKey, 'statusLabel' => $statusLabel])

      <div class="tr-doc-meta">
        <div>
          <span class="tr-doc-lbl">Prepared for</span>
          <b class="tr-doc-who">{{ $quote->customer_name }}</b>
          @if($quote->company)<div>{{ $quote->company }}</div>@endif
          <div class="muted">{{ $quote->customer_email }}@if($quote->customer_phone)<br>{{ $quote->customer_phone }}@endif</div>
        </div>
        <dl class="tr-doc-dates">
          <div><dt>Quotation no.</dt><dd>{{ $quote->number }}</dd></div>
          <div><dt>Date</dt><dd>{{ $sentOn->format('d M Y') }}</dd></div>
          <div><dt>Valid until</dt><dd>{{ $quote->valid_until?->format('d M Y') ?? '—' }}</dd></div>
          @if($quote->course)<div><dt>Programme</dt><dd><a href="{{ route('courses.show', $quote->course->slug) }}">{{ $quote->course->title }}</a></dd></div>@endif
        </dl>
      </div>

      @if($quote->title)<h2 class="tr-doc-title">{{ $quote->title }}</h2>@endif
      <div class="tr-doc-tablewrap">@include('docs._items', ['doc' => $quote, 'itemLabel' => 'Item'])</div>

      @if($notes || $quote->terms)
      <div class="tr-doc-notes">
        @if($notes)<div><span class="tr-doc-lbl">Notes</span><p>{!! nl2br(e($notes)) !!}</p></div>@endif
        @if($quote->terms)<div><span class="tr-doc-lbl">Terms &amp; conditions</span><p>{!! nl2br(e($quote->terms)) !!}</p></div>@endif
      </div>
      @endif
      <footer class="tr-doc-foot">This quotation is issued by {{ setting('legal_name', 'INFOTICS IT Academy') }}. Amounts are in {{ $quote->currency ?: config('infotics.currency', 'PKR') }}.</footer>
    </article>

    @if($open)
    <div class="tr-doc-actions no-print" id="decision">
      <div class="card card-pad tr-doc-accept">
        <h2 class="tr-h2">Accept this quotation</h2>
        <p class="muted">Accepting turns this quotation into an invoice for <b>{{ money2($quote->total) }}</b>. No payment is taken on this page &mdash; you choose how to pay once the invoice is issued.</p>
        <form method="post" action="{{ route('quotes.accept', $quote->token) }}">
          @csrf
          <label class="check"><input type="checkbox" name="agree" value="1" required @checked(old('agree')) aria-describedby="agree-err"> <span>I have read this quotation and its terms, and I accept it{{ $quote->company ? ' on behalf of '.$quote->company : '' }}.</span></label>
          @error('agree')<div class="field-error" id="agree-err">{{ $message }}</div>@enderror
          <button class="btn btn-primary btn-lg mt-2" type="submit"><x-icon name="check-circle" :size="20"/> Accept &amp; get my invoice</button>
        </form>
      </div>
      <div class="card card-pad tr-doc-decline">
        <h2 class="tr-h2">Not the right fit?</h2>
        <p class="muted">Tell us if you would like changes, or decline if you are going another way.</p>
        <form method="post" action="{{ route('quotes.decline', $quote->token) }}">
          @csrf
          <x-field name="reason" label="Reason (optional)" type="textarea" :rows="3" placeholder="For example: budget, dates, or scope" help="Up to 500 characters."/>
          <button class="btn btn-danger" type="submit" data-confirm="Decline quotation {{ $quote->number }}? This cannot be undone.">Decline quotation</button>
        </form>
      </div>
    </div>
    @endif

    <div class="tr-doc-help no-print">
      <div><b>Questions about this quotation?</b><span class="muted">We are available {{ config('infotics.brand.hours') }}.</span></div>
      <div class="row">
        @if($phone)<a class="btn btn-secondary btn-sm" href="tel:{{ '+'.digits($phone) }}"><x-icon name="phone" :size="16"/> {{ $phone }}</a>@endif
        @if($wa)<a class="btn btn-secondary btn-sm" href="https://wa.me/{{ $wa }}?text={{ rawurlencode('Hi INFOTICS, a question about quotation '.$quote->number) }}" rel="noopener"><x-icon name="whatsapp" :size="16"/> WhatsApp</a>@endif
        <a class="btn btn-secondary btn-sm" href="mailto:{{ setting('contact_email') }}?subject={{ rawurlencode('Quotation '.$quote->number) }}"><x-icon name="mail" :size="16"/> Email</a>
      </div>
    </div>
  </div>
</section>
@endsection
@push('scripts')<script src="{{ asset_v('assets/js/trust.js') }}" defer nonce="{{ csp_nonce() }}"></script>@endpush