<script type="text/javascript" language="javascript">
    Ext.define('MyTabMasterSeat',
    {
        extend: 'Ext.container.Container',
        xtype:'TabMasterSeat',
        alias: 'widget.MasterSeat',
        title: 'Master Seat',
        id: 'tab1d',
        height: '100%',
        closable: true,
        layout: 'border',
        items: [{
                xtype:'tabpanel',
                region:'center',
                items: [{
                        title: 'Deck 1',
                        html: '<iframe width="100%" height="100%" src="<?php echo base_url('seat/view/1'); ?>"></iframe>'
                    },{
                        title: 'Deck 2',
                        html: '<iframe width="100%" height="100%" src="<?php echo base_url('seat/view/2'); ?>"></iframe>'
                    },{
                        title: 'Deck 3',
                        html: '<iframe width="100%" height="100%" src="<?php echo base_url('seat/view/3'); ?>"></iframe>'
                    },{
                        title: 'Poonton 2',
                        html: '<iframe width="100%" height="100%" src="<?php echo base_url('seat/view/4'); ?>"></iframe>'
                    },{
                        title: 'Poonton 1',
                        html: '<iframe width="100%" height="100%" src="<?php echo base_url('seat/view/5'); ?>"></iframe>'
                    }]
            }]
    });
</script>