<div class="row">

    <div class="col-md-12">

        <div class="panel panel-default">

       
            <div class="panel-body">
                <div class='row'>
                    <div class="col-xs-12">
                        <form action="{U}{if isset($client)}{'client/'}{/if}module_fish/feeding/view_feeding" method="post"  id="form-filter" class="search">
                                <input type="hidden" name="period" value="{if isset($filter['period'])}{$filter['period']}{/if}">
                                 <input type="hidden" name="items_per_page" value="{if isset($filter['items_per_page'])}{$filter['items_per_page']}{/if}">

                        <div class='row'>
                                {if !isset($client)}
                                    <div class="col-md-4">
                                        <label >  {$_L['Associated']}   </label>
                                        <select  id="crm_accounts_id" name="crm_accounts_id[]" multiple="multiple" class="form-control associated_select">
                                            {if $account}
                                                {$account}
                                            {/if}
                                        </select>
                                    </div>
                                {else if}
                                    <div class="hide">
                                    <select   id="crm_accounts_id" name="crm_accounts_id[]" class="form-control associated_select hide">
                                        <option value="{$client->id}"></option>
                                    </select>
                                    </div>
                                {/if}  
                                <div class="col-md-4">
                                     <label >  {$_L['Species_List_Fish']} </label>
                                    <select id="module_fish_species_id" name="module_fish_species_id" class="form-control associated_select">
                                        {if $species}
                                            <option value="{$species->id}" selected >{$species->popular_name} - {$species->popular_name}</option>
                                        {/if}
                                    </select>
                                </div>
                                <div class="col-md-4">
                                    <br/>
                                <div class="btn-group ">
                                   
                                    <button class="btn btn-default dropdown-toggle" data-toggle="dropdown"
                                                    aria-haspopup="true" aria-expanded="false">
                                            <i class="fa fa-calendar"></i>
                                            {if isset($filter['period']) && $filter['period'] != ''}
                                                    {if $filter['period'] == 'all'}{$_L['All']}{/if}
                                                    {if $filter['period'] == 'day'}{$_L['In day']}{/if}
                                                    {if $filter['period'] == 'week'}{$_L['In week']}{/if}
                                                    {if $filter['period'] == 'month'}{$_L['In month']}{/if}
                                                    {if $filter['period'] == 'interval'}{$_L['Interval']}{/if}
                                            {else}
                                                    {$_L['Period']}
                                            {/if}
                                             <span class="caret"></span>
                                    </button>
                                    <ul class="dropdown-menu dropdown-period" id="filter-period">
                                            <li class="dropdown-header">{$_L['Period']}</li>
                                            <li role="separator" class="divider"></li>
                                            <li {if isset($filter['period']) && $filter['period'] == 'all'}class="active"{/if}>
                                                    <a data-val="all" href="#">{$_L['All']}</a>
                                            </li>
                                            <li {if isset($filter['period']) && $filter['period'] == 'day'}class="active"{/if}>
                                                    <a data-val="day" href="#">{$_L['In day']}</a>
                                            </li>
                                            <li {if isset($filter['period']) && $filter['period'] == 'week'}class="active"{/if}>
                                                    <a data-val="week" href="#">{$_L['In week']}</a>
                                            </li>
                                            <li {if isset($filter['period']) && $filter['period'] == 'month'}class="active"{/if}>
                                                    <a data-val="month" href="#">{$_L['In month']}</a>
                                            </li>
                                            <li role="separator" class="divider"></li>
                                            <li class="disabled">
                                                    <div class="col-md-12">
                                                            <label for="">{$_L['Interval']}:</label>
                                                    </div>
                                            </li>
                                            <li>
                                                    <div class="col-md-12">
                                                            {$_L['Outset']}: <input type="text" class="form-control" name="period_ini" data-date-format="dd/mm/yyyy"
                                                                       value="{if isset($filter['period_ini'])}{implode('/', array_reverse(explode('-', $filter['period_ini'])))}{/if}" autocomplete='off' datepicker>
                                                    </div>
                                            </li>
                                            <li>
                                                    <div class="col-md-12">
                                                            {$_L['End']}: <input type="text" class="form-control" name="period_end" data-date-format="dd/mm/yyyy"
                                                                       value="{if isset($filter['period_end'])}{implode('/', array_reverse(explode('-',$filter['period_end'])))}{/if}" autocomplete='off' datepicker>
                                                    </div>
                                            </li>
                                            <li>
                                                    <div class="col-md-12"><br>
                                                            <a id="period-filter-interval" data-val="interval" class="btn btn-primary btn-xs" href="#">{$_L['Filtrate']}</a>
                                                    </div>
                                            </li>
                                    </ul>
                               </div>
                                            
                              
                            </div>
                        </div>
                            <div class='row'>
                                <div class="col-md-4">
                                    <label>{$_L['Module_Fish Lote']}</label>
                                    <select class="form-control" style="width:100%" id="module_fish_lots_id" name="module_fish_lots_id">
                                       {if $lots_filter}
                                            <option value="{$lots_filter->id}" selected >{$lots_filter->title_lote}</option>
                                        {/if}
                                    </select>
                                </div>
                            </div>
                            </form>
                        </div>
                        <div class='col-md-4'>
                            <br/>
                            <a class="btn btn-primary" id="filter-clear" href="#">
                                <i class="fa fa-eraser"></i> {$_L['Clean Filter']}
                            </a>
                        </div>
                   
                    </div>              
                    <br/><br/>
                       <ul class="nav nav-tabs">
                            <li ><a style="" data-toggle="tab" id="nav_table" href="#table">{$_L['Table']}</a></li>
                            <li class="active"><a data-toggle="tab" href="#graph_data">{$_L['Module_Fish Graphics'] }</a></li>
                        </ul>

                        <div class="tab-content">
                            <div id="table" class="tab-pane fade in">
            
			
                 <table id="table_lotes" class="table table-bordered table-striped table-condensed ">
      <thead>
        <tr role="row">
            <th >{$_L['Module_Fish Tank']}</th>
            <th >{$_L['Date']}</th>
            <th >{$_L['Module_Fish Biomass']} Prevista</th>
            <th >{$_L['Module_Fish Biomass']} Real</th>
            <th >{$_L['Module_Fish Expected']}</th>
            <th >{$_L['Module_Fish Feed']}</th>
        </tr>
      </thead>
      
    <tbody>
        {if count($lotes)>0}
        {foreach $lotes as $l}
            <tr class="odd" style="display: table-row;">
                <td class=" ">{$l['title_tank']} - {$l['title_lote']} </td>
                <td class=" " data-order="{$l['date_feed']}">{date($_c['df'],  strtotime($l['date_feed']))}</td>
                <td class=" "> {number_format($l['total_biomass_prev'],3,$_c['dec_point'],$_c['thousands_sep'])} (kg)</td>
                <td class=" "> {number_format($l['total_biomass_real'],3,$_c['dec_point'],$_c['thousands_sep'])} (kg)</td>
                <td class=" "><span class='unity_arracoa_2'>{number_format($l['total_feed_prev'],3,$_c['dec_point'],$_c['thousands_sep'])} (kg) </span></td>
                <td class=" "><span class='unity_arracoa_2'><span >{number_format($l['total_feed'],3,$_c['dec_point'],$_c['thousands_sep'])}</span> (kg)</span></td>
            </tr>
        {/foreach}
        {else}
            <tr>
                <td colspan="6">{$_L['No records found']}.</td>
            </tr>
        {/if}
    </tbody>
</table>
                                

                            </div>  
                            <div id="graph_data" class="tab-pane fade in active">
            
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="ibox float-e-margins">
                                            <div class="ibox-content">
                                                <div id="graph_feed" style="height: 350px;"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                  <div class="row">
                                    <div class="col-md-12">
                                        <div class="ibox float-e-margins">

                                            <div class="ibox-content">
                                                <div id="graph_biomass" style="height: 350px;"></div>
                                            </div>
                                        </div>

                                    </div>
                                </div>        
                            </div>
                                
                        </div>
            </div>
        </div>
    </div>
</div>