@extends('admin.layouts.layout')

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

@section('content')
<div class="mb-4">
    <div class="servicestitle">
        <h3>View Evaluation Type: {{ $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 Evaluation Type
            </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 Evaluation Types
            </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">Evaluation Type 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">Evaluation Type Name:</label>
                                    <p class="form-control-plaintext">{{ $service->service_name }}</p>
                                </div>
                                
                                <div class="mb-3">
                                    <label class="form-label fw-bold">Short Name:</label>
                                    <p class="form-control-plaintext">{{ $service->short_name_of_service ?: 'N/A' }}</p>
                                </div>
                                
                                <div class="mb-3">
                                    <label class="form-label fw-bold">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">
                                            {{ ucfirst(str_replace('_', ' ', $service->fee_type)) }}
                                        </span>
                                    </p>
                                </div>
                            </div>
                            
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label class="form-label fw-bold">Duration:</label>
                                    <p class="form-control-plaintext">
                                        @if($service->duration)
                                            {{ $service->duration }} minute{{ $service->duration != 1 ? 's' : '' }}
                                            @if($service->duration >= 60)
                                                <small class="text-muted">({{ floor($service->duration / 60) }}h {{ $service->duration % 60 }}m)</small>
                                            @endif
                                        @else
                                            <span class="text-muted">Not specified</span>
                                        @endif
                                    </p>
                                </div>
                                
                                <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 Evaluation Type' : 'Regular Evaluation Type' }}
                                        </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>
                        
                        <!-- Configuration -->
                        <div class="mb-3">
                            <label class="form-label fw-bold">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 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">
                                        <strong>Fixed Rate:</strong> {{ \App\Helpers\Helper::price($service->fee ?? 0) }}
                                    </div>
                                @elseif($service->fee_type == 'Variable')
                                    <div class="alert alert-info">
                                        <strong>Variable Rate:</strong> {{ \App\Helpers\Helper::price($service->base_fee ?? 0) }} base + {{ \App\Helpers\Helper::price($service->fee_per_sqft ?? 0) }}/sqft
                                        <br><small>Base square footage: {{ $service->base_sqft ?? 0 }} sqft</small>
                                    </div>
                                @else
                                    <div class="alert alert-info">
                                        <strong>Quotation Required:</strong> Pricing determined on a case-by-case basis
                                    </div>
                                @endif
                            </div>
                        </div>
                        
                        <!-- Fees Table -->
                        @if($service->serviceFees && $service->serviceFees->count() > 0)
                        <div class="mb-3">
                            <label class="form-label fw-bold">Fees by Square Footage:</label>
                            <div class="mt-2">
                                <div class="table-responsive">
                                    <table class="table table-bordered table-hover">
                                        <thead class="table-light">
                                            <tr>
                                                <th>Square Footage From</th>
                                                <th>Square Footage To</th>
                                                <th>Fee</th>
                                                <th>Duration (mins)</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($service->serviceFees->sortBy('sqft_from') as $fee)
                                            <tr>
                                                <td>{{ number_format($fee->sqft_from) }} sqft</td>
                                                <td>{{ number_format($fee->sqft_to) }} sqft</td>
                                                <td>${{ number_format($fee->fee, 2) }}</td>
                                                <td>{{ $fee->mins }} minutes</td>
                                            </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </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