{{-- resources/views/components/training-center/infrastructure.blade.php --}}
@props(['data'])

<div class="step-header text-center">
    <h2 class="step-title">Infrastructure</h2>
    <p class="step-subtitle">Facilities and equipment details</p>
</div>

<div class="row g-3">
    <div class="col-md-6">
        <label for="total_area" class="form-label">Total Area (sq ft) <span class="text-danger">*</span></label>
        <p class="form-control-static">{{ $data['total_area'] ?? '2500' }}</p>
    </div>

    <div class="col-md-6">
        <label for="classrooms" class="form-label">Number of Classrooms <span class="text-danger">*</span></label>
        <p class="form-control-static">{{ $data['classrooms'] ?? '4' }}</p>
    </div>

    <div class="col-md-6">
        <label for="classroom_size" class="form-label">Classroom Size (sq ft) <span class="text-danger">*</span></label>
        <p class="form-control-static">{{ $data['classroom_size'] ?? '400' }}</p>
        <div class="form-text">Minimum 300 square feet required per classroom</div>
    </div>

    <div class="col-md-6">
        <label for="number_of_laboratories" class="form-label">Number of Laboratories</label>
        <p class="form-control-static">{{ $data['laboratories'] ?? '2' }}</p>
    </div>

    <div class="col-md-6">
        <label for="laboratory_size" class="form-label">Laboratory Size (sq ft)</label>
        <p class="form-control-static">{{ $data['laboratory_size'] ?? '800' }}</p>
        <div class="form-text">Minimum 700 square feet required per laboratory</div>
    </div>

    <div class="col-md-12">
        <label class="form-label">Available Facilities</label>
        <p class="form-control-static">
            @if(isset($data['facilities']) && is_array($data['facilities']))
            @foreach($data['facilities'] as $facility)
            <span class="badge bg-success me-2">{{ $facility }}</span>
            @endforeach
            @else
            <span class="badge bg-success me-2">Wi-Fi Internet</span>
            <span class="badge bg-success me-2">Air Conditioning</span>
            <span class="badge bg-success me-2">Projector/AV Equipment</span>
            <span class="badge bg-success me-2">Library</span>
            <span class="badge bg-success me-2">Computer Lab</span>
            <span class="badge bg-success me-2">Medical First Aid</span>
            @endif
        </p>
    </div>
</div>