@extends('layouts.user')

@section('title', 'My Profile')

@section('content')
<div class="container-fluid" style="height: calc(100vh - 6.2rem); overflow-y: auto; overflow-x: hidden; padding: 1rem;">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h5 class="mb-0"><i class="uil uil-user me-2"></i>My Profile</h5>
                    <a href="{{ route('user.dashboard', ['role' => $currentRoleSlug]) }}" class="btn btn-sm btn-secondary">
                        <i class="uil uil-arrow-left me-1"></i>Back to Dashboard
                    </a>
                </div>
                <div class="card-body">
                    <!-- Personal Information -->
                    <div class="row mb-4">
                        <div class="col-md-3 text-center">
                            <div class="avatar avatar-4xl mb-3">
                                <div class="avatar-name rounded-circle bg-primary">
                                    <span class="text-white fs-2">{{ substr($user->fname ?? 'U', 0, 1) }}</span>
                                </div>
                            </div>
                            <h5>{{ $user->fname }} {{ $user->mname }} {{ $user->lname }}</h5>
                            <p class="text-muted mb-2">{{ $user->email }}</p>
                            @if($user->currentRole)
                            <span class="badge bg-success mb-2">{{ $user->getCurrentRoleDisplayName() }}</span>
                            @endif
                            <p class="text-muted small">UID: <strong>{{ $user->reg_uid }}</strong></p>
                        </div>
                        
                        <div class="col-md-9">
                            <h6 class="text-primary mb-3 border-bottom pb-2">
                                <i class="uil uil-info-circle me-2"></i>Personal Information
                            </h6>
                            <div class="row">
                                <div class="col-md-6">
                                    <table class="table table-sm table-borderless">
                                        <tbody>
                                            <tr>
                                                <td class="fw-semibold text-body-secondary" style="width: 150px;">Full Name:</td>
                                                <td class="text-body-emphasis">{{ $user->fname }} {{ $user->mname }} {{ $user->lname }}</td>
                                            </tr>
                                            <tr>
                                                <td class="fw-semibold text-body-secondary">Email:</td>
                                                <td class="text-body-emphasis">{{ $user->email }}</td>
                                            </tr>
                                            <tr>
                                                <td class="fw-semibold text-body-secondary">Mobile:</td>
                                                <td class="text-body-emphasis">{{ $user->mobile ?? 'Not provided' }}</td>
                                            </tr>
                                            <tr>
                                                <td class="fw-semibold text-body-secondary">Date of Birth:</td>
                                                <td class="text-body-emphasis">{{ $user->dob ? \Carbon\Carbon::parse($user->dob)->format('d M, Y') : 'Not provided' }}</td>
                                            </tr>
                                            <tr>
                                                <td class="fw-semibold text-body-secondary">Gender:</td>
                                                <td class="text-body-emphasis">{{ ucfirst($user->gender ?? 'Not specified') }}</td>
                                            </tr>
                                            <!-- <tr>
                                                <td class="fw-semibold text-body-secondary">Father's Name:</td>
                                                <td class="text-body-emphasis">{{ $user->father_name ?? 'N/A' }}</td>
                                            </tr> -->
                                        </tbody>
                                    </table>
                                </div>
                                <div class="col-md-6">
                                    <table class="table table-sm table-borderless">
                                        <tbody>
                                            <tr>
                                                <td class="fw-semibold text-body-secondary" style="width: 150px;">Country:</td>
                                                <td class="text-body-emphasis">{{ $user->country->name ?? 'India' }}</td>
                                            </tr>
                                            <tr>
                                                <td class="fw-semibold text-body-secondary">State:</td>
                                                <td class="text-body-emphasis">{{ $user->state->name ?? $user->state_name ?? 'Not provided' }}</td>
                                            </tr>
                                            <tr>
                                                <td class="fw-semibold text-body-secondary">District:</td>
                                                <td class="text-body-emphasis">{{ $user->district->district_name ?? $user->district_name ?? 'Not provided' }}</td>
                                            </tr>
                                            <tr>
                                                <td class="fw-semibold text-body-secondary">Pincode:</td>
                                                <td class="text-body-emphasis">{{ $user->pincode ?? 'Not provided' }}</td>
                                            </tr>
                                            <tr>
                                                <td class="fw-semibold text-body-secondary">Address:</td>
                                                <td class="text-body-emphasis">{{ $user->address ?? 'Not provided' }}</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>

                    <hr class="my-4">

                    <!-- Account Information -->
                    <h6 class="text-primary mb-3 border-bottom pb-2">
                        <i class="uil uil-shield-check me-2"></i>Account Information
                    </h6>
                    <div class="row">
                        <div class="col-md-6">
                            <table class="table table-sm table-borderless">
                                <tbody>
                                    <tr>
                                        <td class="fw-semibold text-body-secondary" style="width: 180px;">Registration UID:</td>
                                        <td><span class="badge bg-info fs-9">{{ $user->reg_uid }}</span></td>
                                    </tr>
                                    <tr>
                                        <td class="fw-semibold text-body-secondary">Account Status:</td>
                                        <td>
                                            @if($user->approved == 1 && $user->paid == 1)
                                                <span class="badge bg-success"><i class="uil uil-check-circle me-1"></i>Active & Verified</span>
                                            @elseif($user->approved == 0 && $user->paid == 1)
                                                <span class="badge bg-warning"><i class="uil uil-clock me-1"></i>Pending Verification</span>
                                            @elseif($user->paid == 0)
                                                <span class="badge bg-danger"><i class="uil uil-credit-card me-1"></i>Payment Pending</span>
                                            @elseif($user->approved == -1)
                                                <span class="badge bg-danger"><i class="uil uil-times-circle me-1"></i>Rejected</span>
                                            @else
                                                <span class="badge bg-secondary"><i class="uil uil-pause-circle me-1"></i>Inactive</span>
                                            @endif
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="fw-semibold text-body-secondary">Member Since:</td>
                                        <td class="text-body-emphasis">{{ $user->created_at->format('d M, Y') }}</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="col-md-6">
                            <table class="table table-sm table-borderless">
                                <tbody>
                                    <tr>
                                        <td class="fw-semibold text-body-secondary" style="width: 180px;">Membership Valid From:</td>
                                        <td class="text-body-emphasis">{{ $user->valid_from ? \Carbon\Carbon::parse($user->valid_from)->format('d M, Y') : 'N/A' }}</td>
                                    </tr>
                                    <tr>
                                        <td class="fw-semibold text-body-secondary">Membership Valid Until:</td>
                                        <td class="text-body-emphasis">
                                            @if($user->valid_up_to)
                                                {{ \Carbon\Carbon::parse($user->valid_up_to)->format('d M, Y') }}
                                                @php
                                                    $expiryDate = \Carbon\Carbon::parse($user->valid_up_to);
                                                    $daysLeft = now()->diffInDays($expiryDate, false);
                                                @endphp
                                                @if($daysLeft > 30)
                                                    <span class="badge bg-success ms-2">{{ round($daysLeft) }} days left</span>
                                                @elseif($daysLeft > 0)
                                                    <span class="badge bg-warning ms-2">{{ round($daysLeft) }} days left</span>
                                                @else
                                                    <span class="badge bg-danger ms-2">Expired</span>
                                                @endif
                                            @else
                                                N/A
                                            @endif
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="fw-semibold text-body-secondary">Active Roles:</td>
                                        <td>
                                            @if($user->activeRoles->count() > 0)
                                                @foreach($user->activeRoles as $role)
                                                    <span class="badge bg-{{ $user->currentRole && $user->currentRole->id === $role->id ? 'primary' : 'secondary' }} me-1 mb-1">
                                                        {{ $role->display_name }}
                                                        @if($user->currentRole && $user->currentRole->id === $role->id)
                                                            <i class="uil uil-check-circle ms-1"></i>
                                                        @endif
                                                    </span>
                                                @endforeach
                                            @else
                                                <span class="text-muted">No active roles</span>
                                            @endif
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>

                    <!-- Quick Actions -->
                    <div class="d-flex gap-2 mt-4">
                        <a href="{{ route('user.documents', ['role' => $currentRoleSlug]) }}" class="btn btn-outline-primary">
                            <span class="me-1" data-feather="folder"></span>My Documents
                        </a>
                        <a href="{{ route('user.roles.index', ['role' => $currentRoleSlug]) }}" class="btn btn-outline-primary">
                            <span class="me-1" data-feather="user-check"></span>Manage Roles
                        </a>
                        @if(auth()->user()->currentRole)
                        <a href="{{ route('user.dashboard', ['role' => auth()->user()->currentRole->name]) }}" class="btn btn-outline-secondary">
                            <span class="me-1" data-feather="layout"></span>Go to Dashboard
                        </a>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection