@using DevExpress.Blazor
@using Microsoft.AspNetCore.Components.Rendering
@typeparam TDataItem where TDataItem : class

<div class="mg-grid-info-panel">
    @if (_currentDataItem != null && _currentGrid != null)
    {
	    var colSpan = _allDataColumns.Count > 10 ? 6 : 12;

        <DxFormLayout Data="_currentDataItem"
                      CssClass="info-panel-form" 
                      CaptionPosition="CaptionPosition.Vertical"
                      SizeMode="SizeMode.Small">
            @foreach (var column in _allDataColumns)
            {
                <DxFormLayoutItem Caption="@GetColumnCaption(column)" 
                                  CaptionCssClass="fw-semibold"
                                  Field="@column.FieldName"
                                  ColSpanXxl="@colSpan"
                                  ColSpanXl="@colSpan"
                                  ColSpanLg="@colSpan"
                                  ColSpanMd="@colSpan"
                                  ColSpanSm="@colSpan"
                                  ColSpanXs="@colSpan"
                                  ReadOnly="@column.ReadOnly" />
            }
        </DxFormLayout>
    }
    else
    {
        <div class="info-panel-empty">
            <p>Válasszon ki egy sort az adatok megtekintéséhez</p>
        </div>
    }
</div>

@code {
    private string GetColumnCaption(DxGridDataColumn column)
    {
        return !string.IsNullOrWhiteSpace(column.Caption) ? column.Caption : column.FieldName;
    }
}