<div class="view-event-form">
    <form action="#" method="post">
        <div>
            <ul class="event-tab nav nav-tabs" role="tablist">
                <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab"
                                                          data-toggle="tab"><?php esc_attr_e('Event detail','wpbookingpro') ?></a></li>
                <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab"><?php esc_attr_e('Assign service','wpbookingpro') ?></a></li>
                <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab"><?php esc_attr_e('Work hours','wpbookingpro') ?></a></li>
                <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab"><?php esc_attr_e('Settings','wpbookingpro') ?></a>
                </li>
            </ul>
            <div class="tab-content">
                <div role="tabpanel" class="tab-pane active" id="home">
                    <div class="row">
                        <div class="col-md-12">
                        <?php echo($this->form->renderField('name')) ?>
                    </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                        <?php echo($this->form->renderField('rate')) ?>
                    </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                        <?php
                        $field=$this->form->getField('recurring');
                        ?>
                        <?php echo($field->input) ?>
                    </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                        <?php
                        $field=$this->form->getField('booking_close');
                        ?>
                        <?php echo($field->input) ?>
                    </div>
                    </div>
                    <div class="clearfix"></div>
                </div>
                <div role="tabpanel" class="tab-pane" id="profile">2...</div>
                <div role="tabpanel" class="tab-pane" id="messages">3...</div>
                <div role="tabpanel" class="tab-pane" id="settings">4...</div>
            </div>
        </div>
    </form>
</div>
