OpenTimeTracker/application/forms/layouts/insertFormLayout.phtml

<div class="info">
    <div class="row" id="entryToggle">
        <div class="small-12 columns text-center">
            <p><br><a class="" href="#"><i id="entryToggleIcon" class="fa fa-chevron-circle-up"></i> <span id="entryToggleText">Hide</span></a></p>
        </div>
    </div>
    <div id="entryForm">
        <div class="row">
            <?php
            if(count($this->errorMessage) > 0)
            {
                echo "<div class=\"small-12 columns\">";
                echo "<div data-alert class=\"alert-box alert\">";
                foreach($this->errorMessage as $message)
                {
                    echo $message;
                }
                echo "<a href=\"#\" class=\"close\">&times;</a></div>";
                echo "</div>";
            }

            if(count($this->successMessage) > 0)
            {
                echo "<div class=\"small-12 columns\">";
                echo "<div data-alert class=\"alert-box success\">";
                foreach($this->successMessage as $message)
                {
                    echo $message;
                }
                echo "<a href=\"#\" class=\"close\">&times;</a></div>";
                echo "</div>";
            }
            ?>
        </div>
        <div class="row">
            <div class="small-12 columns">
                <div class="row">
                   <?php
                    echo $this->formstart();
                   ?>
                </div>
                <div class="row">
                    <div class="small-6 medium-4 columns">
                        <?php echo $this->fields['date'] ?>
                    </div>
                    <div class="small-6 medium-4 columns">
                        <?php echo $this->fields['inTime'] ?>
                    </div>
                    <div class="small-6 medium-4 columns">
                        <?php echo $this->fields['outTime'] ?>
                    </div>
                </div>
                <div class="row">
                    <div class="small-6 medium-4 columns">
                        <?php echo $this->fields['lessTime'] ?>
                    </div>
                    <div class="small-6 medium-4 columns">
                        <?php echo $this->fields['code'] ?>
                    </div>
                    <div class="small-6 medium-4 columns">
                        <br>
                        <?php echo $this->fields['submit'] ?>
                    </div>
                    <?php echo $this->formend(); ?>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    <?php $timesheet = new timesheetModel(date('Y'),date('m')) ?>
    $(document).ready(function() {

        $(function() {
            $( "#date" ).datepicker({ minDate: "<?php echo date('m',strtotime('last month'))."/26/".date('Y') ?>", maxDate: "<?php echo date('m',strtotime('m'))."/25/".date('Y') ?>" });
        });

        $('#entryToggle').click(function()
        {
            if($('#entryForm').is(":visible"))
            {
                $('#entryToggleIcon').addClass('fa-chevron-circle-down');
                $('#entryToggleIcon').removeClass('fa-chevron-circle-up');
                $('#entryToggleText').html('Show');
            }
            else
            {
                $('#entryToggleIcon').addClass('fa-chevron-circle-up');
                $('#entryToggleIcon').removeClass('fa-chevron-circle-down');
                $('#entryToggleText').html('Hide')
            }
            $('#entryForm').slideToggle(400);
        });


    });
</script>