UI/UX callbacks NEW Bootstrap 5 theme

Make a decent UI/UX

<style>
    .label{
      padding: 7px;
      color: #fff;
      border-radius: 4px;
    }
</style>
<?php  
	$xcrud = Xcrud::get_instance();
    $xcrud->table('orders');
    $xcrud->default_tab('Order info');
    $xcrud->parsley_active(true);
	//Make extension mandatory

    $xcrud->columns("Customer Name,customerNumber,orderDate,shippedDate,status");
    $xcrud->subselect('Customer Name','SELECT customerName FROM customers WHERE customerNumber = {customerNumber}');

    $xcrud->column_callback("orderDate","timeAgo");
    $xcrud->column_callback("Customer Name","getAvatar");
    $xcrud->column_callback("status","getStatusLabel");
    
	$xcrud->set_attr('comments',array('required'=>'required'));

    $xcrud->set_lang("add","Create Order");
    
    $orderdetails = $xcrud->nested_table('Order details','orderNumber','orderdetails','orderNumber'); // 2nd level
    $orderdetails->columns('productCode,quantityOrdered,priceEach');
    $orderdetails->fields('productCode,quantityOrdered,priceEach');
    $orderdetails->default_tab('Detail information');
    
    $customers = $xcrud->nested_table('Customers','customerNumber','customers','customerNumber'); // 2nd level 2
    $customers->columns('customerName,city,country');
    
    $products = $orderdetails->nested_table('Products','productCode','products','productCode'); // 3rd level
    $products->default_tab('Product details');
    
    $productLines = $products->nested_table('Product Lines','productLine','productlines','productLine'); // 4th level
    
    echo $xcrud->render();
	
?>