@extends('admin.layouts.layout')

@section('title', 'View Agent: ' . $agent->first_name . ' ' . $agent->last_name)

@section('content')
<div class="mb-4">
    <div class="servicestitle">
        <h3>View Agent: {{ $agent->first_name }} {{ $agent->last_name }}</h3>
        <div class="d-flex gap-2 ms-auto">            
            @if($permission['edit'] ?? true)
            <a href="{{ route($routePrefix . '.edit', $agent->id) }}" class="btn btn-primary">
                <i class="fas fa-edit"></i> Edit Agent
            </a>
            @endif
            @if($permission['index'] ?? true)
            <a href="{{ route($routePrefix . '.index') }}" class="btn btn-dark waves-effect">
                <i class="fas fa-arrow-left"></i> Back to Agent List
            </a>
            @endif
        </div>
    </div> 
    <div class="service_contentarea">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <h5 class="mb-0">Agent Details</h5>
                    </div>
                    <div class="card-body">
                        <div class="d-flex align-items-start mb-4">
                            <div class="customer_image">
                                @php
                                    $avatarThumb = isset($agent->avatar['thumb'])
                                        ? $agent->avatar['thumb']
                                        : asset('img/200x200/no-profile.jpg');
                                @endphp
                                <img src="{{ $avatarThumb }}" alt="Profile" style="width: 80px; height: 80px; border-radius: 50%; object-fit: cover; border: 2px solid #dee2e6;">
                            </div>
                            <div class="w-100">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="mb-2"><span class="form-label fw-bold">Username:</span> <span class="form-control-plaintext d-inline">{{ $agent->username ?? 'N/A' }}</span></div>
                                        <div class="mb-2"><span class="form-label fw-bold">First Name:</span> <span class="form-control-plaintext d-inline">{{ $agent->first_name ?? 'N/A' }}</span></div>
                                        <div class="mb-2"><span class="form-label fw-bold">Last Name:</span> <span class="form-control-plaintext d-inline">{{ $agent->last_name ?? 'N/A' }}</span></div>
                                        <div class="mb-2"><span class="form-label fw-bold">Company Name:</span> <span class="form-control-plaintext d-inline">{{ isset($agent->agencies['name']) ? $agent->agencies['name'] : 'N/A' }}</span></div>
                                        <div class="mb-2"><span class="form-label fw-bold">Email Address:</span> <span class="form-control-plaintext d-inline">{{ $agent->email ?? 'N/A' }}</span></div>
                                        <div class="mb-2"><span class="form-label fw-bold">Secondary Email:</span> <span class="form-control-plaintext d-inline">{{ $agent->secondary_email ?? 'N/A' }}</span></div>
                                        <div class="mb-2"><span class="form-label fw-bold">Phone:</span> <span class="form-control-plaintext d-inline">
                                            @php
                                                $phone = $agent->phone ?? '';
                                                if (preg_match('/^(\d{10})$/', $phone)) {
                                                    $formattedPhone = '(' . substr($phone, 0, 3) . ') ' . substr($phone, 3, 3) . '-' . substr($phone, 6);
                                                } else {
                                                    $formattedPhone = $phone ?: 'N/A';
                                                }
                                            @endphp
                                            {{ $formattedPhone }}
                                        </span></div>
                                        <div class="mb-2"><span class="form-label fw-bold">Fax:</span> <span class="form-control-plaintext d-inline">{{ $agent->fax ?? 'N/A' }}</span></div>
                                        <div class="mb-2"><span class="form-label fw-bold">Birth date:</span> <span class="form-control-plaintext d-inline">
                                                @if($agent->dob)
                                                    {{ \Carbon\Carbon::parse($agent->dob)->format('m-d-Y') }}
                                                @else
                                                    N/A
                                                @endif
                                            </span>
                                        </div> 
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-2"><span class="form-label fw-bold">Address:</span> <span class="form-control-plaintext d-inline">{{ isset($agent->addresses['address_line1']) ? $agent->addresses['address_line1'] : 'N/A' }}</span></div>
                                        <div class="mb-2"><span class="form-label fw-bold">State:</span> <span class="form-control-plaintext d-inline">{{ $agent->addresses['state'] ?? 'N/A' }}</span></div>
                                        <div class="mb-2"><span class="form-label fw-bold">Zip:</span> <span class="form-control-plaintext d-inline">{{ $agent->addresses['zip'] ?? 'N/A' }}</span></div>
                                        <div class="mb-2"><span class="form-label fw-bold">Notification Preference:</span> <span class="form-control-plaintext d-inline">{{ $agent->notification_preference ?? 'N/A' }}</span></div>
                                        <div class="mb-2"><span class="form-label fw-bold">Sponsor:</span> <span class="form-control-plaintext d-inline">
                                            @if($agent->sponsors && $agent->sponsors->count() > 0)
                                                @foreach($agent->sponsors as $sponsor)
                                                    <span class="badge bg-info me-1">{{ $sponsor->first_name }} {{ $sponsor->last_name }}</span>
                                                @endforeach
                                            @else
                                                N/A
                                            @endif
                                        </span></div>
                                        <div class="mb-2"><span class="form-label fw-bold">Note:</span> <span class="form-control-plaintext d-inline">{{ $agent->note ?? 'N/A' }}</span></div>
                                        <div class="mb-2"><span class="form-label fw-bold">Status:</span> <span class="form-control-plaintext d-inline">
                                            @if($agent->status == 1)
                                                <span class="badge bg-success">Active</span>
                                            @else
                                                <span class="badge bg-secondary">Inactive</span>
                                            @endif
                                        </span></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('page_css')
<style>
.form-control-plaintext {
    padding: 0.375rem 0;
    margin-bottom: 0;
    color: #495057;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0;
}

.form-label.fw-bold {
    color: #495057;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 0.25rem;
}

.badge {
    font-size: 0.75rem;
    padding: 0.375rem 0.75rem;
}
</style>
@endpush