<?php 

use yii\widgets\DetailView;
use yii\grid\GridView;
?>

<style>

.table td, .table th{
	padding: 3px;
}
 .table-request thead th{
	text-align: center;
}

.table tbody td.id_customer{
	width: 100px;
}
.table tbody td.money{
	width: 80px;
	text-align: right;
}
.table tbody td.customer_bank_account{
	width: 240px;
}
.table tbody td.request_request_target_time_at{
	width: 130px;
}

.table-ugiro th{
	width: 230px;
}

.table tbody td.comment{
	width: 100px;
}

</style>

<?php
$attributes = [
        	[
					'attribute' => 'id_ugiro',
					'label' => 'Köteg azonosító',
    		],
        	[
					'attribute' => 'datum',
					'label' => 'Üzenet összeállítási dátum'
    		],
           [
					'attribute' => 'user.username',
					'label' => 'Felhasználó'
    		],
			[
					'attribute' => 'statusName',
					'label' => 'Státusz'
    		],
			[
					'attribute' => 'created_at',
					'label' => 'Létrehozva',
					'format' =>'datetime'
    		],
			 
        ];

	
 
	
	?>

    <h1>Csoportos beszedés</h1>

    <?= DetailView::widget([
    	'options' => ['class' => 'table table-striped table-bordered detail-view table-ugiro'],
        'model' => $model,
        'attributes' => $attributes,
    ]) ?>
    
    <?php 
    	/*
    	 * customer.id_customer as customer_id_customer',
			'customer.name as customer_name',
			'customer.bank_account as customer_bank_account',
			'ticket_installment_request.money as request_money',
			'ticket_installment_request.request_target_time_at as request_request_target_time_at',
    	 * **/
    	echo GridView::widget([
    		'tableOptions' => ['class' => 'table table-striped table-bordered table-request'],
    		'dataProvider' => $dataProvider,
    		'emptyCell' => '',
    		'columns' =>[
    			[
    				'attribute' => 'customer_id_customer'	,
    				'label' => 'Vendég azonosító',
    				'contentOptions' =>['class' => 'id_customer' ]
		    	],
    			[
    				'attribute' => 'customer_name'	,
    				'label' => 'Vendég neve'
		    	],
    			[
    				'attribute' => 'customer_bank_account'	,
    				'label' => 'Bankszámlaszám',
    				'contentOptions' =>['class' => 'customer_bank_account' ]
		    	],
    			[
    				'attribute' => 'request_money'	,
    				'label' => 'Összeg',
    				'contentOptions' =>['class' => 'money' ]
		    	],
    			[
    				'attribute' => 'request_request_target_time_at'	,
    				'label' => 'Esedékességi dátum',
    				'format' => 'datetime',
    					'contentOptions' =>['class' => 'request_request_target_time_at' ]
		    	],
    			[
    				'value' =>  function (){
    					return "";
		    	},
    				'label' => 'Megjegyzés',
    				'contentOptions' =>['class' => 'comment' ]
    			]
    		]
    	]);
    	
    ?>
    