@extends('layouts.dashboard')

@section('title', 'User Details')
@section('page-title', 'User Details: ' . $user->name)

@section('content')

@php
$canViewCalls = auth()->guard('admin')->user()->hasPermission('logs.call.view');
$canViewSms = auth()->guard('admin')->user()->hasPermission('logs.sms.view');
$canViewPromos = auth()->guard('admin')->user()->hasPermission('logs.promotion.view');
$hasLogsPermission = $canViewCalls || $canViewSms;

$canViewWhatsApp = $canViewSms; // WhatsApp visibility follows SMS permission
$visibleStatsCount = ($canViewCalls ? 1 : 0) + ($canViewSms ? 1 : 0) + ($canViewWhatsApp ? 1 : 0) + ($canViewPromos ? 1 : 0);
$colSize = $visibleStatsCount > 0 ? max(3, floor(12 / $visibleStatsCount)) : 12;
$settings = $user->settings;
@endphp

<!-- Action Bar -->
<div class="d-flex justify-content-between align-items-center mb-4">
    <a href="{{ route('dashboard.users') }}" class="btn btn-outline-secondary">
        <i class="bi bi-arrow-left"></i> Back to Users
    </a>
    <div class="btn-group">
        @if(auth()->guard('admin')->user()->hasPermission('users.edit'))
        <a href="{{ route('dashboard.users.edit', $user->id) }}" class="btn btn-primary">
            <i class="bi bi-pencil"></i> Edit User
        </a>
        @endif

        @if(auth()->guard('admin')->user()->hasPermission('users.toggle_status'))
        <form action="{{ route('dashboard.users.toggle-status', $user->id) }}" method="POST" class="d-inline">
            @csrf
            <button type="submit" class="btn btn-{{ $user->is_active ? 'warning' : 'success' }}">
                <i class="bi bi-{{ $user->is_active ? 'pause' : 'play' }}"></i>
                {{ $user->is_active ? 'Deactivate' : 'Activate' }}
            </button>
        </form>
        @endif

        @if(auth()->guard('admin')->user()->hasPermission('users.toggle_sms'))
        <form action="{{ route('dashboard.users.toggle-sms', $user->id) }}" method="POST" class="d-inline">
            @csrf
            <button type="submit" class="btn btn-outline-{{ $user->sms_service_enabled ? 'secondary' : 'primary' }}" title="{{ $user->sms_service_enabled ? 'Disable SMS' : 'Enable SMS' }}">
                <i class="bi bi-chat-dots"></i> {{ $user->sms_service_enabled ? 'SMS On' : 'SMS Off' }}
            </button>
        </form>
        <form action="{{ route('dashboard.users.toggle-whatsapp', $user->id) }}" method="POST" class="d-inline">
            @csrf
            <button type="submit" class="btn btn-outline-{{ ($user->settings && $user->settings->whatsapp_enabled) ? 'secondary' : 'success' }}" title="{{ ($user->settings && $user->settings->whatsapp_enabled) ? 'Disable WhatsApp' : 'Enable WhatsApp' }}">
                <i class="bi bi-whatsapp"></i> {{ ($user->settings && $user->settings->whatsapp_enabled) ? 'WA On' : 'WA Off' }}
            </button>
        </form>
        @endif

        @if(auth()->guard('admin')->user()->hasPermission('users.force_logout'))
        <form action="{{ route('dashboard.users.force-logout', $user->id) }}" method="POST" class="d-inline">
            @csrf
            <button type="submit" class="btn btn-outline-danger"
                data-confirm="Force logout this user from their device?"
                data-confirm-title="Force Logout"
                data-confirm-btn="Force Logout"
                data-confirm-class="btn-warning">
                <i class="bi bi-box-arrow-right"></i> Force Logout
            </button>
        </form>
        @endif
    </div>
</div>

@if(session('success'))
<div class="alert alert-success alert-dismissible fade show d-none" role="alert">
    {{ session('success') }}
    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
</div>
@endif

