@extends('admin.layouts.layout')

@section('title', 'View Property Age Fee: $' . number_format($propertyAgeFee->fee, 2))

@section('content')
<div class="mb-4">
    <div class="servicestitle">
        <h3>View Property Age Fee: ${{ number_format($propertyAgeFee->fee, 2) }}</h3>
        <div class="d-flex gap-2 ms-auto">            
            @if($permission['edit'] ?? true)
            <a href="{{ route('property-age-fees.edit', $propertyAgeFee->id) }}" class="btn btn-primary">
                <i class="fas fa-edit"></i> Edit Fee
            </a>
            @endif
            @if($permission['index'] ?? true)
            <a href="{{ route('property-age-fees.index') }}" class="btn btn-dark waves-effect">
                <i class="fas fa-arrow-left"></i> Back to Fees
            </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">Property Age Fee Details</h5>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label class="form-label fw-bold">Fee Amount:</label>
                                    <p class="form-control-plaintext">
                                        <span class="badge bg-success fs-6">${{ number_format($propertyAgeFee->fee, 2) }}</span>
                                    </p>
                                </div>
                                
                                <div class="mb-3">
                                    <label class="form-label fw-bold">Construction Period:</label>
                                    <p class="form-control-plaintext">
                                        <span class="badge bg-info fs-6">{{ $propertyAgeFee->constructed_from }} - {{ $propertyAgeFee->constructed_to }}</span>
                                    </p>
                                </div>
                                
                                <div class="mb-3">
                                    <label class="form-label fw-bold">Service:</label>
                                    <p class="form-control-plaintext">
                                        @if($propertyAgeFee->service)
                                            <span class="badge bg-primary">{{ $propertyAgeFee->service->service_name }}</span>
                                        @else
                                            <span class="text-muted">No service assigned</span>
                                        @endif
                                    </p>
                                </div>
                            </div>
                            
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label class="form-label fw-bold">Sort Order:</label>
                                    <p class="form-control-plaintext">{{ $propertyAgeFee->sort_order ?? 0 }}</p>
                                </div>
                                
                                <div class="mb-3">
                                    <label class="form-label fw-bold">Tenant:</label>
                                    <p class="form-control-plaintext">
                                        {{ $propertyAgeFee->tenant ? $propertyAgeFee->tenant->name : 'N/A' }}
                                    </p>
                                </div>
                                
                                <div class="mb-3">
                                    <label class="form-label fw-bold">Construction Period Length:</label>
                                    <p class="form-control-plaintext">
                                        {{ $propertyAgeFee->constructed_to - $propertyAgeFee->constructed_from }} years
                                    </p>
                                </div>
                            </div>
                        </div>
                        
                        <!-- Service Details -->
                        @if($propertyAgeFee->service)
                        <div class="mb-3">
                            <label class="form-label fw-bold">Service Details:</label>
                            <div class="mt-2 p-3 border rounded bg-light">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="mb-2">
                                            <strong>Service Name:</strong> {{ $propertyAgeFee->service->service_name }}
                                        </div>
                                        <div class="mb-2">
                                            <strong>Service Type:</strong> 
                                            @if($propertyAgeFee->service->service_type)
                                                <span class="badge bg-{{ $propertyAgeFee->service->service_type == 'Residential' ? 'primary' : ($propertyAgeFee->service->service_type == 'Sewer' ? 'success' : 'info') }}">
                                                    {{ $propertyAgeFee->service->service_type }}
                                                </span>
                                            @else
                                                <span class="text-muted">Not specified</span>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-2">
                                            <strong>Duration:</strong> 
                                            @if($propertyAgeFee->service->duration)
                                                {{ $propertyAgeFee->service->duration }} hour{{ $propertyAgeFee->service->duration > 1 ? 's' : '' }}
                                            @else
                                                <span class="text-muted">Not specified</span>
                                            @endif
                                        </div>
                                        <div class="mb-2">
                                            <strong>Fee Type:</strong> 
                                            <span class="badge bg-secondary">{{ ucfirst(str_replace('_', ' ', $propertyAgeFee->service->fee_type)) }}</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @endif
                        
                        <!-- Fee Calculation Examples -->
                        <div class="mb-3">
                            <label class="form-label fw-bold">Fee Application:</label>
                            <div class="mt-2">
                                <div class="alert alert-info">
                                    <h6 class="mb-2">This fee applies to properties constructed between:</h6>
                                    <ul class="mb-0">
                                        <li><strong>Start Year:</strong> {{ $propertyAgeFee->constructed_from }}</li>
                                        <li><strong>End Year:</strong> {{ $propertyAgeFee->constructed_to }}</li>
                                        <li><strong>Additional Fee:</strong> ${{ number_format($propertyAgeFee->fee, 2) }}</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        
                        <!-- Timestamps -->
                        <div class="mb-3">
                            <label class="form-label fw-bold">Record Information:</label>
                            <div class="mt-2">
                                <div class="row">
                                    <div class="col-md-6">
                                        <strong>Created:</strong> {{ $propertyAgeFee->created_at ? \App\Helpers\Helper::showdate($propertyAgeFee->created_at) : 'N/A' }}
                                    </div>
                                    <div class="col-md-6">
                                        <strong>Last Updated:</strong> {{ $propertyAgeFee->updated_at ? \App\Helpers\Helper::showdate($propertyAgeFee->updated_at) : 'N/A' }}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Related Fees (if any) -->
    @if($propertyAgeFee->service)
    <div class="service_contentarea">   
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <h5 class="mb-0">Other Fees for {{ $propertyAgeFee->service->service_name }}</h5>
                    </div>
                    <div class="card-body">
                        @php
                            $relatedFees = \App\Models\PropertyAgeFee::where('service_id', $propertyAgeFee->service_id)
                                ->where('id', '!=', $propertyAgeFee->id)
                                ->orderBy('constructed_from')
                                ->get();
                        @endphp
                        
                        @if($relatedFees->count() > 0)
                            <div class="table-responsive">
                                <table class="table table-sm table-bordered">
                                    <thead class="table-light">
                                        <tr>
                                            <th>Construction Period</th>
                                            <th>Fee Amount</th>
                                            <th>Sort Order</th>
                                            <th>Actions</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($relatedFees as $relatedFee)
                                        <tr>
                                            <td>
                                                <span class="badge bg-info">{{ $relatedFee->constructed_from }} - {{ $relatedFee->constructed_to }}</span>
                                            </td>
                                            <td>${{ number_format($relatedFee->fee, 2) }}</td>
                                            <td>{{ $relatedFee->sort_order }}</td>
                                            <td>
                                                @if($permission['show'] ?? true)
                                                <a href="{{ route('property-age-fees.show', $relatedFee->id) }}" class="btn btn-sm btn-outline-primary" title="View">
                                                    <i class="fas fa-eye"></i>
                                                </a>
                                                @endif
                                                @if($permission['edit'] ?? true)
                                                <a href="{{ route('property-age-fees.edit', $relatedFee->id) }}" class="btn btn-sm btn-outline-secondary ms-1" title="Edit">
                                                    <i class="fas fa-edit"></i>
                                                </a>
                                                @endif
                                            </td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        @else
                            <div class="text-center py-3">
                                <i class="fas fa-info-circle fa-2x text-muted mb-2"></i>
                                <p class="text-muted">No other property age fees found for this service.</p>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
    @endif
</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;
}

.badge.fs-6 {
    font-size: 1rem !important;
    padding: 0.5rem 1rem;
}

.alert {
    margin-bottom: 0;
}

.table th {
    font-weight: 600;
    background-color: #f8f9fa;
}
</style>
@endpush