@extends('layouts.app')

@section('title', 'View Reseller Ticket')

@section('content')
@php
use Illuminate\Support\Facades\Storage;
use Illuminate\Support\Facades\DB;
@endphp
<div class="container-fluid">
    <div class="row mb-3">
        <div class="col-12">
            <div class="card border-0 shadow-sm">
                <div class="card-body py-3">
                    <div class="row align-items-center">
                        <div class="col-lg-8">
                            <h3 class="font-weight-bold mb-0 text-dark">Ticket: {{ $resellerTicket->ticket_number }}</h3>
                        </div>
                        <div class="col-lg-4 text-lg-right">
                            <a href="{{ route('reseller-tickets.edit', $resellerTicket) }}" class="btn btn-warning">
                                <i class="fas fa-edit"></i> Edit
                            </a>
                            <button type="button" onclick="history.back()" class="btn btn-secondary">
                                <i class="fas fa-arrow-left"></i> Back
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Assigned Table Section -->
    <div class="row">
        <div class="col-12">
            <div class="card mb-4">
                <div class="card-header bg-success text-white">
                    <h5 class="mb-0"><i class="fas fa-users"></i> Assigned</h5>
                </div>
                <div class="card-body">
                    @if($assignments && $assignments->count() > 0)
                        <div class="table-responsive">
                            <table class="table table-bordered table-striped table-hover">
                                <thead class="thead-light">
                                    <tr>
                                        <th>#</th>
                                        <th>Employee Name</th>
                                        <th>Phone</th>
                                        <th>Department</th>
                                        <th>Assigned By</th>
                                        <th>Issue</th>
                                        <th>Assigned At</th>
                                        <th>Status</th>
                                        <th>Notes</th>
                                        <th>Created At</th>
                                        <th>Updated At</th>
                                        <th>Solved by</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($assignments as $index => $assignment)
                                        <tr>
                                            <td>{{ $index + 1 }}</td>
                                            <td>
                                                <strong>{{ $assignment->employee_name ?? 'N/A' }}</strong>
                                            </td>
                                            <td>{{ $assignment->employee_phone ?? 'N/A' }}</td>
                                            <td>
                                                @if($assignment->department_name)
                                                    <span class="badge badge-info">{{ $assignment->department_name }}</span>
                                                @else
                                                    <span class="text-muted">N/A</span>
                                                @endif
                                            </td>
                                            <td>{{ $assignment->assigned_by_name ?? 'N/A' }}</td>
                                            <td>
                                                @php
                                                    $restrictedStatuses = ['upstream_issues', 'pop_issues', 'transmission_issues'];
                                                    $statusLabels = [
                                                        'upstream_issues' => 'Upstream Issues',
                                                        'pop_issues' => 'POP Issues',
                                                        'transmission_issues' => 'Transmission Issues'
                                                    ];
                                                    $statusColors = [
                                                        'upstream_issues' => '#007bff',
                                                        'pop_issues' => '#fd7e14',
                                                        'transmission_issues' => '#6f42c1'
                                                    ];
                                                @endphp
                                                @if(in_array($resellerTicket->status, $restrictedStatuses))
                                                    @php
                                                        $issueLabel = $statusLabels[$resellerTicket->status] ?? ucfirst(str_replace('_', ' ', $resellerTicket->status));
                                                        $popName = $resellerTicket->isp && $resellerTicket->isp->name ? $resellerTicket->isp->name : null;
                                                        $displayText = $popName ? $issueLabel . ' (' . $popName . ')' : $issueLabel;
                                                    @endphp
                                                    <span class="badge" style="background-color: {{ $statusColors[$resellerTicket->status] ?? '#6c757d' }}; color: white;">
                                                        {{ $displayText }}
                                                    </span>
                                                @else
                                                    <span class="text-muted">N/A</span>
                                                @endif
                                            </td>
                                            <td>
                                                @if($assignment->assigned_at)
                                                    @php
                                                        $assignedAt = \Carbon\Carbon::parse($assignment->assigned_at);
                                                        $isResolvedOrClosed = in_array($resellerTicket->status, ['resolved', 'closed']);
                                                        $isActive = $assignment->is_active ?? false;
                                                        
                                                        if ($isResolvedOrClosed && ($resellerTicket->resolved_at || $resellerTicket->closed_at)) {
                                                            // For resolved/closed tickets, show duration from assigned_at to resolved/closed time
                                                            $endAt = \Carbon\Carbon::parse($resellerTicket->resolved_at ?? $resellerTicket->closed_at);
                                                            $diff = $assignedAt->diff($endAt);
                                                            $duration = sprintf('%dd:%dh:%dm:%ds', 
                                                                $diff->days, 
                                                                $diff->h, 
                                                                $diff->i, 
                                                                $diff->s
                                                            );
                                                            $isLive = false;
                                                        } elseif ($isActive) {
                                                            // For active assignments, calculate duration from assigned_at to now (will be updated by JavaScript)
                                                            $now = now();
                                                            $diff = $assignedAt->diff($now);
                                                            $duration = sprintf('%dd:%dh:%dm:%ds', 
                                                                $diff->days, 
                                                                $diff->h, 
                                                                $diff->i, 
                                                                $diff->s
                                                            );
                                                            $isLive = true;
                                                        } else {
                                                            // For inactive assignments, show static duration from assigned_at to updated_at (when it became inactive)
                                                            $updatedAt = \Carbon\Carbon::parse($assignment->updated_at);
                                                            $diff = $assignedAt->diff($updatedAt);
                                                            $duration = sprintf('%dd:%dh:%dm:%ds', 
                                                                $diff->days, 
                                                                $diff->h, 
                                                                $diff->i, 
                                                                $diff->s
                                                            );
                                                            $isLive = false;
                                                        }
                                                    @endphp
                                                    <span id="duration-{{ $assignment->id }}" 
                                                          data-assigned-at="{{ $assignedAt->timestamp }}" 
                                                          data-is-live="{{ $isLive ? '1' : '0' }}"
                                                          data-resolved-at="{{ ($isResolvedOrClosed && ($resellerTicket->resolved_at || $resellerTicket->closed_at)) ? \Carbon\Carbon::parse($resellerTicket->resolved_at ?? $resellerTicket->closed_at)->timestamp : '' }}"
                                                          data-updated-at="{{ $isActive ? '' : \Carbon\Carbon::parse($assignment->updated_at)->timestamp }}"
                                                          style="display: inline-block; padding: 4px 12px; background-color: #ffc107; color: #000; border-radius: 4px; font-size: 0.9em; font-weight: 500;">
                                                        {{ $duration }}
                                                    </span>
                                                @else
                                                    <span class="text-muted">N/A</span>
                                                @endif
                                            </td>
                                            <td>
                                                @php
                                                    $isResolvedOrClosed = in_array($resellerTicket->status, ['resolved', 'closed']);
                                                    $isActive = $assignment->is_active ?? false;
                                                @endphp
                                                @if($isResolvedOrClosed && $isActive)
                                                    <span class="badge badge-primary">Solved</span>
                                                @elseif($isActive)
                                                    <span class="badge badge-success">Active</span>
                                                @else
                                                    <span class="badge badge-secondary">Inactive</span>
                                                @endif
                                            </td>
                                            <td>
                                                @if($assignment->notes)
                                                    <span class="text-muted" title="{{ $assignment->notes }}">
                                                        {{ Str::limit($assignment->notes, 50) }}
                                                    </span>
                                                @else
                                                    <span class="text-muted">-</span>
                                                @endif
                                            </td>
                                            <td>
                                                @if($assignment->created_at)
                                                    {{ \Carbon\Carbon::parse($assignment->created_at)->format('Y-m-d H:i:s') }}
                                                @else
                                                    <span class="text-muted">N/A</span>
                                                @endif
                                            </td>
                                            <td>
                                                @if($assignment->updated_at)
                                                    {{ \Carbon\Carbon::parse($assignment->updated_at)->format('Y-m-d H:i:s') }}
                                                @else
                                                    <span class="text-muted">N/A</span>
                                                @endif
                                            </td>
                                            <td>
                                                @php
                                                    $isSolved = $resellerTicket->resolved_at || $resellerTicket->status === 'resolved' || $resellerTicket->status === 'closed';
                                                    $isActive = $assignment->is_active ?? false;
                                                    
                                                    // Check if this assignment was the one that solved the ticket
                                                    // If ticket is solved and this assignment was active when solved, or was the last active assignment
                                                    $solvedByEmployee = null;
                                                    
                                                    if ($isSolved) {
                                                        // If this assignment is active and ticket is solved, this employee solved it
                                                        if ($isActive) {
                                                            $solvedByEmployee = $assignment->employee_name ?? 'N/A';
                                                        } else {
                                                            // Check if this was the last active assignment before ticket was solved
                                                            $resolvedAt = $resellerTicket->resolved_at ?? ($resellerTicket->closed_at ?? now());
                                                            $assignmentUpdatedAt = $assignment->updated_at ? \Carbon\Carbon::parse($assignment->updated_at) : null;
                                                            
                                                            // If assignment was deactivated around the time ticket was solved, this employee likely solved it
                                                            if ($assignmentUpdatedAt && $assignmentUpdatedAt->diffInMinutes($resolvedAt) <= 5) {
                                                                $solvedByEmployee = $assignment->employee_name ?? 'N/A';
                                                            }
                                                        }
                                                    }
                                                @endphp
                                                @if($solvedByEmployee)
                                                    <span class="badge badge-success">{{ $solvedByEmployee }}</span>
                                                @else
                                                    <span class="text-muted">-</span>
                                                @endif
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    @else
                        <div class="alert alert-info mb-0">
                            <i class="fas fa-info-circle"></i> No assignment records found for this ticket.
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-8">
            <div class="card mb-4">
                <div class="card-header bg-primary text-white">
                    <h5 class="mb-0">Ticket Details</h5>
                </div>
                <div class="card-body">
                    <h4>{{ $resellerTicket->subject }}</h4>
                    <hr>
                    <p class="text-muted">{{ $resellerTicket->description }}</p>
                    
                    @if($resellerTicket->resolution_notes)
                        <div class="mt-4">
                            <h6>Resolution Notes:</h6>
                            <p class="text-muted">{{ $resellerTicket->resolution_notes }}</p>
                        </div>
                    @endif

                    @if($resellerTicket->notes)
                        <div class="mt-4">
                            <h6>Additional Notes:</h6>
                            <p class="text-muted">{{ $resellerTicket->notes }}</p>
                        </div>
                    @endif

                    <!-- Attachments Section -->
                    @if($resellerTicket->attachments && $resellerTicket->attachments->count() > 0)
                        <div class="mt-4" id="attachments">
                            <h6><i class="fas fa-paperclip"></i> Attachments ({{ $resellerTicket->attachments->count() }})</h6>
                            <div class="row mt-3">
                                @foreach($resellerTicket->attachments as $attachment)
                                    <div class="col-md-3 col-sm-4 col-6 mb-3">
                                        <div class="card">
                                            @if($attachment->isImage())
                                                <a href="{{ route('reseller-tickets.attachments.view', $attachment) }}" target="_blank" class="text-decoration-none">
                                                    <img src="{{ route('reseller-tickets.attachments.view', $attachment) }}" 
                                                         alt="{{ $attachment->file_name }}" 
                                                         class="card-img-top" 
                                                         style="height: 150px; object-fit: cover; cursor: pointer;"
                                                         onerror="this.src='data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'150\' height=\'150\'%3E%3Crect fill=\'%23ddd\' width=\'150\' height=\'150\'/%3E%3Ctext fill=\'%23999\' font-family=\'sans-serif\' font-size=\'16\' dy=\'10.5\' font-weight=\'bold\' x=\'50%25\' y=\'50%25\' text-anchor=\'middle\'%3EImage%3C/text%3E%3C/svg%3E';">
                                                </a>
                                            @else
                                                <div class="card-img-top d-flex align-items-center justify-content-center bg-light" style="height: 150px;">
                                                    <i class="fas fa-file fa-3x text-muted"></i>
                                                </div>
                                            @endif
                                            <div class="card-body p-2">
                                                <a href="{{ route('reseller-tickets.attachments.download', $attachment) }}" class="text-decoration-none" download>
                                                    <small class="d-block text-truncate text-primary" title="{{ $attachment->file_name }}">
                                                        <i class="fas fa-download"></i> {{ $attachment->file_name }}
                                                    </small>
                                                </a>
                                                <small class="text-muted d-block">
                                                    {{ number_format($attachment->file_size / 1024, 2) }} KB
                                                </small>
                                                @if($attachment->uploadedBy)
                                                    <small class="text-muted d-block">
                                                        <i class="fas fa-user"></i> {{ $attachment->uploadedBy->name }}
                                                    </small>
                                                @endif
                                                <small class="text-muted d-block">
                                                    <i class="fas fa-clock"></i> {{ $attachment->created_at->format('d M Y H:i') }}
                                                </small>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    @endif
                </div>
            </div>

            <!-- Conversation Section -->
            @if(!isset($isReseller) || !$isReseller)
            <div class="card mb-4">
                <div class="card-header bg-info text-white">
                    <h5 class="mb-0"><i class="fas fa-comments"></i> Conversations</h5>
                </div>
                <div class="card-body">
                    <!-- Previous Discussion Section -->
                    <div>
                        <div id="conversationList" style="max-height: 400px; overflow-y: auto; padding: 10px; background-color: #f8f9fa; border-radius: 5px;">
                            @if($resellerTicket->conversations && $resellerTicket->conversations->count() > 0)
                                @php
                                    $colors = ['#007bff', '#28a745', '#ffc107', '#dc3545', '#17a2b8', '#6f42c1', '#e83e8c', '#fd7e14', '#20c997', '#6c757d'];
                                    $userColorMap = [];
                                    $colorIndex = 0;
                                @endphp
                                @foreach($resellerTicket->conversations as $conversation)
                                    @php
                                        if (!isset($userColorMap[$conversation->user->name ?? 'N/A'])) {
                                            $userColorMap[$conversation->user->name ?? 'N/A'] = $colors[$colorIndex % count($colors)];
                                            $colorIndex++;
                                        }
                                        $userColor = $userColorMap[$conversation->user->name ?? 'N/A'];
                                    @endphp
                                    <div class="mb-2 p-2 border rounded" style="background-color: #ffffff;">
                                        <div class="d-flex align-items-center mb-1">
                                            <i class="fas fa-user-circle fa-lg mr-2" style="color: {{ $userColor }};"></i>
                                            <div class="flex-grow-1">
                                                <strong style="font-size: 0.9em; color: {{ $userColor }};">{{ $conversation->user->name ?? 'N/A' }}</strong>
                                                <span class="text-success ml-2" style="font-size: 0.85em;">Posted On: {{ $conversation->created_at->format('d M Y h:i A') }}</span>
                                            </div>
                                        </div>
                                        <div class="ml-4" style="font-size: 0.9em;">{{ $conversation->comment ?? '' }}</div>
                                        @if($conversation->attachment)
                                            <div class="ml-4 mt-1">
                                                <img src="/storage/{{ $conversation->attachment }}" alt="Attachment" style="max-width: 150px; max-height: 150px;" class="img-thumbnail">
                                            </div>
                                        @endif
                                    </div>
                                @endforeach
                            @else
                                <div class="text-center text-muted py-3">No conversations yet.</div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
            @endif

            <!-- Client Conversations Section -->
            <div class="card mb-4">
                <div class="card-header bg-success text-white">
                    <h5 class="mb-0"><i class="fas fa-comments"></i> Client Conversations</h5>
                </div>
                <div class="card-body">
                    <!-- Previous Messages Section -->
                    <div>
                        <div id="clientConversationList" style="max-height: 400px; overflow-y: auto; padding: 10px; background-color: #f8f9fa; border-radius: 5px;">
                            @if($resellerTicket->resellerMessages && $resellerTicket->resellerMessages->count() > 0)
                                @php
                                    $colors = ['#007bff', '#28a745', '#ffc107', '#dc3545', '#17a2b8', '#6f42c1', '#e83e8c', '#fd7e14', '#20c997', '#6c757d'];
                                    $userColorMap = [];
                                    $colorIndex = 0;
                                @endphp
                                @foreach($resellerTicket->resellerMessages->sortBy('created_at') as $message)
                                    @php
                                        $senderName = 'N/A';
                                        $isResellerSender = false;
                                        
                                        // Check if sender is the ticket owner (reseller/client)
                                        $isResellerSender = ($message->reseller_id === $resellerTicket->user_id);
                                        
                                        // Determine sender name
                                        if ($message->reseller) {
                                            $senderName = $message->reseller->name ?? ($message->reseller->company_name ?? 'N/A');
                                        } else {
                                            // Fallback: try to get sender from user table
                                            $senderUser = \App\Models\User::find($message->reseller_id);
                                            if ($senderUser) {
                                                $senderName = $senderUser->name ?? ($senderUser->company_name ?? 'N/A');
                                            }
                                        }
                                        
                                        // Assign color to sender
                                        if (!isset($userColorMap[$senderName])) {
                                            $userColorMap[$senderName] = $colors[$colorIndex % count($colors)];
                                            $colorIndex++;
                                        }
                                        $userColor = $userColorMap[$senderName];
                                        
                                        // Determine border color and alignment based on sender type
                                        $borderColor = $isResellerSender ? '#28a745' : '#17a2b8';
                                        $alignment = $isResellerSender ? 'flex-end' : 'flex-start';
                                        $textAlign = $isResellerSender ? 'text-right' : 'text-left';
                                        $borderStyle = $isResellerSender ? 'border-right: 4px solid ' . $borderColor . ';' : 'border-left: 4px solid ' . $borderColor . ';';
                                    @endphp
                                    <div class="mb-2 d-flex" style="justify-content: {{ $alignment }};">
                                        <div class="p-2 border rounded" style="background-color: #ffffff; {{ $borderStyle }} {{ $textAlign }}; max-width: 75%;">
                                            <div class="d-flex align-items-center mb-1 {{ $isResellerSender ? 'flex-row-reverse' : '' }}">
                                                @if(!$isResellerSender)
                                                    <i class="fas fa-user-circle fa-lg mr-2" style="color: {{ $userColor }};"></i>
                                                @endif
                                                <div class="flex-grow-1 {{ $textAlign }}">
                                                    <strong style="font-size: 0.9em; color: {{ $userColor }};">
                                                        {{ $senderName }}
                                                        @if($isResellerSender)
                                                            <span class="badge badge-success ml-1" style="font-size: 0.75em;">Client</span>
                                                        @else
                                                            <span class="badge badge-info ml-1" style="font-size: 0.75em;">Support</span>
                                                        @endif
                                                    </strong>
                                                    <span class="text-muted ml-2" style="font-size: 0.85em;">{{ $message->created_at->format('d M Y h:i A') }}</span>
                                                </div>
                                                @if($isResellerSender)
                                                    <i class="fas fa-user-circle fa-lg ml-2" style="color: {{ $userColor }};"></i>
                                                @endif
                                            </div>
                                            <div class="{{ $isResellerSender ? 'mr-0' : 'ml-0' }}" style="font-size: 0.9em; white-space: pre-wrap;">{{ $message->message ?? '' }}</div>
                                            @if($message->attachment)
                                                @php
                                                    $isImage = $message->isImage();
                                                    $attachmentUrl = route('reseller-tickets.messages.view', $message);
                                                    $downloadUrl = route('reseller-tickets.messages.download', $message);
                                                @endphp
                                                <div class="{{ $isResellerSender ? 'mr-0' : 'ml-0' }} mt-1">
                                                    @if($isImage)
                                                        <a href="{{ $attachmentUrl }}" target="_blank">
                                                            <img src="{{ $attachmentUrl }}" alt="Attachment" style="max-width: 150px; max-height: 150px;" class="img-thumbnail">
                                                        </a>
                                                    @else
                                                        <a href="{{ $downloadUrl }}" download="{{ $message->file_name }}" class="btn btn-sm btn-outline-primary">
                                                            <i class="fas fa-download"></i> {{ $message->file_name ?? 'Download' }}
                                                        </a>
                                                    @endif
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                @endforeach
                            @else
                                <div class="text-center text-muted py-3">No client conversations yet.</div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="card mb-4">
                <div class="card-header bg-info text-white">
                    <h5 class="mb-0">Ticket Information</h5>
                </div>
                <div class="card-body">
                    <table class="table table-sm">
                        <tr>
                            <th>Ticket Number:</th>
                            <td><strong>{{ $resellerTicket->ticket_number }}</strong></td>
                        </tr>
                        <tr>
                            <th>Ticket Created Duration:</th>
                            <td>
                                @php
                                    $createdAt = \Carbon\Carbon::parse($resellerTicket->created_at);
                                    $isResolvedOrClosed = in_array($resellerTicket->status, ['resolved', 'closed']);
                                    
                                    if ($isResolvedOrClosed && ($resellerTicket->resolved_at || $resellerTicket->closed_at)) {
                                        // For resolved/closed tickets, show duration from creation to resolved/closed time
                                        $endAt = \Carbon\Carbon::parse($resellerTicket->resolved_at ?? $resellerTicket->closed_at);
                                        $diff = $createdAt->diff($endAt);
                                        $duration = sprintf('%dd:%dh:%dm:%ds', 
                                            $diff->days, 
                                            $diff->h, 
                                            $diff->i, 
                                            $diff->s
                                        );
                                        $isLive = false;
                                    } else {
                                        // For active tickets, calculate duration from creation to now (will be updated by JavaScript)
                                        $now = now();
                                        $diff = $createdAt->diff($now);
                                        $duration = sprintf('%dd:%dh:%dm:%ds', 
                                            $diff->days, 
                                            $diff->h, 
                                            $diff->i, 
                                            $diff->s
                                        );
                                        $isLive = true;
                                    }
                                @endphp
                                <span id="ticket-created-duration" 
                                      data-created-at="{{ $createdAt->timestamp }}" 
                                      data-is-live="{{ $isLive ? '1' : '0' }}"
                                      data-resolved-at="{{ ($isResolvedOrClosed && ($resellerTicket->resolved_at || $resellerTicket->closed_at)) ? \Carbon\Carbon::parse($resellerTicket->resolved_at ?? $resellerTicket->closed_at)->timestamp : '' }}"
                                      style="display: inline-block; padding: 4px 12px; background-color: #ffc107; color: #000; border-radius: 4px; font-size: 0.9em; font-weight: 500;">
                                    {{ $duration }}
                                </span>
                            </td>
                        </tr>
                        <tr>
                            <th>Status:</th>
                            <td>
                                <span class="badge badge-{{ $resellerTicket->status_badge }}">
                                    {{ ucfirst(str_replace('_', ' ', $resellerTicket->status)) }}
                                </span>
                            </td>
                        </tr>
                        <tr>
                            <th>Priority:</th>
                            <td>
                                <span class="badge badge-{{ $resellerTicket->priority_badge }}">
                                    {{ ucfirst($resellerTicket->priority) }}
                                </span>
                            </td>
                        </tr>
                        <tr>
                            <th>Category:</th>
                            <td>{{ $resellerTicket->category->name ?? 'N/A' }}</td>
                        </tr>
                        <tr>
                            <th>Sub Category:</th>
                            <td>{{ $resellerTicket->subcategory->name ?? 'N/A' }}</td>
                        </tr>
                        <tr>
                            <th>Reseller:</th>
                            <td>
                                @if($resellerTicket->user->reseller && $resellerTicket->user->reseller->name)
                                    {{ $resellerTicket->user->reseller->name }}
                                @elseif($resellerTicket->user->company_name)
                                    {{ $resellerTicket->user->company_name }}
                                @else
                                    {{ $resellerTicket->user->name ?? 'N/A' }}
                                @endif
                            </td>
                        </tr>
                        <tr>
                            <th>Name:</th>
                            <td>{{ $resellerTicket->user->name ?? 'N/A' }}</td>
                        </tr>
                        <tr>
                            <th>Phone Number:</th>
                            <td>{{ $resellerTicket->user->phone ?? 'N/A' }}</td>
                        </tr>
                        <tr>
                            <th>Complained Number:</th>
                            <td>{{ $resellerTicket->complained_number ?? 'N/A' }}</td>
                        </tr>
                        <tr>
                            <th>Level:</th>
                            <td>
                                @if($resellerTicket->assignedEmployees && $resellerTicket->assignedEmployees->count() > 0)
                                    @foreach($resellerTicket->assignedEmployees as $employee)
                                        <span class="badge badge-info mr-1">
                                            {{ $employee->name }} ({{ $employee->employee_id ?? 'N/A' }})
                                        </span>
                                    @endforeach
                                @else
                                    Unassigned
                                @endif
                            </td>
                        </tr>
                        <tr>
                            <th>Created By:</th>
                            <td>{{ $resellerTicket->createdBy->name ?? 'N/A' }}</td>
                        </tr>
                        <tr>
                            <th>Created At:</th>
                            <td>{{ $resellerTicket->created_at->format('Y-m-d H:i:s') }}</td>
                        </tr>
                        @if($resellerTicket->resolved_at)
                        <tr>
                            <th>Resolved At:</th>
                            <td>{{ $resellerTicket->resolved_at->format('Y-m-d H:i:s') }}</td>
                        </tr>
                        @endif
                        @if($resellerTicket->closed_at)
                        <tr>
                            <th>Closed At:</th>
                            <td>{{ $resellerTicket->closed_at->format('Y-m-d H:i:s') }}</td>
                        </tr>
                        @endif
                        @php
                            $isSolved = $resellerTicket->resolved_at || $resellerTicket->status === 'resolved' || $resellerTicket->status === 'closed';
                            $solvedByEmployee = null;
                            
                            if ($isSolved) {
                                // Find the employee who had the active assignment when ticket was solved
                                $resolvedAt = $resellerTicket->resolved_at ?? ($resellerTicket->closed_at ?? now());
                                
                                // Find assignment that was active before resolution and deactivated around resolution time
                                $solvedAssignment = DB::table('reseller_ticket_employee_assignments')
                                    ->where('reseller_ticket_id', $resellerTicket->id)
                                    ->where('is_active', false)
                                    ->whereNotNull('assigned_at')
                                    ->orderBy('updated_at', 'desc')
                                    ->first();
                                
                                if ($solvedAssignment) {
                                    $solvedEmployee = DB::table('employees')
                                        ->where('id', $solvedAssignment->employee_id)
                                        ->first();
                                    $solvedByEmployee = $solvedEmployee ? $solvedEmployee->name : null;
                                }
                                
                                // If not found, try to find any employee who had assignment for this ticket
                                if (!$solvedByEmployee) {
                                    $anyAssignment = DB::table('reseller_ticket_employee_assignments')
                                        ->where('reseller_ticket_id', $resellerTicket->id)
                                        ->orderBy('updated_at', 'desc')
                                        ->first();
                                    
                                    if ($anyAssignment) {
                                        $anyEmployee = DB::table('employees')
                                            ->where('id', $anyAssignment->employee_id)
                                            ->first();
                                        $solvedByEmployee = $anyEmployee ? $anyEmployee->name : null;
                                    }
                                }
                            }
                        @endphp
                        @if($isSolved)
                        <tr>
                            <th>Solved/Closed by:</th>
                            <td>
                                @if($solvedByEmployee)
                                    <span class="badge badge-success">{{ $solvedByEmployee }}</span>
                                @else
                                    <span class="text-muted">N/A</span>
                                @endif
                            </td>
                        </tr>
                        @endif
                        <tr>
                            <th>Last Updated:</th>
                            <td>{{ $resellerTicket->updated_at->format('Y-m-d H:i:s') }}</td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

