@extends('layouts.print')

@section('content')
<style>
/* ===== Thermal Printer Setup ===== */
@page {
    size: 80mm auto;
    margin: 0;
}

body {
    margin: 0;
    padding: 0;
    font-family: monospace;
    font-size: 11px;
    color: #000;
}

.receipt {
    padding: 6px;
}

/* ===== Helpers ===== */
.center {
    text-align: center;
}

.right {
    text-align: right;
}

hr {
    border: none;
    border-top: 1px dashed #000;
    margin: 6px 0;
}

.row {
    display: flex;
    justify-content: space-between;
    gap: 4px;
    margin-bottom: 3px;
}

.label {
    font-weight: bold;
    max-width: 32mm;
}

.value {
    text-align: right;
    max-width: 45mm;
    word-wrap: break-word;
    word-break: break-word;
}
</style>

<div class="receipt">

    {{-- Logo --}}
    <div class="center">
        <img src="{{ url('images/logo-removebg-preview.png') }}"
             style="max-width:70mm;height:auto;">
    </div>

    <hr>

    {{-- Devotee Info --}}
    <div class="center">
        <strong>{{ __('menu.devotee') }}</strong><br>
        {{ $data['devotee_name'] ?? '—' }}<br>
        {{ $data['devotee_mobile'] ?? '—' }}
    </div>

    <hr>

    {{-- Invoice --}}
    <div class="center">
        <strong>{{ __('common.invoice') ?? 'Invoice' }}</strong><br>
        {{ $data['invoice_id'] ?? '—' }}
    </div>

    <hr>

    {{-- Seva Details --}}
    <div class="row">
        <div class="label">{{ __('menu.seva') }}</div>
        <div class="value">{{ $data['seva_title'] ?? '—' }}</div>
    </div>

    <div class="row">
        <div class="label">{{ __('seva.schedule_type') }}</div>
        <div class="value">
            {{ __('seva.' . ($data['seva_schedule_type'] ?? '')) }}
        </div>
    </div>

    <div class="row">
        <div class="label">{{ __('seva.date') }}</div>
        <div class="value">
            {{ $data['seva_date']
                ? \Carbon\Carbon::parse($data['seva_date'])
                    ->format(config('app.date_format_php'))
                : '—'
            }}
        </div>
    </div>

    <div class="row">
        <div class="label">{{ __('common.time') }}</div>
        <div class="value">{{ $data['seva_time'] ?? '—' }}</div>
    </div>

    <hr>

    {{-- Payment Details --}}
    <div class="row">
        <div class="label">{{ __('seva.price') }}</div>
        <div class="value">
            ₹{{ number_format($data['seva_price'] ?? 0, 2) }}
        </div>
    </div>

    <div class="row">
        <div class="label">{{ __('common.payment_status') }}</div>
        <div class="value">
            {{ __('common.' . ($data['payment_status'] ?? '')) }}
        </div>
    </div>

    <div class="row">
        <div class="label">{{ __('common.payment_mode') }}</div>
        <div class="value">
            {{ __('common.' . ($data['payment_mode'] ?? '')) }}
        </div>
    </div>

    <hr>

    {{-- Footer --}}
    <div class="center">
        {{ __('common.thank_you') ?? 'Thank You' }} 🙏
    </div>

</div>
@endsection