@extends('admin.layouts.layout')

@section('title', 'View Agency: ' . $agency->name)

@section('content')
<div class="">
    <div class="row">
        <div class="col-12">
            <div class="page-title-box">
                <h4 class="page-title">View Agency: {{ $agency->name }}</h4>
                <div class="d-flex gap-2 ms-auto">
                    @if($permission['edit'] ?? true)
                    <a href="{{ route($routePrefix . '.edit', $agency->id) }}" class="btn btn-primary">
                        <i class="fas fa-edit"></i> Edit Agency
                    </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 Agency List
                    </a>
                    @endif
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h5 class="mb-0">Agency Details</h5>
                </div>
                <div class="card-body">
                    <div class="d-flex align-items-start mb-4">
                        <div class="customer_image">
                            @php
                                $avatarThumb = isset($agency->avatar['thumb'])
                                    ? $agency->avatar['thumb']
                                    : null;
                            @endphp
                            
                            @if($avatarThumb)
                                <img src="{{ $avatarThumb }}" alt="Agency Avatar" style="width: 80px; height: 80px; border-radius: 50%; object-fit: cover; border: 2px solid #dee2e6;">
                            @else
                                <div class="d-flex align-items-center justify-content-center bg-secondary text-white rounded-circle" style="width:80px; height:80px; font-size:2rem;">
                                    @php
                                        $name = $agency->name ?? '';
                                        $words = explode(' ', $name);
                                        $initials = '';
                                        $count = 0;
                                        
                                        foreach ($words as $word) {
                                            if (!empty($word) && $count < 2) {
                                                $initials .= mb_substr($word, 0, 1);
                                                $count++;
                                            }
                                        }
                                        
                                        echo strtoupper($initials);
                                    @endphp
                                </div>
                            @endif
                        </div>
                        <div class="w-100">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="mb-2"><span class="form-label fw-bold">Agency Name:</span> <span class="form-control-plaintext d-inline">{{ $agency->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">{{ $agency->company_name ?? 'N/A' }}</span></div>
                                    <div class="mb-2"><span class="form-label fw-bold">Office Email:</span> <span class="form-control-plaintext d-inline"><a href="mailto:{{ $agency->office_email }}">{{ $agency->office_email ?? 'N/A' }}</a></span></div>
                                    <div class="mb-2"><span class="form-label fw-bold">Secondary Email:</span> <span class="form-control-plaintext d-inline">
                                        @if($agency->secondary_email)
                                            <a href="mailto:{{ $agency->secondary_email }}">{{ $agency->secondary_email }}</a>
                                        @else
                                            N/A
                                        @endif
                                    </span></div>
                                    <div class="mb-2"><span class="form-label fw-bold">Website:</span> <span class="form-control-plaintext d-inline">
                                        @if($agency->website)
                                            <a href="{{ $agency->website }}" target="_blank">{{ $agency->website }}</a>
                                        @else
                                            N/A
                                        @endif
                                    </span></div>
                                </div>
                                <div class="col-md-6">
                                    <div class="mb-2"><span class="form-label fw-bold">Office Phone:</span> <span class="form-control-plaintext d-inline">{{ $agency->office_phone ?? 'N/A' }}</span></div>
                                    <div class="mb-2"><span class="form-label fw-bold">Mobile Phone:</span> <span class="form-control-plaintext d-inline">{{ $agency->mobile_phone ?? 'N/A' }}</span></div>
                                    <div class="mb-2"><span class="form-label fw-bold">Fax:</span> <span class="form-control-plaintext d-inline">{{ $agency->fax ?? 'N/A' }}</span></div>
                                    <div class="mb-2"><span class="form-label fw-bold">Status:</span> 
                                        <span class="form-control-plaintext d-inline">
                                            @if($agency->is_active)
                                                <span class="badge bg-success">Active</span>
                                            @else
                                                <span class="badge bg-secondary">Inactive</span>
                                            @endif
                                        </span>
                                    </div>
                                    <div class="mb-2"><span class="form-label fw-bold">Created:</span> <span class="form-control-plaintext d-inline">{{ $agency->created_at ? $agency->created_at->format('M d, Y \a\t h:i A') : 'N/A' }}</span></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    @if(!empty($agency->address) || !empty($agency->city) || !empty($agency->state) || !empty($agency->country) || !empty($agency->zip))
    <div class="row mt-3">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h5 class="mb-0">Address Information</h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-2"><span class="form-label fw-bold">Address:</span> <span class="form-control-plaintext d-inline">{{ $agency->address ?? 'N/A' }}</span></div>
                            <div class="mb-2"><span class="form-label fw-bold">City:</span> <span class="form-control-plaintext d-inline">{{ $agency->city ?? 'N/A' }}</span></div>
                            <div class="mb-2"><span class="form-label fw-bold">State:</span> <span class="form-control-plaintext d-inline">{{ $agency->state ?? 'N/A' }}</span></div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-2"><span class="form-label fw-bold">Country:</span> <span class="form-control-plaintext d-inline">{{ $agency->country ?? 'N/A' }}</span></div>
                            <div class="mb-2"><span class="form-label fw-bold">ZIP Code:</span> <span class="form-control-plaintext d-inline">{{ $agency->zip ?? 'N/A' }}</span></div>
                            @if(!empty($agency->latitude) && !empty($agency->longitude))
                            <div class="mb-2"><span class="form-label fw-bold">Coordinates:</span> <span class="form-control-plaintext d-inline">{{ $agency->latitude }}, {{ $agency->longitude }}</span></div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @endif

    @if(!empty($agency->notes))
    <div class="row mt-3">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h5 class="mb-0">Notes</h5>
                </div>
                <div class="card-body">
                    <p class="mb-0">{{ $agency->notes }}</p>
                </div>
            </div>
        </div>
    </div>
    @endif
</div>
@endsection