@extends('admin.layouts.layout')

@section('title', 'View Service: ' . $service->service_name)

@section('content')
<div class="mb-4">
    <div class="servicestitle">
        <h3>View Service: {{ $service->service_name }}</h3>
        <div class="d-flex gap-2 ms-auto">
            @if($permission['edit'] ?? true)
            <a href="{{ route('services.edit', $service->id) }}" class="btn btn-primary">
                <i class="fas fa-edit"></i> Edit Service
            </a>
            @endif
            @if($permission['index'] ?? true)
            <a href="{{ route('services.index') }}" class="btn btn-dark waves-effect">
                <i class="fas fa-arrow-left"></i> Back to Services
            </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">Service Details</h5>
                    </div>
                    <div class="card-body">
                        @php
                            $condoFees = $service->serviceFees ? $service->serviceFees->whereNotNull('condo_type') : collect();
                            $multiFees = $service->serviceFees ? $service->serviceFees->whereNotNull('unit')->whereNull('condo_type') : collect();
                            $variableFees = $service->serviceFees ? $service->serviceFees->filter(fn($f) => $f->condo_type === null && $f->unit === null) : collect();
                            $bedroomFee = optional($condoFees->firstWhere('condo_type','bedroom'))->fee;
                            $bathroomFee = optional($condoFees->firstWhere('condo_type','bathroom'))->fee;
                        @endphp
                        
                        <div class="row">
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label class="form-label fw-bold">Service Name:</label>
                                    <p class="form-control-plaintext">{{ $service->service_name }}</p>
                                </div>
                                
                                <div class="mb-3">
                                    <label class="form-label fw-bold">Service Type:</label>
                                    <p class="form-control-plaintext">
                                        @if($service->service_type)
                                            <span class="badge bg-{{ $service->service_type == 'Residential' ? 'primary' : ($service->service_type == 'Sewer' ? 'success' : 'info') }}">
                                                {{ $service->service_type }}
                                            </span>
                                        @else
                                            <span class="text-muted">Not specified</span>
                                        @endif
                                    </p>
                                </div>
                                
                                <div class="mb-3">
                                    <label class="form-label fw-bold">Fee Type:</label>
                                    <p class="form-control-plaintext">
                                        <span class="badge bg-secondary">{{ $service->fee_type ?? 'Not specified' }}</span>
                                    </p>
                                </div>
                                
                                <div class="mb-3">
                                    <label class="form-label fw-bold">Duration:</label>
                                    <p class="form-control-plaintext">
                                        @if($service->duration)
                                            {{ $service->duration }} hour{{ $service->duration > 1 ? 's' : '' }}
                                        @else
                                            <span class="text-muted">Not specified</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">{{ $service->sort_order ?? 0 }}</p>
                                </div>
                                
                                <div class="mb-3">
                                    <label class="form-label fw-bold">Tenant:</label>
                                    <p class="form-control-plaintext">
                                        {{ $service->tenant ? $service->tenant->name : 'N/A' }}
                                    </p>
                                </div>
                                
                                <div class="mb-3">
                                    <label class="form-label fw-bold">Status:</label>
                                    <p class="form-control-plaintext">
                                        <span class="badge bg-{{ $service->is_main_service ? 'success' : 'secondary' }}">
                                            {{ $service->is_main_service ? 'Main Service' : 'Regular Service' }}
                                        </span>
                                    </p>
                                </div>
                            </div>
                        </div>
                        
                        <div class="mb-3">
                            <label class="form-label fw-bold">Description:</label>
                            <div class="mt-2 p-3 border rounded bg-light">
                                {!! $service->description ?: '<span class="text-muted">No description available.</span>' !!}
                            </div>
                        </div>
                        
                        <!-- Service Configuration -->
                        <div class="mb-3">
                            <label class="form-label fw-bold">Service Configuration:</label>
                            <div class="mt-2">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="mb-2">
                                            <strong>Hide in Scheduler:</strong> 
                                            <span class="badge bg-{{ $service->hide_in_scheduler ? 'danger' : 'success' }}">
                                                {{ $service->hide_in_scheduler ? 'Yes' : 'No' }}
                                            </span>
                                        </div>
                                        <div class="mb-2">
                                            <strong>Include Fees Per Service Area:</strong> 
                                            <span class="badge bg-{{ $service->include_fees_per_service_area ? 'success' : 'secondary' }}">
                                                {{ $service->include_fees_per_service_area ? 'Yes' : 'No' }}
                                            </span>
                                        </div>
                                        <div class="mb-2">
                                            <strong>Add Quantity:</strong> 
                                            <span class="badge bg-{{ $service->add_quantity ? 'success' : 'secondary' }}">
                                                {{ $service->add_quantity ? 'Yes' : 'No' }}
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-2">
                                            <strong>Default Inspector:</strong> 
                                            <span class="text-muted">
                                                {{ $service->defaultInspector ? $service->defaultInspector->first_name . ' ' . $service->defaultInspector->last_name : 'Not assigned' }}
                                            </span>
                                        </div>
                                        <div class="mb-2">
                                            <strong>Default Template:</strong> 
                                            <span class="text-muted">
                                                {{ $service->defaultTemplate ? $service->defaultTemplate->name : 'Not assigned' }}
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <!-- Fee Structure -->
                        <div class="mb-3">
                            <label class="form-label fw-bold">Fee Structure:</label>
                            <div class="mt-2">
                                @if($service->fee_type == 'Fixed')
                                    <div class="alert alert-info mb-2">
                                        <strong>Fixed Rate:</strong> {{ \App\Helpers\Helper::price($service->fee ?? 0) }}
                                    </div>
                                    <div class="small text-muted">Single flat fee. No tiers or unit-based adjustments.</div>
                                @elseif($service->fee_type == 'Variable')
                                    <div class="alert alert-info mb-2">
                                        <strong>Variable Rate Components:</strong><br>
                                        Base Fee: {{ \App\Helpers\Helper::price($service->base_fee ?? 0) }}<br>
                                        Fee Per Sqft: {{ \App\Helpers\Helper::price($service->fee_per_sqft ?? 0) }} / sqft<br>
                                        Base Sqft: {{ number_format($service->base_sqft ?? 0) }} sqft
                                    </div>
                                    <div class="small text-muted mb-2">Example total using base sqft only: <strong>{{ \App\Helpers\Helper::price($service->formatted_fee) }}</strong></div>
                                    @if($variableFees->count() > 0)
                                        <div class="small text-muted">Tiered ranges below refine pricing by square footage.</div>
                                    @endif
                                @elseif($service->fee_type == 'Condo')
                                    <div class="alert alert-info mb-2">
                                        <strong>Condo Rate Components:</strong><br>
                                        @if($bedroomFee !== null)<span>Per Bedroom: {{ \App\Helpers\Helper::price($bedroomFee) }}</span><br>@endif
                                        @if($bathroomFee !== null)<span>Per Bathroom: {{ \App\Helpers\Helper::price($bathroomFee) }}</span><br>@endif
                                        Base Fee: {{ \App\Helpers\Helper::price($service->base_fee ?? 0) }} (applied once)
                                    </div>
                                    <div class="small text-muted">Total during scheduling = Base Fee + (Bedrooms × Bedroom Fee) + (Bathrooms × Bathroom Fee).</div>
                                @elseif($service->fee_type == 'Multihouse')
                                    <div class="alert alert-info mb-2">
                                        <strong>Multihouse Rate Components:</strong><br>
                                        Base Fee: {{ \App\Helpers\Helper::price($service->base_fee ?? 0) }} (applied once)<br>
                                        Unit-specific fees listed below.
                                    </div>
                                    <div class="small text-muted">Total = Base Fee + Σ(Each Unit Fee). Duration may vary per unit configuration.</div>
                                @elseif($service->fee_type == 'Quotation')
                                    <div class="alert alert-info mb-2">
                                        <strong>Quotation Required:</strong> Pricing determined case-by-case.
                                    </div>
                                    <div class="small text-muted">No automatic calculation. Provide manual quote when scheduling.</div>
                                @else
                                    <div class="alert alert-warning mb-2">
                                        <strong>Unknown Fee Type:</strong> Please review service configuration.
                                    </div>
                                @endif
                            </div>
                        </div>
                        
                        <!-- Detailed Fee Tables -->
                        @if($service->fee_type == 'Variable' && $variableFees->count() > 0)
                            <div class="mb-3">
                                <label class="form-label fw-bold">Variable Tiered Fees:</label>
                                <div class="mt-2 table-responsive">
                                    <table class="table table-bordered table-hover">
                                        <thead class="table-light">
                                            <tr>
                                                <th>Sq.ft From</th>
                                                <th>Sq.ft To</th>
                                                <th>Fee</th>
                                                <th>Duration (mins)</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($variableFees->sortBy('sqft_from') as $fee)
                                                <tr>
                                                    <td>{{ number_format($fee->sqft_from) }}</td>
                                                    <td>{{ number_format($fee->sqft_to) }}</td>
                                                    <td>{{ \App\Helpers\Helper::price($fee->fee) }}</td>
                                                    <td>{{ $fee->mins ?? '—' }}</td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        @elseif($service->fee_type == 'Condo' && $condoFees->count() > 0)
                            <div class="mb-3">
                                <label class="form-label fw-bold">Condo Per-Unit Fees:</label>
                                <div class="mt-2 table-responsive">
                                    <table class="table table-bordered table-hover">
                                        <thead class="table-light">
                                            <tr>
                                                <th>Condo Type</th>
                                                <th>Fee (Per Unit)</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($condoFees as $fee)
                                                <tr>
                                                    <td>{{ ucfirst($fee->condo_type) }}</td>
                                                    <td>{{ \App\Helpers\Helper::price($fee->fee) }}</td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        @elseif($service->fee_type == 'Multihouse' && $multiFees->count() > 0)
                            <div class="mb-3">
                                <label class="form-label fw-bold">Multihouse Unit Fees:</label>
                                <div class="mt-2 table-responsive">
                                    <table class="table table-bordered table-hover">
                                        <thead class="table-light">
                                            <tr>
                                                <th>Unit</th>
                                                <th>Fee</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($multiFees as $fee)
                                                <tr>
                                                    <td>{{ $fee->unit }}</td>
                                                    <td>{{ \App\Helpers\Helper::price($fee->fee) }}</td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        @endif
                        
                        <!-- Timestamps -->
                        <div class="mb-3">
                            <label class="form-label fw-bold">Timestamps:</label>
                            <div class="mt-2">
                                <div class="row">
                                    <div class="col-md-6">
                                        <strong>Created:</strong> {{ $service->created_at ? \App\Helpers\Helper::showdate($service->created_at) : 'N/A' }}
                                    </div>
                                    <div class="col-md-6">
                                        <strong>Last Updated:</strong> {{ $service->updated_at ? \App\Helpers\Helper::showdate($service->updated_at) : 'N/A' }}
                                    </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;
}

.alert {
    margin-bottom: 0;
}

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