<!DOCTYPE html>
<html lang="bn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>পেমেন্ট রশিদ - {{ $payment->receipt_no }}</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css">
    <style>
        body {
            font-family: 'SolaimanLipi', 'Arial', sans-serif;
            background: #f5f5f5;
        }
        .receipt-box {
            max-width: 800px;
            margin: 20px auto;
            background: white;
            padding: 30px;
            border-radius: 10px;
            box-shadow: 0 0 20px rgba(0,0,0,0.1);
            border: 1px solid #ddd;
        }
        .receipt-header {
            text-align: center;
            border-bottom: 2px solid #1e4a6d;
            padding-bottom: 20px;
            margin-bottom: 20px;
        }
        .receipt-header h2 {
            color: #1e4a6d;
            margin: 10px 0;
        }
        .receipt-header h4 {
            color: #666;
        }
        .receipt-no {
            font-size: 24px;
            color: #1e4a6d;
            font-weight: bold;
        }
        .table-bordered {
            border: 2px solid #dee2e6;
        }
        .table-bordered th, .table-bordered td {
            border: 1px solid #dee2e6;
            padding: 12px;
        }
        .amount-box {
            background: #e8f4f8;
            padding: 15px;
            border-radius: 5px;
            text-align: center;
            margin: 20px 0;
        }
        .amount-box h3 {
            color: #28a745;
            font-size: 32px;
            margin: 0;
        }
        .footer {
            margin-top: 30px;
            padding-top: 20px;
            border-top: 1px dashed #ccc;
            text-align: center;
            color: #666;
        }
        .signature-box {
            margin-top: 40px;
        }
        .signature-line {
            border-top: 1px solid #000;
            width: 200px;
            margin-top: 40px;
        }
        @media print {
            body {
                background: white;
            }
            .receipt-box {
                box-shadow: none;
                margin: 0;
                padding: 15px;
            }
            .no-print {
                display: none !important;
            }
        }
    </style>
