@if ( $devices['count'] == 0 )
    <p class="text-center">You do not have any devices</p>
    <p class="text-center">
        <button type="button" id="add-device-btn" class="btn btn-primary" >Add Device</button>
    </p>
@else
    
    <div class="py-2 mb-2">
        <button type="button" id="add-device-btn" class="btn btn-primary" >Add Device</button>
    </div>

    <div class="row">
        @foreach ($devices['data'] as $device)
            <div class="col-lg-3">
                <div class="card">
                    <div class="card-body">
                        <div class="mb-4">
                            <h4>{{ $device['device_name'] }}</h4>
                        </div>
                        <div class="list-group list-group-flush">
                            <a href="{{ cpanelPermalink('devices/view/'.$device['sd_id']) }}" class="list-group-item list-group-item-action">Manage Sensors</a>
                            <button data-url="{{ cpanelPermalink('devices/ajax/show-device/'.$device['sd_id']) }}" class="edit-btn list-group-item list-group-item-action">Edit</button>
                        </div>
                    </div>
                </div>
            </div>
        @endforeach
    </div>

@endif