@props(['log'])

<div class="modal fade" id="detailsModal{{ $log->id }}" tabindex="-1" aria-labelledby="detailsModalLabel{{ $log->id }}" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="detailsModalLabel{{ $log->id }}">Activity Log Details</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div class="row mb-4">
                    <div class="col-md-6">
                        <h6 class="mb-3">Basic Information</h6>
                        <p><strong>User:</strong> {{ $log->causer->name ?? 'System' }}</p>
                        <p><strong>Action:</strong> {{ str_replace('_', ' ', ucfirst($log->description)) }}</p>
                        <p><strong>Model:</strong> {{ class_basename($log->subject_type) }}</p>
                        <p><strong>IP Address:</strong> {{ $log->properties['ip_address'] ?? 'N/A' }}</p>
                        <p><strong>Date:</strong> {{ $log->created_at->format('Y-m-d H:i:s') }}</p>
                    </div>
                    <div class="col-md-6">
                        <h6 class="mb-3">Customer Information</h6>
                        @if(isset($log->subject))
                            <p><strong>Customer ID:</strong> {{ $log->subject->id ?? 'N/A' }}</p>
                            <p><strong>Full Name:</strong> {{ $log->subject->full_name ?? 'N/A' }}</p>
                            <p><strong>Email:</strong> {{ $log->subject->email ?? 'N/A' }}</p>
                            <p><strong>Phone:</strong> {{ $log->subject->phone_number ?? 'N/A' }}</p>
                            <p><strong>Status:</strong> 
                                <span class="badge bg-{{ $log->subject->status === 'active' ? 'success' : 'danger' }}">
                                    {{ ucfirst($log->subject->status ?? 'N/A') }}
                                </span>
                            </p>
                            <p><strong>Verification:</strong> 
                                @if($log->subject->verified_at)
                                    <span class="badge bg-success">Verified</span>
                                    <small class="text-muted">({{ $log->subject->verified_at->format('Y-m-d H:i:s') }})</small>
                                @else
                                    <span class="badge bg-warning">Not Verified</span>
                                @endif
                            </p>
                        @else
                            <p class="text-muted">Customer information not available</p>
                        @endif
                    </div>
                </div>

                @if($log->description === 'update_customer')
                    <hr>
                    <h6 class="mb-3">Changes Made</h6>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="card">
                                <div class="card-header bg-light">
                                    <h6 class="mb-0">Before Changes</h6>
                                </div>
                                <div class="card-body">
                                    @php
                                        $oldValues = $log->properties['old_values'] ?? [];
                                    @endphp
                                    <p><strong>First Name:</strong> {{ $oldValues['first_name'] ?? 'N/A' }}</p>
                                    <p><strong>Last Name:</strong> {{ $oldValues['last_name'] ?? 'N/A' }}</p>
                                    <p><strong>Email:</strong> {{ $oldValues['email'] ?? 'N/A' }}</p>
                                    <p><strong>Phone:</strong> {{ $oldValues['phone_number'] ?? 'N/A' }}</p>
                                    <p><strong>Status:</strong> 
                                        <span class="badge bg-{{ ($oldValues['status'] ?? '') === 'active' ? 'success' : 'danger' }}">
                                            {{ ucfirst($oldValues['status'] ?? 'N/A') }}
                                        </span>
                                    </p>
                                    <p><strong>Verification:</strong> 
                                        @if(isset($oldValues['verified_at']))
                                            <span class="badge bg-success">Verified</span>
                                            <small class="text-muted">({{ $oldValues['verified_at'] }})</small>
                                        @else
                                            <span class="badge bg-warning">Not Verified</span>
                                        @endif
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="card">
                                <div class="card-header bg-light">
                                    <h6 class="mb-0">After Changes</h6>
                                </div>
                                <div class="card-body">
                                    @php
                                        $newValues = $log->properties['new_values'] ?? [];
                                    @endphp
                                    <p><strong>First Name:</strong> {{ $newValues['first_name'] ?? 'N/A' }}</p>
                                    <p><strong>Last Name:</strong> {{ $newValues['last_name'] ?? 'N/A' }}</p>
                                    <p><strong>Email:</strong> {{ $newValues['email'] ?? 'N/A' }}</p>
                                    <p><strong>Phone:</strong> {{ $newValues['phone_number'] ?? 'N/A' }}</p>
                                    <p><strong>Status:</strong> 
                                        <span class="badge bg-{{ ($newValues['status'] ?? '') === 'active' ? 'success' : 'danger' }}">
                                            {{ ucfirst($newValues['status'] ?? 'N/A') }}
                                        </span>
                                    </p>
                                    <p><strong>Verification:</strong> 
                                        @if(isset($newValues['verified_at']))
                                            <span class="badge bg-success">Verified</span>
                                            <small class="text-muted">({{ $newValues['verified_at'] }})</small>
                                        @else
                                            <span class="badge bg-warning">Not Verified</span>
                                        @endif
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                @elseif($log->description === 'create_customer')
                    <hr>
                    <h6 class="mb-3">New Customer Details</h6>
                    <div class="card">
                        <div class="card-body">
                            @php
                                $newValues = $log->properties['new_values'] ?? [];
                            @endphp
                            <div class="row">
                                <div class="col-md-6">
                                    <p><strong>First Name:</strong> {{ $newValues['first_name'] ?? 'N/A' }}</p>
                                    <p><strong>Last Name:</strong> {{ $newValues['last_name'] ?? 'N/A' }}</p>
                                    <p><strong>Email:</strong> {{ $newValues['email'] ?? 'N/A' }}</p>
                                </div>
                                <div class="col-md-6">
                                    <p><strong>Phone:</strong> {{ $newValues['phone_number'] ?? 'N/A' }}</p>
                                    <p><strong>Status:</strong> 
                                        <span class="badge bg-{{ ($newValues['status'] ?? '') === 'active' ? 'success' : 'danger' }}">
                                            {{ ucfirst($newValues['status'] ?? 'N/A') }}
                                        </span>
                                    </p>
                                    <p><strong>Created By:</strong> {{ $log->causer->name ?? 'System' }}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                @elseif($log->description === 'verify_customer')
                    <hr>
                    <h6 class="mb-3">Verification Details</h6>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="card">
                                <div class="card-header bg-light">
                                    <h6 class="mb-0">Before Verification</h6>
                                </div>
                                <div class="card-body">
                                    <p><strong>Verification Status:</strong> 
                                        <span class="badge bg-warning">Not Verified</span>
                                    </p>
                                    <p><strong>Verified At:</strong> N/A</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="card">
                                <div class="card-header bg-light">
                                    <h6 class="mb-0">After Verification</h6>
                                </div>
                                <div class="card-body">
                                    <p><strong>Verification Status:</strong> 
                                        <span class="badge bg-success">Verified</span>
                                    </p>
                                    <p><strong>Verified At:</strong> {{ $log->properties['new_values']['verified_at'] ?? 'N/A' }}</p>
                                    <p><strong>Verified By:</strong> {{ $log->causer->name ?? 'System' }}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                @elseif($log->description === 'activate_customer' || $log->description === 'deactivate_customer')
                    <hr>
                    <h6 class="mb-3">Status Change Details</h6>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="card">
                                <div class="card-header bg-light">
                                    <h6 class="mb-0">Before Status Change</h6>
                                </div>
                                <div class="card-body">
                                    @php
                                        $oldValues = $log->properties['old_values'] ?? [];
                                    @endphp
                                    <p><strong>Status:</strong> 
                                        <span class="badge bg-{{ ($oldValues['status'] ?? '') === 'active' ? 'success' : 'danger' }}">
                                            {{ ucfirst($oldValues['status'] ?? 'N/A') }}
                                        </span>
                                    </p>
                                    <p><strong>Changed At:</strong> {{ $log->created_at->format('Y-m-d H:i:s') }}</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="card">
                                <div class="card-header bg-light">
                                    <h6 class="mb-0">After Status Change</h6>
                                </div>
                                <div class="card-body">
                                    @php
                                        $newValues = $log->properties['new_values'] ?? [];
                                    @endphp
                                    <p><strong>Status:</strong> 
                                        <span class="badge bg-{{ ($newValues['status'] ?? '') === 'active' ? 'success' : 'danger' }}">
                                            {{ ucfirst($newValues['status'] ?? 'N/A') }}
                                        </span>
                                    </p>
                                    <p><strong>Changed By:</strong> {{ $log->causer->name ?? 'System' }}</p>
                                    <p><strong>Changed At:</strong> {{ $log->created_at->format('Y-m-d H:i:s') }}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                @endif
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary btn-sm" data-bs-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>