@extends('layouts.app')

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

@section('content')
<div class="row">
    <div class="col-xl-4">
        <div class="card">
            <div class="card-body text-center">
                <img src="{{ $member->photo ? asset('storage/' . $member->photo) : asset('assets/images/avatar/placeholder.avif') }}" alt="" class="rounded-circle mb-3" width="150" height="150">
                <h4 class="mb-1">{{ $member->full_name }}</h4>
                <p class="text-muted">{{ $member->gym->name ?? 'N/A' }}</p>
                <div class="d-flex justify-content-center gap-2">
                    <a href="{{ route('members.edit', $member->id) }}" class="btn btn-primary btn-sm">
                        <i class="fas fa-pencil-alt"></i> Edit
                    </a>
                    <form action="{{ route('members.destroy', $member->id) }}" method="POST" class="d-inline" onsubmit="return confirm('Are you sure?');">
                        @csrf
                        @method('DELETE')
                        <button type="submit" class="btn btn-danger btn-sm">
                            <i class="fa fa-trash"></i> Delete
                        </button>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xl-8">
        <div class="card">
            <!-- Tabs Navigation -->
            <div class="card-header border-0 pb-0">
                <ul class="nav nav-tabs card-header-tabs nav-underline" role="tablist">
                    <li class="nav-item" role="presentation">
                        <button class="nav-link active" id="overview-tab" data-bs-toggle="tab" data-bs-target="#overview" type="button" role="tab">
                            <i class="fas fa-user me-2"></i> Overview
                        </button>
                    </li>
                    <li class="nav-item" role="presentation">
                        <button class="nav-link" id="payments-tab" data-bs-toggle="tab" data-bs-target="#payments" type="button" role="tab">
                            <i class="fas fa-money-bill-wave me-2"></i> Payments
                            @if($member->payments->count() > 0)
                                <span class="badge bg-primary ms-2">{{ $member->payments->count() }}</span>
                            @endif
                        </button>
                    </li>
                    <li class="nav-item" role="presentation">
                        <button class="nav-link" id="attendance-tab" data-bs-toggle="tab" data-bs-target="#attendance" type="button" role="tab">
                            <i class="fas fa-calendar-check me-2"></i> Attendance
                            @if($member->attendance->count() > 0)
                                <span class="badge bg-info ms-2">{{ $member->attendance->count() }}</span>
                            @endif
                        </button>
                    </li>
                </ul>
            </div>
            
            <!-- Tab Content -->
            <div class="card-body">
                <div class="tab-content" id="memberTabsContent">
                    <!-- Overview Tab -->
                    <div class="tab-pane fade show active" id="overview" role="tabpanel" aria-labelledby="overview-tab">
                        <!-- Member Information -->
                        <div class="mb-4">
                            <h5 class="mb-3"><i class="fas fa-info-circle me-2"></i>Member Information</h5>
                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <strong>Email:</strong> {{ $member->email ?? 'N/A' }}
                                </div>
                                <div class="col-md-6 mb-3">
                                    <strong>Phone:</strong> {{ $member->phone ?? 'N/A' }}
                                </div>
                                <div class="col-md-6 mb-3">
                                    <strong>Join Date:</strong> {{ $member->join_date->format('d/m/Y') }}
                                </div>
                                <div class="col-md-6 mb-3">
                                    <strong>Status:</strong>
                                    @if($member->membership_status == 'active')
                                        <span class="badge bg-success">Active</span>
                                    @elseif($member->membership_status == 'expired')
                                        <span class="badge bg-danger">Expired</span>
                                    @elseif($member->membership_status == 'suspended')
                                        <span class="badge bg-warning">Suspended</span>
                                    @else
                                        <span class="badge bg-secondary">Cancelled</span>
                                    @endif
                                </div>
                                <div class="col-md-6 mb-3">
                                    <strong>Expiry Date:</strong> {{ $member->expiry_date ? $member->expiry_date->format('d/m/Y') : 'N/A' }}
                                </div>
                                @if($member->gym && $member->gym->attendance_enabled)
                                <div class="col-md-6 mb-3">
                                    <strong>Attendance Type:</strong>
                                    @if(($member->attendance_type ?? 'manual') == 'biometric')
                                        <span class="badge bg-info">
                                            <i class="fas fa-fingerprint"></i> Biometric Attendance
                                        </span>
                                        @if($member->biometric_enrolled)
                                            <span class="badge bg-success ms-2">
                                                <i class="fas fa-check-circle"></i> Enrolled
                                            </span>
                                        @else
                                            <span class="badge bg-warning ms-2">
                                                <i class="fas fa-exclamation-circle"></i> Not Synced
                                            </span>
                                        @endif
                                    @else
                                        <span class="badge bg-secondary">
                                            <i class="fas fa-hand-pointer"></i> Manual Attendance
                                        </span>
                                    @endif
                                </div>
                                @endif
                            </div>
                            @if($member->gym && $member->gym->attendance_enabled && ($member->attendance_type ?? 'manual') != 'biometric')
                            <div class="row mt-3">
                                <div class="col-12">
                                    <form action="{{ route('members.sync-biometric', $member->id) }}" method="POST" class="d-inline" onsubmit="return confirm('This will sync the member with the biometric device and enable biometric attendance. Continue?');">
                                        @csrf
                                        <button type="submit" class="btn btn-info btn-sm">
                                            <i class="fas fa-sync-alt"></i> Sync with Biometric Device
                                        </button>
                                    </form>
                                    <small class="text-muted d-block mt-2">Click to connect this member with the biometric device for automatic attendance tracking.</small>
                                </div>
                            </div>
                            @endif
                        </div>
                        
                        <!-- Current Membership Plan -->
                        @php
                            $activeMembership = $member->memberships()->where('status', 'active')->latest()->first();
                        @endphp
                        @if($activeMembership && $activeMembership->plan)
                        <div class="mb-4">
                            <h5 class="mb-3"><i class="fas fa-id-card me-2"></i>Current Membership Plan</h5>
                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <strong>Plan Name:</strong> {{ $activeMembership->plan->name }}
                                </div>
                                <div class="col-md-6 mb-3">
                                    <strong>Price:</strong> Rs {{ number_format($activeMembership->amount_paid, 2) }}
                                </div>
                                <div class="col-md-6 mb-3">
                                    <strong>Start Date:</strong> {{ $activeMembership->start_date->format('d/m/Y') }}
                                </div>
                                <div class="col-md-6 mb-3">
                                    <strong>End Date:</strong> {{ $activeMembership->end_date->format('d/m/Y') }}
                                </div>
                                <div class="col-md-6 mb-3">
                                    <strong>Duration:</strong> {{ $activeMembership->plan->duration_value }} {{ $activeMembership->plan->duration_type }}
                                </div>
                                <div class="col-md-6 mb-3">
                                    <strong>Status:</strong>
                                    @if($activeMembership->status == 'active')
                                        <span class="badge bg-success">Active</span>
                                    @elseif($activeMembership->status == 'expired')
                                        <span class="badge bg-danger">Expired</span>
                                    @elseif($activeMembership->status == 'frozen')
                                        <span class="badge bg-warning">Frozen</span>
                                    @else
                                        <span class="badge bg-secondary">Cancelled</span>
                                    @endif
                                </div>
                            </div>
                        </div>
                        @endif
                        
                        <!-- Membership History -->
                        @if($member->memberships->count() > 0)
                        <div>
                            <h5 class="mb-3"><i class="fas fa-history me-2"></i>Membership History</h5>
                            <div class="table-responsive">
                                <table class="table table-sm table-hover">
                                    <thead class="table-light">
                                        <tr>
                                            <th>Plan</th>
                                            <th>Start Date</th>
                                            <th>End Date</th>
                                            <th>Amount</th>
                                            <th>Status</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($member->memberships->sortByDesc('start_date') as $membership)
                                        <tr>
                                            <td>{{ $membership->plan->name ?? 'N/A' }}</td>
                                            <td>{{ $membership->start_date->format('d/m/Y') }}</td>
                                            <td>{{ $membership->end_date->format('d/m/Y') }}</td>
                                            <td>Rs {{ number_format($membership->amount_paid, 2) }}</td>
                                            <td>
                                                @if($membership->status == 'active')
                                                    <span class="badge bg-success">Active</span>
                                                @elseif($membership->status == 'expired')
                                                    <span class="badge bg-danger">Expired</span>
                                                @elseif($membership->status == 'frozen')
                                                    <span class="badge bg-warning">Frozen</span>
                                                @else
                                                    <span class="badge bg-secondary">Cancelled</span>
                                                @endif
                                            </td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        @endif
                    </div>
                    
                    <!-- Payments Tab -->
                    <div class="tab-pane fade" id="payments" role="tabpanel" aria-labelledby="payments-tab">
                        @if($member->payments->count() > 0)
                        <div class="d-flex justify-content-between align-items-center mb-3">
                            <h5 class="mb-0"><i class="fas fa-money-bill-wave me-2"></i>All Payments</h5>
                            <span class="badge bg-primary">{{ $member->payments->count() }} Payment(s)</span>
                        </div>
                        <div class="table-responsive" style="max-height: 500px; overflow-y: auto;">
                            <table class="table table-sm table-hover">
                                <thead class="table-light sticky-top">
                                    <tr>
                                        <th>Invoice #</th>
                                        <th>Date</th>
                                        <th>Due Date</th>
                                        <th>Amount</th>
                                        <th>Method</th>
                                        <th>Status</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($member->payments->sortByDesc(function($payment) {
                                        return $payment->paid_date ?? $payment->due_date ?? $payment->created_at;
                                    }) as $payment)
                                    <tr>
                                        <td>
                                            <strong>{{ $payment->invoice_number ?? 'N/A' }}</strong>
                                        </td>
                                        <td>
                                            @if($payment->paid_date)
                                                {{ $payment->paid_date->format('d/m/Y') }}
                                            @elseif($payment->created_at)
                                                {{ $payment->created_at->format('d/m/Y') }}
                                            @else
                                                N/A
                                            @endif
                                        </td>
                                        <td>
                                            @if($payment->due_date)
                                                {{ $payment->due_date->format('d/m/Y') }}
                                            @else
                                                <span class="text-muted">N/A</span>
                                            @endif
                                        </td>
                                        <td><strong>Rs {{ number_format($payment->total_amount, 2) }}</strong></td>
                                        <td>{{ ucfirst(str_replace('_', ' ', $payment->payment_method ?? 'N/A')) }}</td>
                                        <td>
                                            @if($payment->status == 'paid')
                                                <span class="badge bg-success">Paid</span>
                                            @elseif($payment->status == 'pending')
                                                <span class="badge bg-warning">Pending</span>
                                            @elseif($payment->status == 'failed')
                                                <span class="badge bg-danger">Failed</span>
                                            @else
                                                <span class="badge bg-secondary">{{ ucfirst($payment->status) }}</span>
                                            @endif
                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                                <tfoot class="table-light">
                                    <tr>
                                        <th colspan="3" class="text-end">Total:</th>
                                        <th colspan="3">Rs {{ number_format($member->payments->sum('total_amount'), 2) }}</th>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>
                        @else
                        <div class="text-center text-muted py-5">
                            <i class="fas fa-money-bill-wave fa-3x mb-3"></i>
                            <p class="mb-0">No payment records found for this member.</p>
                        </div>
                        @endif
                    </div>
                    
                    <!-- Attendance Tab -->
                    <div class="tab-pane fade" id="attendance" role="tabpanel" aria-labelledby="attendance-tab">
                        @if($member->attendance->count() > 0)
                        <div class="row mb-4">
                            <div class="col-md-6">
                                <div class="card bg-light">
                                    <div class="card-body">
                                        <h6 class="text-muted mb-2">Total Visits</h6>
                                        <h3 class="mb-0">{{ $member->attendance->count() }}</h3>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="card bg-light">
                                    <div class="card-body">
                                        <h6 class="text-muted mb-2">Last Visit</h6>
                                        @php
                                            $lastVisit = $member->attendance->sortByDesc('date')->first();
                                        @endphp
                                        <h5 class="mb-0">{{ $lastVisit ? $lastVisit->date->format('d/m/Y') : 'N/A' }}</h5>
                                        @if($lastVisit && ($lastVisit->check_in_time || $lastVisit->check_out_time))
                                            <small class="text-muted">
                                                @if($lastVisit->check_in_time)
                                                    Check-In: {{ $lastVisit->formatted_check_in_time }}
                                                @endif
                                                @if($lastVisit->check_out_time)
                                                    | Check-Out: {{ $lastVisit->formatted_check_out_time }}
                                                @endif
                                            </small>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <div class="d-flex justify-content-between align-items-center mb-3">
                            <h5 class="mb-0"><i class="fas fa-calendar-check me-2"></i>All Attendance History</h5>
                            <span class="badge bg-info">{{ $member->attendance->count() }} Visit(s)</span>
                        </div>
                        <div class="table-responsive" style="max-height: 500px; overflow-y: auto;">
                            <table class="table table-sm table-hover">
                                <thead class="table-light sticky-top">
                                    <tr>
                                        <th>Date</th>
                                        <th>Check-In</th>
                                        <th>Check-Out</th>
                                        <th>Method</th>
                                        <th>Status</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($member->attendance->sortByDesc('date') as $attendance)
                                    <tr>
                                        <td>
                                            <strong>{{ $attendance->date->format('d/m/Y') }}</strong>
                                            <br>
                                            <small class="text-muted">{{ $attendance->date->format('l') }}</small>
                                        </td>
                                        <td>
                                            @if($attendance->check_in_time)
                                                <span class="text-success">
                                                    <i class="fas fa-sign-in-alt"></i> {{ $attendance->formatted_check_in_time }}
                                                </span>
                                            @else
                                                <span class="text-muted">N/A</span>
                                            @endif
                                        </td>
                                        <td>
                                            @if($attendance->check_out_time)
                                                <span class="text-danger">
                                                    <i class="fas fa-sign-out-alt"></i> {{ $attendance->formatted_check_out_time }}
                                                </span>
                                            @else
                                                <span class="text-muted">Not Checked Out</span>
                                            @endif
                                        </td>
                                        <td>
                                            @if($attendance->check_in_method == 'biometric')
                                                <span class="badge bg-info">
                                                    <i class="fas fa-fingerprint"></i> Biometric
                                                </span>
                                            @elseif($attendance->check_in_method == 'qr_code')
                                                <span class="badge bg-primary">
                                                    <i class="fas fa-qrcode"></i> QR Code
                                                </span>
                                            @elseif($attendance->check_in_method == 'rfid')
                                                <span class="badge bg-secondary">
                                                    <i class="fas fa-id-card"></i> RFID
                                                </span>
                                            @else
                                                <span class="badge bg-success">
                                                    <i class="fas fa-hand-pointer"></i> Manual
                                                </span>
                                            @endif
                                        </td>
                                        <td>
                                            @if($attendance->check_out_time)
                                                <span class="badge bg-success">Complete</span>
                                            @else
                                                <span class="badge bg-warning">Checked In</span>
                                            @endif
                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                        @else
                        <div class="text-center text-muted py-5">
                            <i class="fas fa-calendar-times fa-3x mb-3"></i>
                            <p class="mb-0">No attendance records found for this member.</p>
                            <small>Attendance will be recorded automatically when the member checks in via biometric device or manually.</small>
                        </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection