@extends('admin.admin_dashboard')

@section('customcss')
<style>
        body {
            font-family: "Segoe UI", Arial, sans-serif;
            background: #fff;
            font-size: 12px;
        }

        .receipt-container {
            width: 100%;
            margin: 0 auto;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 10px;
        }

        .receipt {
            border: 1px solid #000;
            padding: 12px 18px;
            min-height: 480p;x
        }

        .receipt-header {
            text-align: center;
            border-bottom: 1px solid #000;
            margin-bottom: 8px;
            padding-bottom: 6px;
        }

        .receipt-header h2 {
            margin: 0;
            font-size: 16px;
            font-weight: bold;
        }

        .receipt-header p {
            margin: 2px 0;
            font-size: 11px;
        }

        .section-title {
            font-weight: 600;
            margin: 10px 0 5px;
            border-left: 3px solid #000;
            padding-left: 5px;
            font-size: 12px;
        }

        table {
            width: 100%;
            border-collapse: collapse;
            margin-bottom: 6px;
        }

        table th, table td {
            border: 1px solid #000;
            padding: 5px;
            font-size: 11px;
        }

        .total-row td {
            font-weight: bold;
        }

        .signature {
            margin-top: 25px;
            display: flex;
            justify-content: space-between;
            font-size: 11px;
        }

        .signature div {
            border-top: 1px solid #000;
            padding-top: 4px;
            text-align: center;
            width: 45%;
        }

        .copy-label {
            text-align: center;
            font-weight: bold;
            margin-top: 6px;
            font-size: 12px;
        }

        .btn-print {
            margin: 20px auto;
            display: block;
        }

        
    </style>

@section('admin')
<div class="content-body">
    <div class="container-fluid">
        <div class="row page-titles">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="javascript:void(0)">Payments</a></li>
                <li class="breadcrumb-item active"><a href="javascript:void(0)">Payment Invoice</a></li>
            </ol>
        </div>

        
        <div class="receipt-container">

    <!-- Student Copy -->
    <div class="receipt">
        <div class="receipt-header">
            <h2>{{ $schoolInfo->school_name }}</h2>
            <p>{{ $schoolInfo->address }}</p>
            <p>Phone: {{ $schoolInfo->phone }} | Email: {{ $schoolInfo->email }}</p>
            <p>EIIN No: {{ $schoolInfo->eiin_number }}</p>
            <h6 class="copy-label">Payment Receipt - Student Copy</h6>
            <p><strong>Invoice:</strong> {{ $payment->invoice_no }} | 
               <strong>Date:</strong> {{ $payment->payment_date }}</p>
        </div>

        <div class="student-info">
            <h6 class="section-title">Student Information</h6>
            <p><strong>Name:</strong> {{ $payment->student->student_name_english }}</p>
            <p><strong>Class:</strong> {{ $registration->class->name ?? 'N/A' }} |
               <strong>Section:</strong> {{ $registration->section->name ?? 'N/A' }} |
               <strong>Roll:</strong> {{ $payment->student->admission_roll }}</p>
        </div>

        <h6 class="section-title">Payment Details</h6>
        <table>
            <thead>
                <tr>
                    <th>Fee Type</th>
                    <th>Amount Paid</th>
                </tr>
            </thead>
            <tbody>
                @php $total = 0; @endphp
                @foreach($paymentItems as $item)
                    <tr>
                        <td>{{ $item->fee->note ?? 'N/A' }}</td>
                        <td>৳{{ number_format($item->fee->amount,2) }}</td>
                    </tr>
                    @php $total += $item->fee->amount; @endphp
                @endforeach
                <tr class="total-row">
                    <td>Total Paid</td>
                    <td>৳{{ number_format($total,2) }}</td>
                </tr>
            </tbody>
        </table>

        <div class="payment-method">
            <p><strong>Method:</strong> {{ ucfirst($payment->payment_method) }}</p>
            @if($payment->transaction_id)
                <p><strong>Transaction ID:</strong> {{ $payment->transaction_id }}</p>
            @endif
            @if($payment->note)
                <p><strong>Note:</strong> {{ $payment->note }}</p>
            @endif
        </div>

        <div class="signature">
            <div>Student Signature</div>
            <div>Authorized Signature</div>
        </div>
    </div>

    

</div>


    </div>
</div>
@endsection

@section('customjs')



@endsection