</head>
<body>
    <div class="receipt-box">
        <!-- Header -->
        <div class="receipt-header">
            <img src="{{ asset('images/school-logo.png') }}" height="80" alt="Logo">
            <h2>আদর্শ উচ্চ বিদ্যালয়</h2>
            <h4>উত্তরা, ঢাকা-১২৩০</h4>
            <h5>পেমেন্ট রশিদ / পে-স্লিপ</h5>
            <div class="receipt-no">রশিদ নং: {{ $payment->receipt_no }}</div>
        </div>

        <!-- Student Info -->
        <table class="table table-bordered">
            <tr>
                <th width="30%">ছাত্রের নাম</th>
                <td>{{ $payment->student->name_bn }} ({{ $payment->student->name_en }})</td>
            </tr>
            <tr>
                <th>ছাত্র আইডি</th>
                <td>{{ $payment->student->student_id }}</td>
            </tr>
            <tr>
                <th>শ্রেণি/শাখা</th>
                <td>{{ $payment->fee->class->class_name_bn ?? '' }} {{ $payment->student->section }} | রোল: {{ $payment->student->roll_number }}</td>
            </tr>
            <tr>
                <th>মোবাইল নম্বর</th>
                <td>{{ $payment->student->phone }}</td>
            </tr>
        </table>

        <!-- Payment Details -->
        <table class="table table-bordered">
            <tr>
                <th width="30%">ফি নম্বর</th>
                <td>{{ $payment->fee->fee_no }}</td>
            </tr>
            <tr>
                <th>মাস/বছর</th>
                <td>{{ $payment->fee->month_year->format('F Y') }}</td>
            </tr>
            <tr>
                <th>পেমেন্ট পদ্ধতি</th>
                <td>
                    @if($payment->payment_method == 'cash')
                        নগদ
                    @elseif($payment->payment_method == 'bKash')
                        বিকাশ
                    @elseif($payment->payment_method == 'nagad')
                        নগদ
                    @elseif($payment->payment_method == 'rocket')
                        রকেট
                    @elseif($payment->payment_method == 'bank')
                        ব্যাংক
                    @else
                        {{ $payment->payment_method }}
                    @endif
                </td>
            </tr>
            @if($payment->transaction_id)
            <tr>
                <th>লেনদেন আইডি</th>
                <td>{{ $payment->transaction_id }}</td>
            </tr>
            @endif
            <tr>
                <th>পেমেন্ট তারিখ</th>
                <td>{{ $payment->payment_date->format('d F, Y') }}</td>
            </tr>
            <tr>
                <th>সময়</th>
                <td>{{ $payment->created_at->format('h:i A') }}</td>
            </tr>
            @if($payment->remarks)
            <tr>
                <th>মন্তব্য</th>
                <td>{{ $payment->remarks }}</td>
            </tr>
            @endif
        </table>

        <!-- Amount -->
        <div class="amount-box">
            <h4>পরিশোধিত পরিমাণ</h4>
            <h3>{{ number_format($payment->amount, 2) }} টাকা</h3>
            <p class="text-muted">({{ number_to_words($payment->amount) }} টাকা মাত্র)</p>
        </div>

        <!-- Amount Breakdown -->
        <table class="table table-sm">
            <tr>
                <th>মোট ফি:</th>
                <td class="text-right">{{ number_format($payment->fee->total_amount, 2) }} টাকা</td>
            </tr>
            <tr>
                <th>বিলম্ব ফি:</th>
                <td class="text-right">{{ number_format($payment->fee->late_fee, 2) }} টাকা</td>
            </tr>
            <tr>
                <th>ছাড়:</th>
                <td class="text-right">{{ number_format($payment->fee->discount, 2) }} টাকা</td>
            </tr>
            <tr>
                <th>পূর্বে পরিশোধিত:</th>
                <td class="text-right">{{ number_format($payment->fee->paid_amount - $payment->amount, 2) }} টাকা</td>
            </tr>
            <tr>
                <th>বর্তমান পেমেন্ট:</th>
                <td class="text-right text-success">{{ number_format($payment->amount, 2) }} টাকা</td>
            </tr>
            <tr>
                <th>মোট পরিশোধিত:</th>
                <td class="text-right text-primary">{{ number_format($payment->fee->paid_amount, 2) }} টাকা</td>
            </tr>
            <tr>
                <th>বাকি আছে:</th>
                <td class="text-right text-danger">{{ number_format($payment->fee->due_amount, 2) }} টাকা</td>
            </tr>
        </table>

        <!-- Signature -->
        <div class="signature-box row">
            <div class="col-4">
                <div class="signature-line"></div>
                <p class="text-center">গ্রাহকের স্বাক্ষর</p>
            </div>
            <div class="col-4 offset-4">
                <div class="signature-line"></div>
                <p class="text-center">{{ $payment->collector->name ?? 'কালেক্টর' }} এর স্বাক্ষর</p>
            </div>
        </div>

        <!-- Footer -->
        <div class="footer">
            <p>এই রশিদটি অফিসিয়াল রেকর্ড হিসেবে গণ্য হবে। পরবর্তী প্রয়োজন পর্যন্ত সংরক্ষণ করুন।</p>
            <p>সফটওয়্যার জেনারেটেড রশিদ - স্বাক্ষরের প্রয়োজন নেই</p>
            <p>হটলাইন: ১৬৬০৩ | ইমেইল: info@adarshaschool.edu.bd</p>
        </div>

        <!-- Print Button -->
        <div class="text-center no-print mt-3">
            <button onclick="window.print()" class="btn btn-primary">
                <i class="fa fa-print"></i> প্রিন্ট / ডাউনলোড
            </button>
            <button onclick="window.close()" class="btn btn-secondary">
                বন্ধ করুন
            </button>
        </div>
    </div>
</body>
</html>