@push('scripts')
<script>
    document.addEventListener('DOMContentLoaded', function() {
        // Update live durations every second
        setInterval(function() {
            // Update assignment durations
            document.querySelectorAll('[id^="duration-"]').forEach(function(element) {
                const isLive = element.getAttribute('data-is-live') === '1';
                if (!isLive) return; // Skip if not live
                
                const assignedAt = parseInt(element.getAttribute('data-assigned-at'));
                const now = Math.floor(Date.now() / 1000);
                const diffSeconds = now - assignedAt;
                
                if (diffSeconds < 0) return;
                
                const days = Math.floor(diffSeconds / 86400);
                const hours = Math.floor((diffSeconds % 86400) / 3600);
                const minutes = Math.floor((diffSeconds % 3600) / 60);
                const seconds = diffSeconds % 60;
                
                const duration = days + 'd:' + hours + 'h:' + minutes + 'm:' + seconds + 's';
                element.textContent = duration;
            });
            
            // Update ticket created duration
            const ticketDurationElement = document.getElementById('ticket-created-duration');
            if (ticketDurationElement) {
                const isLive = ticketDurationElement.getAttribute('data-is-live') === '1';
                if (isLive) {
                    const createdAt = parseInt(ticketDurationElement.getAttribute('data-created-at'));
                    const now = Math.floor(Date.now() / 1000);
                    const diffSeconds = now - createdAt;
                    
                    if (diffSeconds >= 0) {
                        const days = Math.floor(diffSeconds / 86400);
                        const hours = Math.floor((diffSeconds % 86400) / 3600);
                        const minutes = Math.floor((diffSeconds % 3600) / 60);
                        const seconds = diffSeconds % 60;
                        
                        const duration = days + 'd:' + hours + 'h:' + minutes + 'm:' + seconds + 's';
                        ticketDurationElement.textContent = duration;
                    }
                }
            }
        }, 1000); // Update every second
    });

</script>
@endpush
@endsection