<div class="row g-4">
    <!-- Account Info Section (Always on Left 4 cols) -->
    <div class="col-lg-4">
        <div class="table-container mb-4">
            <div class="d-flex justify-content-between align-items-center mb-3">
                <h5 class="mb-0">
                    <i class="bi bi-person-circle me-2"></i>
                    User Information
                </h5>
                @if($user->is_active)
                <span class="badge bg-success">Active</span>
                @else
                <span class="badge bg-danger">Inactive</span>
                @endif
            </div>

            <table class="table table-borderless">
                <tr>
                    <th width="40%">ID</th>
                    <td>{{ $user->id }}</td>
                </tr>
                <tr>
                    <th>Name</th>
                    <td>{{ $user->name }}</td>
                </tr>
                <tr>
                    <th>Email</th>
                    <td>{{ $user->email }}</td>
                </tr>
                <tr>
                    <th>Phone</th>
                    <td>{{ $user->phone }}</td>
                </tr>
                <tr>
                    <th>SMS Service</th>
                    <td>
                        @if($user->sms_service_enabled)
                        <span class="badge bg-success">Enabled</span>
                        @else
                        <span class="badge bg-secondary">Disabled</span>
                        @endif
                    </td>
                </tr>
                <tr>
                    <th>WhatsApp</th>
                    <td>
                        @if($settings && $settings->whatsapp_enabled)
                        <span class="badge bg-success"><i class="bi bi-whatsapp"></i> Enabled</span>
                        @else
                        <span class="badge bg-secondary">Disabled</span>
                        @endif
                    </td>
                </tr>
                <tr>
                    <th>Channel</th>
                    <td>
                        @php
                        $channel = $settings->preferred_channel ?? 'sms';
                        $channelLabel = match($channel) {
                        'whatsapp' => 'WhatsApp Only',
                        'both' => 'Both (SMS + WA)',
                        default => 'SMS Only',
                        };
                        $channelBadge = match($channel) {
                        'whatsapp' => 'bg-success',
                        'both' => 'bg-info',
                        default => 'bg-primary',
                        };
                        @endphp
                        <span class="badge {{ $channelBadge }}">{{ $channelLabel }}</span>
                    </td>
                </tr>
                <tr>
                    <th>Promotions</th>
                    <td>
                        @if($user->promotions_enabled)
                        <span class="badge bg-success">Enabled</span>
                        @else
                        <span class="badge bg-secondary">Disabled</span>
                        @endif
                    </td>
                </tr>
                <tr>
                    <th>Last Active</th>
                    <td>{{ $user->last_active_at?->diffForHumans() ?? 'Never' }}</td>
                </tr>
                <tr>
                    <th>Registered</th>
                    <td>{{ $user->created_at->format('M d, Y H:i') }}</td>
                </tr>
            </table>

            @if($visibleStatsCount > 0)
            <hr>
            <h6 class="mb-3">Statistics</h6>
            <div class="row text-center">
                @if($canViewCalls)
                <div class="col-{{ $colSize }}">
                    <h4 class="text-primary">{{ $stats['total_calls'] ?? 0 }}</h4>
                    <small class="text-muted">Calls</small>
                </div>
                @endif
                @if($canViewSms)
                <div class="col-{{ $colSize }}">
                    <h4 class="text-success">{{ $stats['total_sms'] ?? 0 }}</h4>
                    <small class="text-muted">SMS</small>
                </div>
                @endif
                @if($canViewWhatsApp)
                <div class="col-{{ $colSize }}">
                    <h4 class="text-success"><i class="bi bi-whatsapp"></i> {{ $stats['total_whatsapp'] ?? 0 }}</h4>
                    <small class="text-muted">WhatsApp</small>
                </div>
                @endif
                @if($canViewPromos)
                <div class="col-{{ $colSize }}">
                    <h4 class="text-warning">{{ $stats['total_promotions'] ?? 0 }}</h4>
                    <small class="text-muted">Promos</small>
                </div>
                @endif
            </div>
            @endif
        </div>

        @if($hasLogsPermission)
        {{-- Render Settings and Templates on the left if Logs are visible on right --}}
        @include('dashboard.partials.user-settings-block', ['settings' => $settings])
        @include('dashboard.partials.user-templates-block', ['templates' => $user->messageTemplates, 'user_id' => $user->id])
        @endif
    </div>

    <!-- Main Content Section (Right 8 cols) -->
    <div class="col-lg-8">
        @if($hasLogsPermission)
        <div class="table-container">
            <ul class="nav nav-tabs mb-3" id="activityTabs">
                @if($canViewCalls)
                <li class="nav-item">
                    <a class="nav-link active" data-bs-toggle="tab" href="#callLogs">
                        <i class="bi bi-telephone me-1"></i>
                        Call Logs ({{ method_exists($callLogs, 'total') ? $callLogs->total() : $callLogs->count() }})
                    </a>
                </li>
                @endif
                @if($canViewSms)
                <li class="nav-item">
                    <a class="nav-link {{ !$canViewCalls ? 'active' : '' }}" data-bs-toggle="tab" href="#smsLogs">
                        <i class="bi bi-chat-text me-1"></i>
                        SMS / WhatsApp Logs ({{ method_exists($smsLogs, 'total') ? $smsLogs->total() : $smsLogs->count() }})
                    </a>
                </li>
                @endif
                @if($canViewPromos)
                <li class="nav-item">
                    <a class="nav-link {{ !$canViewCalls && !$canViewSms ? 'active' : '' }}" data-bs-toggle="tab" href="#promoLogs">
                        <i class="bi bi-megaphone me-1"></i>
                        Promotions ({{ method_exists($promotionLogs, 'total') ? $promotionLogs->total() : $promotionLogs->count() }})
                    </a>
                </li>
                @endif
            </ul>

            <div class="tab-content">
                @if($canViewCalls)
                <div class="tab-pane fade show active" id="callLogs">
                    <div class="table-responsive">
                        <table class="table table-hover">
                            <thead>
                                <tr>
                                    <th>Phone Number</th>
                                    <th>Type</th>
                                    <th>SMS Sent</th>
                                    <th>Time</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($callLogs as $call)
                                <tr>
                                    <td>{{ $call->phone_number }}</td>
                                    <td>
                                        <span class="badge bg-{{ $call->call_type == 'incoming' ? 'success' : ($call->call_type == 'outgoing' ? 'primary' : 'danger') }}">
                                            {{ ucfirst($call->call_type) }}
                                        </span>
                                    </td>
                                    <td>
                                        @if($call->sms_sent)
                                        <span class="badge bg-success">Yes</span>
                                        @else
                                        <span class="badge bg-secondary">No</span>
                                        @endif
                                    </td>
                                    <td>{{ $call->call_time->format('M d, Y H:i') }}</td>
                                </tr>
                                @empty
                                <tr>
                                    <td colspan="4" class="text-center text-muted">No call logs</td>
                                </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                    @if(method_exists($callLogs, 'links'))
                    {{ $callLogs->fragment('callLogs')->links() }}
                    @endif
                </div>
                @endif

                @if($canViewSms)
                <div class="tab-pane fade {{ !$canViewCalls ? 'show active' : '' }}" id="smsLogs">
                    <div class="table-responsive">
                        <table class="table table-hover">
                            <thead>
                                <tr>
                                    <th>Phone Number</th>
                                    <th>Channel</th>
                                    <th>Message</th>
                                    <th>Status</th>
                                    <th>Sent At</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($smsLogs as $sms)
                                <tr>
                                    <td>{{ $sms->phone_number }}</td>
                                    <td>
                                        @if(($sms->channel ?? 'sms') === 'whatsapp')
                                        <span class="badge bg-success"><i class="bi bi-whatsapp"></i> WhatsApp</span>
                                        @else
                                        <span class="badge bg-primary"><i class="bi bi-chat-text"></i> SMS</span>
                                        @endif
                                    </td>
                                    <td>{{ Str::limit($sms->message, 40) }}</td>
                                    <td>
                                        <span class="badge bg-{{ $sms->status == 'sent' ? 'success' : ($sms->status == 'pending' ? 'warning' : 'danger') }}">
                                            {{ ucfirst($sms->status) }}
                                        </span>
                                    </td>
                                    <td>{{ $sms->sent_at?->format('M d, Y H:i') ?? '-' }}</td>
                                </tr>
                                @empty
                                <tr>
                                    <td colspan="5" class="text-center text-muted">No SMS / WhatsApp logs</td>
                                </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                    @if(method_exists($smsLogs, 'links'))
                    {{ $smsLogs->fragment('smsLogs')->links() }}
                    @endif
                </div>
                @endif

                @if($canViewPromos)
                <div class="tab-pane fade {{ !$canViewCalls && !$canViewSms ? 'show active' : '' }}" id="promoLogs">
                    <div class="table-responsive">
                        <table class="table table-hover">
                            <thead>
                                <tr>
                                    <th>Phone Number</th>
                                    <th>Message</th>
                                    <th>Trigger</th>
                                    <th>Status</th>
                                    <th>Sent At</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($promotionLogs as $promo)
                                <tr>
                                    <td>{{ $promo->phone_number }}</td>
                                    <td>{{ Str::limit($promo->message, 40) }}</td>
                                    <td>
                                        <span class="badge bg-{{ $promo->trigger_type == 'incoming' ? 'success' : ($promo->trigger_type == 'outgoing' ? 'primary' : 'danger') }}">
                                            {{ ucfirst($promo->trigger_type) }}
                                        </span>
                                    </td>
                                    <td>
                                        <span class="badge bg-{{ $promo->status == 'sent' ? 'success' : ($promo->status == 'pending' ? 'warning' : 'danger') }}">
                                            {{ ucfirst($promo->status) }}
                                        </span>
                                    </td>
                                    <td>{{ $promo->sent_at?->format('M d, Y H:i') ?? '-' }}</td>
                                </tr>
                                @empty
                                <tr>
                                    <td colspan="5" class="text-center text-muted">No promotion logs</td>
                                </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                    @if(method_exists($promotionLogs, 'links'))
                    {{ $promotionLogs->fragment('promoLogs')->links() }}
                    @endif
                </div>
                @endif
            </div>
        </div>
        @else
        {{-- Logs are hidden: Show Settings and Templates here in a Wide format --}}
        <div class="row g-4">
            <div class="col-md-12">
                @include('dashboard.partials.user-settings-block', ['settings' => $settings, 'wide' => true])
            </div>
            <div class="col-md-12">
                @include('dashboard.partials.user-templates-block', ['templates' => $user->messageTemplates, 'user_id' => $user->id, 'wide' => true])
            </div>
        </div>
        @endif
    </div>
</div>
@endsection