<div id ="form_header">
 <form method="post" id="hr_leave_transaction"  name="hr_leave_transaction">
  <span class="heading"><?php echo gettext('Leave Application') ?></span>
  <div id ="form_header">
   <div id="tabsHeader">
    <ul class="tabMain">
     <li><a href="#tabsHeader-1"><?php echo gettext('Basic Info') ?></a></li>
     <li><a href="#tabsHeader-2"><?php echo gettext('Attachments') ?></a></li>
     <li><a href="#tabsHeader-3"><?php echo gettext('Notes') ?></a></li>
    </ul>
    <div class="tabContainer"> 
     <div id="tabsHeader-1" class="tabContent">
      <ul class="column header_field">
       <li><?php $f->l_text_field_dr_withSearch('hr_leave_transaction_id') ?>
        <a name="show" href="form.php?class_name=hr_leave_transaction&<?php echo "mode=$mode"; ?>" class="show document_id hr_leave_transaction_id">
         <i class="fa fa-refresh"></i></a> 
       </li>
       <li><?php
        echo $f->l_val_field_d('employee_name', 'hr_employee_v', 'employee_name', '', 'vf_select_employee_name employee_name');
        echo $f->hidden_field_withId('employee_id', $$class->employee_id);
        ?><i class="generic g_select_employee_name select_popup clickable fa fa-search" data-class_name="hr_employee_v"></i></li>
       <li><?php $f->l_text_field_dr('identification_id'); ?>  </li>
       <li><?php $f->l_date_fieldFromToday('requsted_date', $$class->requsted_date); ?>  </li>
       <li><?php $f->l_date_fieldFromToday('approved_date', $$class->approved_date); ?>  </li>
       <li data-employee_type="approver"><label><i class="hr_employee_id select_popup clickable fa fa-search"></i>
         <?php echo gettext('Approver') ?></label><?php
        $f->text_field_dr('approved_by');
        echo $f->hidden_field_withId('approved_by_employee_id', $$class->approved_by_employee_id);
        ?>  </li>
       <li><?php $f->l_select_field_from_array('leave_status', hr_leave_transaction::$leave_status_a, $$class->leave_status, '', '', '', '', 1); ?>  </li>
       <li><?php $f->l_select_field_from_array('leave_action', $$class->leave_action_a, $$class->leave_action); ?>  </li>
       <?php echo $f->hidden_field_withId('sys_notification_group_id', $$class->sys_notification_group_id) ?>
       <?php echo $f->hidden_field_withId('sys_notification_id', $$class->sys_notification_id) ?>
      </ul>
     </div>
     <div id="tabsHeader-2" class="tabContent">
      <div> <?php echo ino_attachement($file) ?> </div>
     </div>
     <div id="tabsHeader-3" class="tabContent">
      <div> 
       <div id="comments">
        <div id="comment_list">
         <?php echo!(empty($comments)) ? $comments : ""; ?>
        </div>
        <div id ="display_comment_form">
         <?php
         $reference_table = 'hr_leave_transaction';
         $reference_id = $$class->hr_leave_transaction_id;
         ?>
        </div>
        <div id="new_comment">
        </div>
       </div>
      </div>
     </div>
    </div>

   </div>
  </div>
  <div id ="form_line" class="form_line"><span class="heading"><?php echo gettext('Date Details') ?></span>
   <div id="tabsLine">
    <ul class="tabMain">
     <li><a href="#tabsLine-1"><?php echo gettext('Leave Details') ?></a></li>
    </ul>
    <div class="tabContainer"> 
     <ul class="column header_field">
      <li><?php $f->l_select_field_from_object('leave_type', hr_leave_type::find_all(), 'hr_leave_type_id', 'leave_type', $$class->leave_type, '', '', 1, $readonly); ?></li>
      <li><?php $f->l_date_fieldAnyDay('from_date', $$class->from_date); ?></li>
      <li><?php $f->l_date_fieldAnyDay('to_date', $$class->to_date); ?></li>
      <li><?php $f->l_text_field_d('reason'); ?></li>
      <li><?php $f->l_text_field_d('contact_details'); ?></li>
      <li><label><?php gettext('No Of Days'); ?></label><?php echo $f->number_field('leave_quantity', $$class->leave_quantity); ?></li>
     </ul>
    </div>
   </div> 
  </div> 
 </form>
</div>
<div id="js_data">
 <ul id="js_saving_data">
  <li class="headerClassName" data-headerClassName="hr_leave_transaction" ></li>
  <li class="savingOnlyHeader" data-savingOnlyHeader="true" ></li>
  <li class="primary_column_id" data-primary_column_id="hr_leave_transaction_id" ></li>
  <li class="form_header_id" data-form_header_id="hr_leave_transaction" ></li>
 </ul>
 <ul id="js_contextMenu_data">
  <li class="docHedaderId" data-docHedaderId="hr_leave_transaction_id" ></li>
  <li class="btn1DivId" data-btn1DivId="hr_leave_transaction_id" ></li>
 </ul>
</div>