@extends('frontend.layouts.app')
@section('title')
    Infrastructures
@endsection
@push('style')
    <style>
        .bg-custom-green {
            background: #006D22;
        }

        .align-middle {
            vertical-align: middle !important;
        }
    </style>
@endpush
@section('content')
    @include('frontend.layouts.include.breadcrumb', [
        'items' => [['name' => 'About', 'url' => '#'], ['name' => 'Infrastructure', 'url' => null]],
    ])
    <div class="main-content">
        <div class="container-fluid my-4">
            <div class="row">
                <div class="col-12">
                    {!! $setting->infrastructure_text !!}
                    <p class="mt-4">
                        Room location and use of room is as follows:
                    </p>
                </div>
            </div>

            <div class="row mb-5">
                <div class="col-12">
                    <div class="table-responsive">
                        <table class="table table-bordered text-left">
                            <thead>
                                <tr>
                                    <th class="text-white bg-custom-green">Room Location</th>
                                    <th class="text-white bg-custom-green">Room No.</th>
                                    <th class="text-white bg-custom-green">Class Room / Office</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($infrastructures as $locationName => $rooms)
                                    @foreach ($rooms as $room)
                                        <tr>
                                            @if ($loop->first)
                                                <td rowspan="{{ $rooms->count() }}" class="align-middle text-center"
                                                    style="background-color: #f0f0f0; font-weight: bold; color:black">

                                                    {{ $locationName }}
                                                </td>
                                            @endif

                                            <td>{{ $room->room_number }}</td>
                                            <td>{{ $room->room_name }}</td>
                                        </tr>
                                    @endforeach
                                @endforeach
                                {{-- লুপ শেষ --}}
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

        </div>
    </div>
@endsection
@push('script')
@endpush