import type { FormTabRows } from '../../lib/render-rows';
import { transformRowsForMobile } from '../lib/utils';

export const id = 'leasing-object';
export const title = 'ПЛ';

const defaultRowStyle = { gridTemplateColumns: ['1fr', '1fr', '2fr 1fr'] };

export const rows: FormTabRows = [
  [['selectLeaseObjectType', 'labelDepreciationGroup'], defaultRowStyle],
  [['selectBrand', 'cbxLeaseObjectUsed'], defaultRowStyle],
  [['selectModel', 'cbxWithTrailer'], defaultRowStyle],
  [['selectConfiguration', 'radioDeliveryTime'], defaultRowStyle],
  [['selectLeaseObjectUseFor'], { gridTemplateColumns: '1fr' }],
  [['tbxLeaseObjectCount', 'selectEngineType', 'tbxMaxSpeed']],
  [['tbxLeaseObjectYear', 'tbxLeaseObjectMotorPower', 'tbxCountSeats']],
  [['selectLeaseObjectCategory', 'tbxEngineVolume', 'tbxMileage']],
  [['tbxMaxMass', 'tbxEngineHours', 'tbxVIN']],
];

export const mobileRows = transformRowsForMobile(rows);