@extends('layout.master')

@section('title', 'Member Details')

@php
    $genders = [0 => 'Male', 1 => 'Female'];
    $maritials = [0 => 'Married', 1 => 'Unmarried', 2 => 'Widow', 3 => 'Widower', 4 => 'Divorcee'];
    $statuses = [0 => 'Pending', 1 => 'Active', 2 => 'Verified'];
@endphp

@section('content')

    <section>
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-content">
                        <div class="card-header d-flex justify-content-between align-items-center">
                            <h1>Member Details</h1>
                            <div>
                                <button type="button" class="btn btn-outline-primary print_form_btn" data-id="{{ $member->id }}"><i class="la la-printer"></i> Print Form</button>
                                @if ($member->status == 1)
                                    <a href="{{ route('member.card', $member->id) }}" target="_blank" class="btn btn-outline-success"><i class="la la-id-card"></i> Member Card</a>
                                @endif
                            </div>
                        </div>
                        <div class="card-body card-dashboard">
                            @include('inc.messages')

                            <div class="row mb-2">
                                <div class="col-md-3 text-center">
                                    @if ($member->picture)
                                        <img src="{{ asset($member->picture) }}" class="img-thumbnail" style="width: 180px; height: 180px; object-fit: cover;">
                                    @endif
                                    <h4 class="mt-1">{{ $member->name }}</h4>
                                    <span class="badge badge-info">{{ $member->member_number }}</span>
                                    @if ($member->live_number)
                                        <span class="badge badge-warning">{{ $member->live_number }}</span>
                                    @endif
                                    <div class="mt-1">
                                        <span class="badge badge-{{ $member->status == 1 ? 'success' : ($member->status == 2 ? 'primary' : 'secondary') }}">
                                            {{ $statuses[$member->status] ?? 'Unknown' }}
                                        </span>
                                        @if ($member->decease_status == 1)
                                            <span class="badge badge-danger">Deceased</span>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-md-9">
                                    <table class="table table-bordered">
                                        <tbody>
                                            <tr><th style="width:20%">Guardian</th><td>{{ $member->initial }} {{ $member->parent_name }}</td><th style="width:20%">Gender</th><td>{{ $genders[$member->gender] ?? '-' }}</td></tr>
                                            <tr><th>CNIC</th><td>{{ $member->cnic ?: '-' }}</td><th>Date of Birth</th><td>{{ $member->dob }} ({{ $member->age }} yrs)</td></tr>
                                            <tr><th>Mobile #</th><td>{{ $member->mobile_number }}</td><th>WhatsApp #</th><td>{{ $member->whatsapp_number ?: '-' }}</td></tr>
                                            <tr><th>Contact #</th><td>{{ $member->phone }}</td><th>E-mail</th><td>{{ $member->email ?: '-' }}</td></tr>
                                            <tr><th>Marital Status</th><td>{{ $maritials[$member->maritial_status] ?? '-' }}</td><th>Married Where</th><td>{{ $member->married_where ?: '-' }}</td></tr>
                                            <tr><th>Religion</th><td>{{ $member->religion }}</td><th>Nationality</th><td>{{ $member->nationality }}</td></tr>
                                            <tr><th>Blood Group</th><td>{{ $member->blood_group ?: '-' }}</td><th>Qualification</th><td>{{ $member->qualification }}</td></tr>
                                            <tr><th>Profession</th><td>{{ $member->profession ?: '-' }}</td><th>Income</th><td>{{ $member->income ?: '-' }}</td></tr>
                                            <tr><th>District</th><td>{{ $member->district }}</td><th>Village (India)</th><td>{{ $member->village }}</td></tr>
                                            <tr><th>City</th><td>{{ $member->city }}</td><th>Country</th><td>{{ $member->country }}</td></tr>
                                            <tr><th>Cast</th><td>{{ $member->cast ?: '-' }}</td><th>Reside Where</th><td>{{ $member->reside_where ?: '-' }}</td></tr>
                                            <tr><th>Disability</th><td>{{ $member->disabilty ?: '-' }}</td><th>Chronic Disease</th><td>{{ $member->chronic_disease ?: '-' }}</td></tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-6">
                                    <div class="card border">
                                        <div class="card-header"><h4 class="card-title">Permanent (Living) Address</h4></div>
                                        <div class="card-body">
                                            <p><strong>House/Flat #:</strong> {{ $member->perm_house ?: '-' }}</p>
                                            <p><strong>Street/Block:</strong> {{ $member->perm_street ?: '-' }}</p>
                                            <p><strong>Area/Sector:</strong> {{ $member->perm_area ?: '-' }}</p>
                                            <p><strong>City:</strong> {{ $member->perm_city ?: '-' }}</p>
                                            <p class="text-muted mb-0"><em>{{ $member->address }}</em></p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="card border">
                                        <div class="card-header"><h4 class="card-title">CNIC Address</h4></div>
                                        <div class="card-body">
                                            <p><strong>House/Flat #:</strong> {{ $member->cnic_house ?: '-' }}</p>
                                            <p><strong>Street/Block:</strong> {{ $member->cnic_street ?: '-' }}</p>
                                            <p><strong>Area/Sector:</strong> {{ $member->cnic_area ?: '-' }}</p>
                                            <p><strong>City:</strong> {{ $member->cnic_city ?: '-' }}</p>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="card border">
                                <div class="card-header"><h4 class="card-title">Family</h4></div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-md-3"><strong>Father:</strong><br>
                                            @if ($father)<a href="{{ route('member.details', $father->id) }}">{{ $father->name }}</a>@else - @endif
                                        </div>
                                        <div class="col-md-3"><strong>Mother:</strong><br>
                                            @if ($mother)<a href="{{ route('member.details', $mother->id) }}">{{ $mother->name }}</a>@else - @endif
                                        </div>
                                        <div class="col-md-3"><strong>Spouse:</strong><br>
                                            @if ($partner)<a href="{{ route('member.details', $partner->id) }}">{{ $partner->name }}</a>@else - @endif
                                        </div>
                                        <div class="col-md-3"><strong>Children:</strong><br>
                                            @forelse ($children as $child)
                                                <a href="{{ route('member.details', $child->id) }}">{{ $child->name }}</a>@if(!$loop->last), @endif
                                            @empty
                                                -
                                            @endforelse
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <a href="javascript:history.back()" class="btn btn-secondary"><i class="la la-arrow-left"></i> Back</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <form id="print_form_post" method="POST" action="{{ route('member.print_form') }}" target="_blank" style="display:none;">
        @csrf
        <input type="hidden" name="id" value="{{ $member->id }}">
    </form>
@endsection

@section('js')
    <script type="text/javascript">
        $(document).ready(function() {
            $('.print_form_btn').on('click', function () {
                document.getElementById('print_form_post').submit();
            });
        });
    </script>
@endsection