@extends('dashboard.layouts.master')
@section('title', 'Profile')
@php
    $user = auth()->user();
    $roles = $user ? $user->getRoleNames()->toArray() : [];
@endphp
@section('content')
<div class="mb-3">
    <h1 class="h3 d-inline align-middle">Profile</h1>
</div>
<div class="row">
    <div class="col-md-4 col-xl-3">
        <div class="card mb-3">
            <div class="card-header">
                <h5 class="card-title mb-0">Profile Details</h5>
            </div>
            <div class="card-body text-center">
                <img src="{{ asset($user->avatar ?'storage/'.$user->avatar : 'avatar-default.svg') }}" alt="$user->name" class="img-fluid rounded-circle mb-2" width="128" height="128" />
                <h5 class="card-title mb-0">{{ $user->name }}</h5>
                <div class="text-muted mb-2">
                    @foreach($roles as $role)
                        <span class="badge bg-primary me-1 my-1">{{ $role }}</span>
                    @endforeach
                </div>
            </div>
            <hr class="my-0" />
            <div class="card-body">
                <h5 class="h6 card-title">Permissions</h5>
                @if(auth()->user()->hasRole('super-admin'))
                    <span class="badge bg-primary me-1 my-1">All Permissions</span>
                @else
                    @foreach($user->getAllPermissions() as $permission)
                    <span class="badge bg-primary me-1 my-1">{{ $permission->name }}</span>
                    @endforeach
                @endif
            </div>
            <hr class="my-0" />
            <div class="card-body">
                <h5 class="h6 card-title">About</h5>
                <ul class="list-unstyled mb-0">
                    <li class="mb-1"><span data-feather="mail" class="feather-sm me-1"></span> Email: <a href="mailto:{{ $user->email }}">{{ $user->email }}</a></li>
                    <li class="mb-1"><span data-feather="phone" class="feather-sm me-1"></span> Phone: {{ $user->phone ?? 'N/A' }}</li>
                    <li class="mb-1"><span data-feather="calendar" class="feather-sm me-1"></span> Joined: {{ $user->created_at->format('M d, Y') }}</li>
                    <li class="mb-1">
                        <span data-feather="lock" class="feather-sm me-1"></span>
                        <button class="btn btn-link p-0" data-bs-toggle="modal" data-bs-target="#updatePasswordModal">Update Password</button>
                    </li>

                    <div class="modal fade" id="updatePasswordModal" tabindex="-1" aria-labelledby="updatePasswordModalLabel" aria-hidden="true">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h5 class="modal-title" id="updatePasswordModalLabel">Update Password</h5>
                                </div>
                                <div class="modal-body">
                                    <form id="updatePasswordForm" method="POST" action="{{ route('dashboard.password.update') }}">
                                        @csrf
                                        <div class="mb-3">
                                            <label for="currentPassword" class="form-label">Current Password</label>
                                            <input type="password" class="form-control" id="currentPassword" name="current_password" required>
                                        </div>
                                        <div class="mb-3">
                                            <label for="newPassword" class="form-label">New Password</label>
                                            <input type="password" class="form-control" id="newPassword" name="new_password" required>
                                        </div>
                                        <div class="mb-3">
                                            <label for="confirmPassword" class="form-label">Confirm New Password</label>
                                            <input type="password" class="form-control" id="confirmPassword" name="new_password_confirmation" required>
                                        </div>
                                        <button type="submit" class="btn btn-primary">Update Password</button>
                                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </ul>
            </div>
        </div>
    </div>

    <div class="col-md-8 col-xl-9">
        <div class="card d-none">
            <div class="card-header">

                <h5 class="card-title mb-0">Notifications</h5>
            </div>
            <div class="card-body h-100">
                @forelse ($notifications as $notification)
                @if($notification->read_at)
                    <div class="d-flex align-items-start text-muted ">
                @else
                    <div class="d-flex align-items-start" onclick="event.preventDefault(); document.getElementById('mark-as-read-{{ $notification->id }}').submit();">
                        <form id="mark-as-read-{{ $notification->id }}" action="{{ route('dashboard.notifications.markAsRead', $notification->id) }}" method="POST" class="d-none">
                            @csrf
                            @method('PATCH')
                        </form>
                        <span class="badge bg-primary me-2">New</span>
                @endif
                        <img src="{{ asset('favicon.ico') }}" width="36" height="36" class="rounded-circle me-2" alt="{{ config('app.name') }}">
                        <div class="flex-grow-1">
                            <small class="float-end text-navy">{{ now()->diffInMinutes($notification->created_at) }}m ago</small>
                            <strong>{{ $notification->data['title'] }}</strong><br />
                            <span >{{ $notification->data['message'] }}</span><br />
                            <small class="text-muted">{{ $notification->created_at->format('M d, Y H:i') }}</small><br />
                        </div>
                    </div>
                @empty
                    <div class="text-center">
                        <p class="text-muted">No notifications available.</p>
                    </div>
                @endforelse
                <hr />
                <div class="d-grid">
                    {{ $notifications->links('pagination::bootstrap-4') }}
                </div>
            </div>
        </div>

        @if(isAffiliater())
        <div class="card mt-3">
            <div class="card-header">
                <h5 class="card-title mb-0">Total Earnings</h5>
            </div>
            <div class="card-body">
                <p class="h4 mb-0">Rs. {{ number_format($totalEarnings ?? 0, 2) }}</p>
                <small class="text-muted">This includes all earnings from your affiliate activities.</small>
                <hr>
                <table class="table table-striped">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>Order ID</th>
                            <th>Order Total</th>
                            <th>Commission</th>
                            <th>Status</th>
                            <th>Date</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($affiliatePurchaseLogs as $key => $log)
                        <tr>
                            <td>{{ $affiliatePurchaseLogs->firstItem() + $key }}</td>
                            <td><a href="{{ route('dashboard.orders.show', $log->order_id) }}">{{ $log->order_id }}</a></td>
                            <td>Rs. {{ number_format($log->total_amount, 2) }}</td>
                            <td>Rs. {{ number_format($log->commission, 2) }} ({{ $log->commission_rate }}%)</td>
                            <td>{{ $log->status == 1 ? 'Paid' : ($log->status == 0 ? 'Pending' : 'Rejected') }}</td>
                            <td>{{ $log->created_at->format('M d, Y') }}</td>
                        </tr>
                        @empty
                        <tr>
                            <td colspan="5" class="text-center">No earnings recorded yet.</td>
                        </tr>
                        @endforelse
                    </tbody>
                </table>
                <div class="d-grid">
                    {{ $affiliatePurchaseLogs->links('pagination::bootstrap-4') }}
                </div>
            </div>
        </div>
        @endif
    </div>
</div>
@endsection