@extends('backend.app')

@section('title', 'Invoice Details')

@push('style')
<style>
    @media print {
        .app-header,
        .app-sidebar,
        .page-header,
        .pageheader-btn,
        #back-to-top,
        .no-print {
            display: none !important;
        }

        .app-content {
            margin: 0 !important;
            padding: 0 !important;
        }

        .card {
            border: none !important;
            box-shadow: none !important;
        }
    }
</style>
@endpush

@section('content')
@php
    $transaction = $ticket->transaction;
    $buyer = $ticket->buyer;
    $raffle = $ticket->raffle;
    $formatDate = function ($value) {
        if (!$value) {
            return 'N/A';
        }

        try {
            return \Illuminate\Support\Carbon::parse($value)->format('Y-m-d H:i');
        } catch (Exception $e) {
            return 'N/A';
        }
    };
@endphp

<div class="page-header">
    <div>
        <h1 class="page-title">Invoice Details</h1>
    </div>
    <div class="ms-auto pageheader-btn no-print">
        <button type="button" class="btn btn-primary" onclick="window.print()">
            <i class="fa fa-print me-1"></i> Print
        </button>
    </div>
</div>

<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-body">
                <div class="row g-4">
                    <div class="col-md-6">
                        <h5 class="mb-3">Buyer Details</h5>
                        <div class="mb-2"><strong>Name:</strong> {{ $transaction?->name ?? $buyer?->name ?? 'N/A' }}</div>
                        <div class="mb-2"><strong>Email:</strong> {{ $transaction?->email ?? $buyer?->email ?? 'N/A' }}</div>
                        <div class="mb-2"><strong>Phone:</strong> {{ $transaction?->phone ?? $buyer?->phone ?? 'N/A' }}</div>
                        <div class="mb-2"><strong>Address:</strong> {{ $transaction?->address ?? 'N/A' }}</div>
                    </div>

                    <div class="col-md-6">
                        <h5 class="mb-3">Raffle Details</h5>
                        <div class="mb-2"><strong>Raffle:</strong> {{ $raffle?->property?->title ?? 'N/A' }}</div>
                        <div class="mb-2"><strong>Raffle ID:</strong> {{ $raffle?->id ?? 'N/A' }}</div>
                        <div class="mb-2"><strong>Start Date:</strong> {{ $formatDate($raffle?->start_date) }}</div>
                        <div class="mb-2"><strong>Draw Date:</strong> {{ $formatDate($raffle?->draw_date) }}</div>
                    </div>
                </div>

                <hr class="my-4">

                <div class="row g-4">
                    <div class="col-md-6">
                        <h5 class="mb-3">Transaction Details</h5>
                        <div class="mb-2"><strong>Transaction ID:</strong> {{ $transaction?->id ?? 'N/A' }}</div>
                        <div class="mb-2"><strong>Status:</strong> {{ $transaction?->status ? ucwords(str_replace('_', ' ', $transaction->status)) : 'N/A' }}</div>
                        <div class="mb-2"><strong>Amount:</strong> {{ $transaction?->amount !== null ? '$' . number_format((float) $transaction->amount, 2) : 'N/A' }}</div>
                        <div class="mb-2"><strong>Completed At:</strong> {{ $formatDate($transaction?->completed_at) }}</div>
                    </div>

                    <div class="col-md-6">
                        <h5 class="mb-3">Ticket Details</h5>
                        <div class="mb-2"><strong>Ticket Number:</strong> {{ $ticket->ticket_number }}</div>
                        <div class="mb-2"><strong>Ticket Status:</strong> {{ ucwords(str_replace('_', ' ', $ticket->status)) }}</div>
                        <div class="mb-2"><strong>Purchased At:</strong> {{ $formatDate($ticket->created_at) }}</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection