@extends('central.dashboard.layouts.master')

@section('sidebar')
    @include('central.dashboard.layouts.sidebar', ['page' => 'system-parts'])
@endsection

@section('style')
    <link rel="stylesheet" href="{{ asset('css/dashboard/system-parts.css') }}">
@endsection

@section('content')
    <div class="row">
        <div class="col-12">
            <div>
                <h3>أجزاء النظام</h3>
                <section class="my-4">
                    @foreach ($modules as $module)
                        <p class="main-section text-center my-2" style="width: 140px">{{ $module->name }}</p>
                        <div class="blog-item">
                            <div class="row g-4 p-1 my-4">
                                @if ($module->sections->count())
                                    @foreach ($module->sections as $section)
                                        <div class="col-lg-3">
                                            <div class="blog-item shadow border border-info  border-1 text-center subcard justify-content-center">
                                                {{ $section->name }}
                                            </div>
                                        </div>
                                    @endforeach
                                @endif
                            </div>
                        </div>
                    @endforeach
                </section>
            </div>
        </div>
    </div>
@endsection