{{-- resources/views/invoicing/credit-notes/show.blade.php --}}
@extends('layouts.app')
@section('title', 'Credit Note ' . $creditNote->reference)
@section('page_title', $creditNote->reference)
@section('page_subtitle', 'Credit note details')

@section('content')

<div class="d-flex gap-2 mb-3">
    <a href="{{ tenant_route('invoicing.credit-notes.index') }}"
       class="btn btn-sm btn-outline-secondary">← Credit Notes</a>

    @if($creditNote->status === 'active')
        <form method="POST"
              action="{{ tenant_route('invoicing.credit-notes.void', ['creditNote' => $creditNote->id]) }}"
              onsubmit="return confirm('Void this credit note?')">
            @csrf
            <button class="btn btn-sm btn-outline-danger"
                    type="submit">
                Void
            </button>
        </form>
    @endif
</div>

<div class="row justify-content-center">
<div class="col-md-6">
    <div class="card">
        <div class="card-header">
            <span class="card-title">Credit Note Details</span>
            <span style="font-size:.73rem;font-weight:600;
                         padding:3px 9px;border-radius:20px;
                         background:{{ $creditNote->status === 'active' ? '#d1fae5' : '#fee2e2' }};
                         color:{{ $creditNote->status === 'active' ? '#065f46' : '#991b1b' }};">
                {{ ucfirst($creditNote->status) }}
            </span>
        </div>
        <div class="card-body">
            <div style="display:flex;flex-direction:column;gap:10px;
                        font-size:.82rem;">
                <div style="display:flex;justify-content:space-between;">
                    <span style="color:var(--muted);">Reference</span>
                    <span class="fw-semibold" style="color:var(--clay);">
                        {{ $creditNote->reference }}
                    </span>
                </div>
                <div style="display:flex;justify-content:space-between;">
                    <span style="color:var(--muted);">Amount</span>
                    <span class="fw-bold">
                        {{ $creditNote->currency }}
                        {{ number_format($creditNote->amount, 2) }}
                    </span>
                </div>
                <div style="display:flex;justify-content:space-between;">
                    <span style="color:var(--muted);">Used</span>
                    <span>
                        {{ $creditNote->currency }}
                        {{ number_format($creditNote->amount_used, 2) }}
                    </span>
                </div>
                <div style="display:flex;justify-content:space-between;">
                    <span style="color:var(--muted);">Remaining</span>
                    <span class="fw-semibold" style="color:var(--success);">
                        {{ $creditNote->currency }}
                        {{ number_format($creditNote->amount_remaining, 2) }}
                    </span>
                </div>
                @if($creditNote->guest)
                    <div style="display:flex;justify-content:space-between;">
                        <span style="color:var(--muted);">Guest</span>
                        <span>
                            {{ $creditNote->guest->first_name }}
                            {{ $creditNote->guest->last_name }}
                        </span>
                    </div>
                @endif
                @if($creditNote->invoice)
                    <div style="display:flex;justify-content:space-between;">
                        <span style="color:var(--muted);">Invoice</span>
                        <a href="{{ tenant_route('invoicing.invoices.show', ['invoice' => $creditNote->invoice->id]) }}"
                           style="color:var(--clay);">
                            {{ $creditNote->invoice->invoice_number }}
                        </a>
                    </div>
                @endif
                <div style="display:flex;justify-content:space-between;">
                    <span style="color:var(--muted);">Created</span>
                    <span>{{ $creditNote->created_at->format('d M Y') }}</span>
                </div>
                @if($creditNote->expires_at)
                    <div style="display:flex;justify-content:space-between;">
                        <span style="color:var(--muted);">Expires</span>
                        <span style="{{ $creditNote->expires_at->isPast() ? 'color:var(--danger)' : '' }}">
                            {{ $creditNote->expires_at->format('d M Y') }}
                        </span>
                    </div>
                @endif
                <div style="padding-top:8px;border-top:1px solid var(--border);">
                    <div style="font-size:.68rem;font-weight:700;
                                text-transform:uppercase;letter-spacing:.08em;
                                color:var(--muted);margin-bottom:4px;">
                        Reason
                    </div>
                    <div style="color:var(--muted);line-height:1.5;">
                        {{ $creditNote->reason }}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>

@endsection