@extends('admin.layouts.dashboard')

@section('title', 'Admission Form')

@section('content')
    @php
        $subscription = $member->packageProfile->last();
    @endphp

    <x-page-header
        :title="ucwords($member->fullname)"
        description="Printable admission form."
        :breadcrumbs="['Dashboard' => url('/dashboard'), 'Members' => url('/members'), 'Admission form' => null]"
    >
        <x-slot:actions>
            <a href="{{ route('members.edited', ['id' => $member->id, 'status' => 1]) }}" class="btn btn--secondary">
                <i class="fa-solid fa-pen" aria-hidden="true"></i>
                Edit
            </a>
            <button type="button" class="btn btn--primary" onclick="printPageArea('admission-form')">
                <i class="fa-solid fa-print" aria-hidden="true"></i>
                Print form
            </button>
        </x-slot:actions>
    </x-page-header>

    <x-card :flush="true">
        <div id="admission-form" class="print-area" style="padding: var(--space-6);">
            <header class="u-flex u-items-center u-gap-4 u-mb-6" style="border-bottom:1px solid var(--color-border); padding-bottom:var(--space-5);">
                <img src="{{ asset(config('company.logo')) }}" alt="{{ config('company.name') }} logo" width="96" height="96" style="object-fit:contain;">

                <div style="flex:1; text-align:center;">
                    <h2 style="font-size:var(--text-2xl); letter-spacing:0.04em;">{{ config('company.legal_name') }}</h2>
                    <p class="u-text-secondary" style="font-size:var(--text-xs); margin:var(--space-2) 0 0;">
                        @foreach (config('company.address_lines') as $line)
                            {{ $line }}<br>
                        @endforeach
                        Contact: {{ config('company.phone') }} &middot; {{ config('company.email') }}<br>
                        {{ config('company.website') }}
                    </p>
                    <p style="margin:var(--space-3) 0 0; font-weight:var(--weight-bold); letter-spacing:0.08em;">ADMISSION FORM</p>
                </div>

                <x-photo
                    :path="$profile_image_path"
                    :file="$member->pic"
                    :alt="'Photo of '.ucwords($member->fullname)"
                    width="96"
                    height="120"
                    style="object-fit:cover; border:1px solid var(--color-border); border-radius:var(--radius-sm);"
                />
            </header>

            <table class="data-table">
                <tbody>
                    <tr>
                        <td colspan="3">
                            <span class="data-table__label">Name</span>
                            <span class="data-table__value u-capitalize">{{ $member->fullname }}</span>
                        </td>
                    </tr>
                    <tr>
                        <td><span class="data-table__label">Age</span><span class="data-table__value">{{ $member->age }}</span></td>
                        <td><span class="data-table__label">Nationality</span><span class="data-table__value u-capitalize">{{ $member->nationality }}</span></td>
                        <td><span class="data-table__label">Sex</span><span class="data-table__value">{{ $sex[$member->sex] ?? '—' }}</span></td>
                    </tr>
                    <tr>
                        <td><span class="data-table__label">Occupation</span><span class="data-table__value u-capitalize">{{ $member->occupation }}</span></td>
                        <td><span class="data-table__label">Height</span><span class="data-table__value">{{ $member->height }}</span></td>
                        <td><span class="data-table__label">Weight</span><span class="data-table__value">{{ $member->weight }}</span></td>
                    </tr>
                    <tr>
                        <td colspan="3">
                            <span class="data-table__label">Present address</span>
                            <span class="data-table__value u-capitalize">{{ $member->present_address }}</span>
                        </td>
                    </tr>
                    <tr>
                        <td><span class="data-table__label">Phone number</span><span class="data-table__value">{{ $member->phone_number ?: '—' }}</span></td>
                        <td><span class="data-table__label">PIN</span><span class="data-table__value">{{ $member->pin2 ?: '—' }}</span></td>
                        <td><span class="data-table__label">ID</span><span class="data-table__value">{{ $member->id }}</span></td>
                    </tr>
                    <tr>
                        <td colspan="3">
                            <span class="data-table__label">Interested to get enrolled in</span>
                            <span class="data-table__value">{{ $interested_for[$member->interested_for] ?? '—' }}</span>
                        </td>
                    </tr>
                    <tr>
                        <td><span class="data-table__label">Worked out before</span><span class="data-table__value">{{ $member->workout_history ? 'Yes' : 'No' }}</span></td>
                        <td><span class="data-table__label">Suffering any disease</span><span class="data-table__value">{{ $member->health_problem ? 'Yes' : 'No' }}</span></td>
                        <td><span class="data-table__label">Blood group</span><span class="data-table__value">{{ $blood_group[$member->blood_group] ?? '—' }}</span></td>
                    </tr>
                    <tr>
                        <td><span class="data-table__label">Emergency contact</span><span class="data-table__value">{{ $member->emergency_contact ?: '—' }}</span></td>
                        <td colspan="2">
                            <span class="data-table__label">NID / Passport / Birth certificate / Student ID</span>
                            <span class="data-table__value">{{ $member->identification_id ?: '—' }}</span>
                        </td>
                    </tr>
                    <tr>
                        <td><span class="data-table__label">Registration date</span><span class="data-table__value">{{ $member->registration_date ? date('d M Y', strtotime($member->registration_date)) : '—' }}</span></td>
                        <td colspan="2"><span class="data-table__label">Gym ID</span><span class="data-table__value">{{ $member->gym_id ?: '—' }}</span></td>
                    </tr>

                    @if ($subscription)
                        <tr>
                            <td><span class="data-table__label">Membership package</span><span class="data-table__value u-capitalize">{{ $packages[$subscription->package_id] ?? '—' }}</span></td>
                            <td><span class="data-table__label">Start date</span><span class="data-table__value">{{ date('d M Y', strtotime($subscription->starting_date)) }}</span></td>
                            <td><span class="data-table__label">End date</span><span class="data-table__value">{{ date('d M Y', strtotime($subscription->ending_date)) }}</span></td>
                        </tr>
                        <tr>
                            <td><span class="data-table__label">Amount</span><span class="data-table__value">{{ number_format($subscription->amount, 2) }}</span></td>
                            <td><span class="data-table__label">Discount</span><span class="data-table__value">{{ number_format($subscription->discount, 2) }}</span></td>
                            <td>
                                <span class="data-table__label">Paid / Due</span>
                                <span class="data-table__value">
                                    {{ number_format($subscription->total_paid, 2) }} / {{ number_format($subscription->total_due, 2) }}
                                </span>
                            </td>
                        </tr>
                    @endif
                </tbody>
            </table>

            <div class="u-flex u-justify-between" style="margin-top: var(--space-16); gap: var(--space-8);">
                <div style="flex:1; border-top:1px solid var(--color-text); padding-top:var(--space-2); font-size:var(--text-xs); font-weight:var(--weight-semibold);">
                    SIGNATURE OF THE AUTHORITY
                </div>
                <div style="flex:1; border-top:1px solid var(--color-text); padding-top:var(--space-2); font-size:var(--text-xs); font-weight:var(--weight-semibold); text-align:right;">
                    SIGNATURE OF THE APPLICANT
                </div>
            </div>
        </div>
    </x-card>
@endsection