<div class="panel panel-default">

    <div class="ibox-content">

        <div class="row">
            <form action="{U}{if isset($client)}{'client/'}{/if}module_imobles/dashboard/index" method="post"  id="form-filter" class="search">
                <div class="col-md-2">
                    <label class="control-label"> {$_L['Date']} </label>
                    <input type="hidden" name="date_dashboard_period" value="{if isset($filter['date_dashboard_period'])}{$filter['date_dashboard_period']}{/if}">

                    <div class="btn-group group-data" style="width:100%">
                        <a href='#' style="width:100%" class="btn btn-default dropdown-toggle-data" >
                            <i class="fa fa-calendar"></i>
                            {if isset($filter['date_dashboard_period']) && $filter['date_dashboard_period'] != ''}
                                {if $filter['date_dashboard_period'] == 'all'}{$_L['All']}{/if}
                                {if $filter['date_dashboard_period'] == 'day'}{$_L['In day']}{/if}
                                {if $filter['date_dashboard_period'] == 'week'}{$_L['In week']}{/if}
                                {if $filter['date_dashboard_period'] == 'month'}{$_L['In month']}{/if}
                                {if $filter['date_dashboard_period'] == 'interval'}{$_L['Interval']}{/if}
                            {else}
                                {$_L['Date']}
                            {/if}
                            <span class="caret"></span>
                        </a>
                        <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['date_dashboard_period']) || (isset($filter['date_dashboard_period']) && $filter['date_dashboard_period'] == 'all')}class="active"{/if}>
                                <a data-val="all" href="#">{$_L['All']}</a>
                            </li>
                            <li {if isset($filter['date_dashboard_period']) && $filter['date_dashboard_period'] == 'day'}class="active"{/if}>
                                <a data-val="day" href="#">{$_L['In day']}</a>
                            </li>
                            <li {if isset($filter['date_dashboard_period']) && $filter['date_dashboard_period'] == 'week'}class="active"{/if}>
                                <a data-val="week" href="#">{$_L['In week']}</a>
                            </li>
                            <li {if isset($filter['date_dashboard_period']) && $filter['date_dashboard_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 datepicker dt" name="date_dashboard_period_ini" data-date-format="dd/mm/yyyy"
                                            value="{if isset($filter['date_dashboard_period_ini'])}{implode('/', array_reverse(explode('-', $filter['date_dashboard_period_ini'])))}{/if}" >
                                </div>
                            </li>
                            <li>
                                <div class="col-md-12">
                                    {$_L['End']}: <input type="text" class="form-control datepicker dt" name="date_dashboard_period_end" data-date-format="dd/mm/yyyy"
                                            value="{if isset($filter['date_dashboard_period_end'])}{implode('/', array_reverse(explode('-',$filter['date_dashboard_period_end'])))}{/if}" >
                                </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>
            </form>
        </div><br/>

        <div class="row" id="">
            <div class="col-md-4">
                <div class="chart-statistic-box">
                    <div class="chart-txt">
                        <div class="chart-txt-top">
                            <p><span class="amount number">{$leadsData['leadsTotal']}</span></p>
                            <hr>
                            <p class="caption">{$_L['module imobles leads']}</p>
                        </div>
                        <table class="tbl-data">
                            <tr>
                                <td class="amount">{$leadsData['leadsSincronized']}</td>
                                <td>{$_L['module imobles leads syncronized']}</td>
                            </tr>
                            <tr>
                                <td class="amount">{$leadsData['leadsSyncError']}</td>
                                <td>{$_L['module imobles leads sync error']}</td>
                            </tr>
                            <tr>
                                <td class="amount">{$leadsData['logsNotVerified']}</td>
                                <td>{$_L['module imobles logs not verified']}</td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>

            <div class="col-md-8">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>{$_L['module imobles leads by conversion type']}</h5>
                    </div>
                    <div class="ibox-content" style="min-height: 292px;">

                        <table class="table table-striped table-bordered" style="margin-top: 26px;">
                            <th>{$_L['module imobles leads_conversion_type']}</th>
                            <th class="text-right">{$_L['module imobles leads syncronized']}</th>
                            <th class="text-right">{$_L['module imobles leads sync error']}</th>
                            <th class="text-right">{$_L['TOTAL']}</th>
                            {$total = 0}
                            {foreach $leadsDataByConversionType as $l}
                                {$totalRow = $l['totalSincronizado'] + $l['totalComErro']}
                                {$total = $total + $totalRow}
                                <tr>
                                    <td>{$l['name']}</td>
                                    <td class="text-right"><span class="amount">{$l['totalSincronizado']}</span></td>
                                    <td class="text-right"><span class="amount text-red">{$l['totalComErro']}</span></td>
                                    <td class="text-right"><span class="amount">{$totalRow}</span></td>
                                </tr>
                            {/foreach}
                            <tr>
                                <td colspan='3'><b>{$_L['TOTAL']}</b></td>
                                <td class="text-right"><b>{$total}</b></tdh>
                            </tr>
        
    
                        </table>
                    </div>
                </div>
            </div>

        </div>


        <div class="row">
            <div class="col-md-12">
                    <div id="chartConversionTypes" style="width: 100%;height:500px;" class="ibox float-e-margins">
                    </div>            
            </div>
        </div>
        
        <div class="row">
            <div class="col-md-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <a href="{$_url}{if isset($client)}{'client/'}{/if}module_imobles/logs/listAll" class="btn btn-primary btn-xs pull-right"><i class="fa fa-list"></i> {$_L['module imobles log list']}</a>
                        <h5>{$_L['module imobles log']}</h5>
                    </div>
                    <div class="ibox-content" style="min-height: 292px;">

                        <table class="table table-striped table-bordered" style="margin-top: 26px;">
                            <th>{$_L['module imobles log type']}</th>
                            <th class="text-right">{$_L['module_imobles verify yes']}</th>
                            <th class="text-right">{$_L['module_imobles verify no']}</th>
                            <th class="text-right">{$_L['TOTAL']}</th>
                            {$total = 0}
                            {foreach $logs as $l}
                                {$totalRow = $l['verified'] + $l['notVerified']}
                                {$total = $total + $totalRow}
                                <tr>
                                    <td>
                                        <a href="{$_url}{if isset($client)}{'client/'}{/if}module_imobles/logs/listAll/type/{$l['type']}" class="">{$l['type']}</a>
                                    </td>
                                    <td class="text-right">{$l['verified']}</span></td>
                                    <td class="text-right"><span class="amount text-red">{$l['notVerified']}</span></td>
                                    <td class="text-right"><b>{$totalRow}</b></td>
                                </tr>
                            {/foreach}
                            <tr>
                                <td colspan='3'><b>{$_L['TOTAL']}</b></td>
                                <td class="text-right"><b>{$total}</b></td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>