@extends('layouts.app')
@section('title', $note->credit_note_number)

@section('content')
    <div class="page-head">
        <div>
            <h1>{{ $note->credit_note_number }}</h1>
            <p>{{ title_case_words($note->type) }} credit · issued {{ $note->issue_date?->format('d M Y') }}</p>
        </div>
        <div class="page-actions">
            <a href="{{ route('print.credit-note', $note) }}" class="btn secondary" target="_blank" rel="noopener">Print</a>
            @if (in_array($note->status, ['draft', 'pending_approval'], true))
                <form method="POST" action="{{ route('credit-notes.approve', $note) }}"
                      data-confirm="Approve {{ $note->credit_note_number }} for {{ money($note->amount) }}?">
                    @csrf
                    <button class="btn" type="submit">Approve</button>
                </form>

                <form method="POST" action="{{ route('credit-notes.reject', $note) }}">
                    @csrf
                    <input type="hidden" name="reason" value="Rejected by reviewer">
                    <button class="btn secondary" type="submit"
                            data-confirm="Reject {{ $note->credit_note_number }}?">Reject</button>
                </form>
            @endif

            @if ($note->status === 'approved')
                <form method="POST" action="{{ route('credit-notes.apply', $note) }}" id="apply-form">
                    @csrf
                    @if (! $note->invoice)
                        <select name="invoice_id" required style="display:inline-block; width:auto;">
                            <option value="">Apply to invoice…</option>
                        </select>
                    @endif
                    <button class="btn" type="submit"
                            data-confirm="Apply {{ money($note->amount) }} to the invoice? This cannot be undone.">
                        Apply to invoice
                    </button>
                </form>
            @endif

            @if ($note->status !== 'applied' && $note->status !== 'void')
                <form method="POST" action="{{ route('credit-notes.void', $note) }}"
                      data-confirm="Void {{ $note->credit_note_number }}?">
                    @csrf
                    <button class="btn danger" type="submit">Void</button>
                </form>
            @endif
        </div>
    </div>

    <div class="grid grid-4 mb-2">
        @include('components.kpi', ['label' => 'Credit amount', 'value' => money($note->amount), 'variant' => 'info'])
        @include('components.kpi', ['label' => 'Status', 'value' => title_case_words($note->status),
            'variant' => $note->status === 'applied' ? 'good' : ($note->status === 'void' || $note->status === 'rejected' ? 'bad' : 'warn')])
        @include('components.kpi', ['label' => 'Type', 'value' => title_case_words($note->type)])
        @include('components.kpi', ['label' => 'Approved by',
            'value' => $note->approved_by ? (string) $note->approved_by : '—'])
    </div>

    <div class="grid grid-2">
        <div class="card">
            <div class="card-head"><h3>Credit note</h3></div>
            <div class="card-body">
                <dl>
                    <dt>Number</dt><dd class="mono">{{ $note->credit_note_number }}</dd>
                    <dt>Customer</dt>
                    <dd>
                        @if ($note->customer)
                            <a href="{{ route('customers.show', $note->customer) }}">{{ $note->customer->display_name }}</a>
                        @else — @endif
                    </dd>
                    <dt>Invoice</dt>
                    <dd>
                        @if ($note->invoice)
                            <a class="mono" href="{{ route('invoices.show', $note->invoice) }}">{{ $note->invoice->invoice_number }}</a>
                            <div class="tiny muted">balance now {{ money($note->invoice->balance, $note->invoice->currency) }}</div>
                        @else
                            Not yet applied
                        @endif
                    </dd>
                    <dt>Amount</dt><dd class="strong">{{ money($note->amount) }}</dd>
                    <dt>Type</dt><dd>{{ title_case_words($note->type) }}</dd>
                    <dt>Issue date</dt><dd>{{ $note->issue_date?->format('d M Y') }}</dd>
                    <dt>Status</dt>
                    <dd><span class="badge {{ status_color($note->status) }}">
                        <span class="dot"></span>{{ title_case_words($note->status) }}</span></dd>
                    <dt>Reason</dt><dd>{{ $note->reason }}</dd>
                </dl>
            </div>
        </div>

        <div class="card">
            <div class="card-head"><h3>Target invoice</h3></div>
            <div class="card-body">
                @if ($note->invoice)
                    <table class="data">
                        <thead><tr><th>Description</th><th class="num">Amount</th></tr></thead>
                        <tbody>
                        @foreach ($note->invoice->items as $item)
                            <tr>
                                <td class="small">{{ $item->description }}</td>
                                <td class="num">{{ money($item->amount) }}</td>
                            </tr>
                        @endforeach
                        </tbody>
                        <tfoot>
                        <tr><td class="strong">Invoice total</td>
                            <td class="num strong">{{ money($note->invoice->total) }}</td></tr>
                        <tr><td>Already paid</td>
                            <td class="num">{{ money($note->invoice->amount_paid) }}</td></tr>
                        <tr><td>Credit applied</td>
                            <td class="num">{{ money($note->invoice->credit_applied) }}</td></tr>
                        <tr><td class="strong">Balance</td>
                            <td class="num strong">{{ money($note->invoice->balance, $note->invoice->currency) }}</td></tr>
                        </tfoot>
                    </table>
                @else
                    @include('components.empty-state', [
                        'icon' => '&#128196;',
                        'title' => 'No invoice linked',
                        'message' => 'Approve the note, then choose which invoice it should settle.',
                    ])
                @endif
            </div>
            @if ($org)
                <div class="card-foot tiny muted">
                    Issued by {{ $org->name }} · ledger posting: debit subscription revenue, credit accounts receivable.
                </div>
            @endif
        </div>
    </div>
@endsection