@extends('layouts.panel')

@section('title', 'Registration Successful')
@section('page-title', '')

@section('content')
    <div class="row mt-3">
        <div class="col-lg-10 mx-auto">
            <div class="card shadow-sm border-0">
                <div class="card-body text-center">
                    <!-- Header -->
                    <h1 class="text-success mb-4" style="font-size: 2.25rem; font-weight: 700; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;">Registration Successful</h1>

                    <!-- Total Fee -->
                    <div class="mb-5">
                        <h2 class="text-danger mb-2" style="font-size: 1.6rem; font-weight: 600;">Total Fee</h2>
                        <h2 class="text-primary" style="font-size: 2rem; font-weight: 700;">${{ number_format($paymentBreakdown['total'], 2) }}</h2>
                    </div>

                    <!-- User Information Summary -->
                    <div class="mb-5 p-4 border rounded shadow-sm bg-white" style="font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;">
                        <h5 class="mb-3 text-primary" style="font-weight:600;">User Information</h5>

                        <div style="max-width:600px; margin-left:auto; margin-right:auto;">
                            <div class="d-flex py-2">
                                <div class="fw-semibold text-muted" style="width:200px; text-align:left;">Full Name:</div>
                                <div>{{ $registration->user->name ?? '' }} {{ $registration->user->surname ?? '' }}</div>
                            </div>

                            <div class="d-flex py-2">
                                <div class="fw-semibold text-muted" style="width:200px; text-align:left;">Email:</div>
                                <div>{{ $registration->user->email ?? '' }}</div>
                            </div>

                            <div class="d-flex py-2">
                                <div class="fw-semibold text-muted" style="width:200px; text-align:left;">Phone:</div>
                                <div>{{ $registration->phone_number ?? '-' }}</div>
                            </div>

                            <div class="d-flex py-2">
                                <div class="fw-semibold text-muted" style="width:200px; text-align:left;">Degree:</div>
                                <div>{{ $registration->degree_label ?? 'N/A' }}</div>
                            </div>

                            <div class="d-flex py-2">
                                <div class="fw-semibold text-muted" style="width:200px; text-align:left;">Membership Type:</div>
                                <div>{{ $registration->membership_type_label ?? 'N/A' }}</div>
                            </div>

                            <div class="d-flex py-2">
                                <div class="fw-semibold text-muted" style="width:200px; text-align:left;">ASCS Member:</div>
                                <div>{{ $registration->ascs_label ?? '-' }}</div>
                            </div>

                            <div class="d-flex py-2">
                                <div class="fw-semibold text-muted" style="width:200px; text-align:left;">Selected Papers:</div>
                                <div>{{ $registration->papers_display ?? 'None' }}</div>
                            </div>
                        </div>
                    </div>

                    <!-- PayPal Payment Section -->
                    <div class="mt-5" style="font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;">
                        <h4 class="text-danger mb-3">Registration fee can be paid via Paypal</h4>
                        <p class="mb-2">Total Fee should be paid in Dollars in PayPal.</p>
                        <p class="mb-4">For PayPal payments, we charge an extra 4.5% for covering the fees taken by PayPal.</p>

                        <!-- PayPal Fee Calculation -->
                        <div class="mb-4 p-3 border rounded bg-light">
                            <h5 class="mb-2">PayPal Payment Details:</h5>
                            <p class="mb-1"><strong>Base Amount:</strong> ${{ number_format($paymentBreakdown['total'], 2) }}</p>
                            <p class="mb-1"><strong>PayPal Fee (4.5%):</strong> ${{ number_format($paymentBreakdown['paypalFee'], 2) }}</p>
                            <div class="text-center mt-3 p-3 border rounded bg-warning bg-opacity-10">
                                <h4 class="mb-1 text-danger">Total to Pay via PayPal:</h4>
                                <h2 class="text-primary fw-bold mb-0" style="font-size: 2.25rem;">${{ number_format($paymentBreakdown['paypalTotal'], 2) }}</h2>
                            </div>
                        </div>

                        <!-- PayPal Form -->
                        <div class="text-center">
                            <b><font size="3" color="red">Pay directly with debit/credit card as a guest user of PayPal</font></b>
                            <br><br>
                            <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_blank">
                                <input type="hidden" name="cmd" value="_s-xclick">
                                <input type="hidden" name="hosted_button_id" value="XEJJUZCKWLHJ4">
                                <input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_paynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!" width="200">
                                <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
                            </form>
                        </div>
                    </div>

                    {{-- Bank Transfer Information --}}
                    <div class="text-start mb-4" style="font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;">
                        <div class="p-4 border rounded shadow-sm bg-white">
                            <h4 class="mb-3"><strong>DOLLAR Account information:</strong></h4>
                            <p class="mb-1"><strong>Account owner:</strong> YAZILIM VE SİBER GÜVENLİK DERNEĞİ</p>
                            <p class="mb-1"><strong>IBAN NO:</strong> TR59 0001 0015 6183 9337 9450 06 (Dollar)</p>
                            <p class="mb-1"><strong>SWIFT code:</strong> TCZBTR2AXXX</p>
                            <p class="mb-1"><strong>Account number:</strong> 83933794-5006</p>
                            <p class="mb-0"><strong>Bank branch:</strong> 1561-İstasyon/Elazig-Turkey</p>
                        </div>
                    </div>

                    <div class="text-start mb-4" style="font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;">
                        <div class="p-4 border rounded shadow-sm bg-white">
                            <h4 class="mb-3"><strong>Turkish Lira Account information:</strong></h4>
                            <p class="mb-2"><em>If you want to transfer the registration fee as Turkish Lira, you should convert Dollar into Turkish Lira course.</em></p>
                            <p class="mb-1"><strong>Account owner:</strong> YAZILIM VE SİBER GÜVENLİK DERNEĞİ</p>
                            <p class="mb-1"><strong>IBAN NO:</strong> TR16 0001 0015 6183 9337 9450 04 (Turkish Lira)</p>
                            <p class="mb-1"><strong>Account number:</strong> 83933794-5004</p>
                            <p class="mb-1"><strong>Bank branch:</strong> 1561-İstasyon/Elazig-Turkey</p>
                            <p class="mb-1"><strong>SWIFT code:</strong> TCZBTR2AXXX</p>
                            <p class="mb-0"><strong>Bank Name:</strong> Ziraat Bankasi Firat Subesi (Elazig)</p>
                        </div>
                    </div>

                    <!-- Back Button -->
                    <div class="mt-4">
                        <a href="{{ route('panel.papers.index') }}" class="btn btn-outline-secondary">Back to Papers</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection