@php $showSidebar = false; @endphp
@extends('layouts.no_sidebar')


<div class="container" style="padding-top: 100px;">
    <h2 class="mb-4 text-center">Select Business Unit</h2>

    <div class="row">
        @forelse($units as $unit)

        @php
        $isSolar = $unit->title === 'Solar';
        $url = $isSolar ? url('/onboarding') : '#';
        $clickable = $isSolar ? '' : 'pointer-events: none; cursor: default;';
        @endphp

        <div class="col-md-4 col-sm-6 col-12 mb-4">
            <a href="{{ $url }}" class="text-decoration-none text-reset">
                <div class="card h-100 shadow-sm card-hover">
                    <div class="card-body">
                        <h5 class="card-title">{{ $unit->title }}</h5>
                        <p class="card-text">{{ $unit->description }}</p>
                        <p>
                            <strong>Status:</strong>
                            <span class="badge {{ $unit->status == 1 ? 'bg-success' : 'bg-secondary' }}">
                                {{ $unit->status == 1 ? 'Active' : 'Inactive' }}
                            </span>
                        </p>
                    </div>
                </div>
            </a>
        </div>
        @empty
        <div class="col-12">
            <div class="alert alert-info text-center">No business units available.</div>
        </div>
        @endforelse
    </div>
</div>