@extends('layouts.dashboard')

@section('title', 'Contas')

@section('title-dashboard')
Contas
@endsection
@section('option-dashboard')
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 floatright" style="display: none;" id="div_total_selecionado">
    <div class="dashboard-stat2 dashboard-stat-person" style="height: 80px; margin-top: 10px;">
        <div class="display" style="margin-bottom: 0px;">
            <div class="number">
                <h3 id="texth3font" class="font-green">
                    <small id="textsmallfont" class="font-green">R$</small>
                    <span data-counter="counterup" id="total_contas_selecionadas" data-value="">0</span>
                </h3>
                <small id="textsmalltitle">TOTAL</small>
            </div>
            <div class="icon">
                <i class="fa fa-money"></i>
            </div>
        </div>
    </div>
</div>
@endsection

@section('pg-home')
@endsection

@section('content')
@parent

<!-- Lista -->
<div class="row">
    <div class="col-md-12">   
        {!! Form::open(['route' => 'contasBaixarVarias', 'class' => 'horizontal-form', 'id'=>'form_contas','files' => true]) !!}
        <button type="submit" class="btn green-meadow margin-bottom-10" style="display: none;" id="btn_confirmar"><i class="fa fa-check" aria-hidden="true"></i> Confirmar</button>
        <!-- BEGIN SAMPLE TABLE PORTLET-->
        <div class="portlet box blue-steel">
            <div class="portlet-title">
                <div class="caption">
                    <i class="fa fa-list"></i> Contas a Confirmar                                        
                </div>
            </div>
            
            <div class="portlet-body">
                <table class="table table-striped table-bordered table-hover table-checkable order-column lista-confimacao-contas" id="lista-confimacao-contas">
                    <div class="col-md-4 margin-left-15px margin-bottom10px">
                        <div class="input-icon right">
                            <i class="fa fa-search tooltips" data-original-title="Buscar" data-container="body"></i>
                            <input type="text" class="form-control input-search" id="input-search-perfilti" alt="lista-confimacao-contas" placeholder="Buscar" />
                        </div>
                    </div>
                    <thead class="flip-content">
                        <tr>
                            <th class="col-sm-1" style="width: 5%;"></th>
                            <th class="col-sm-1" style="width: 5%;">Cód.</th>
                            <th style="width: 6%;"> Nº Doc.  </th>
                            <th style="width: 8%;"> Vencimento  </th>
                            <th style="width: 15%;"> Empresa  </th>
                            <th style="width: 15%;"> Fornecedor </th>
                            <th style="width: 15%;"> T. de Categoria </th>
                            <th style="width: 18%;" class="col-sm-1">Descricao</th>
                            <th style="width: 5%;" class="col-sm-1 text-aligncenter">Nº Parc.</th>
                            <th style="width: 8%;" class="col-sm-1 text-aligncenter">Valor</th>
                            <!--<th style="width: 5%;" class="col-sm-1 text-aligncenter"></th>-->
                        </tr>
                    </thead>
                    <tbody>
                        {{-- */$x=0;/* --}}
                        @foreach($contas as $item)
                        {{-- */$x++;/* --}} 
                        <tr>
                            <td class="bs-checkbox" style="width: 5%;"><label class="mt-radio mt-radio-single mt-radio-outline"><input onclick="Selected();" data-index="0" name="conta[]" id="{{'conta'.$item->id}}" type="checkbox" valor="{{$item->valor}}" value="{{$item->id}}"><span style="border-color: black;"></span></label></td>
                            <td>{{ $item->id }}</td>
                            <td>{{ $item->numero_doc }}</td>
                            <td>{{ timestampBrasileiraSemHR($item->updated_at) }}</td>
                            <td>{{ $item->empresas->nome_fantasia }}</td>
                            <td>{{ $item->fornecedores->rsocial_nome }}</td>
                            <td>{{ $item->tipos_categorias->nome }}</td>
                            <td>{{ $item->descricao }}</td>
                            <td class="text-aligncenter">{{ $item->n_parcelas }}</td>
                            <td class="text-alignright">{{ number_format($item->valor,2,',','.') }}</td>
                            <!--<td class="text-aligncenter"><a onclick="SetarRouter('{{route('contasBaixar',$item->id)}}');" href="#Confirmar_Exclusao" data-toggle='modal'><i class="fa fa-check"></i></a></td>-->
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        <script>
            function Selected(){   
                var total_itens = 0;

                $("input:checked").each(function() {
                    valor = parseFloat($(this).attr('valor'));
                    total_itens = eval(total_itens + valor);
                });

                if(total_itens > 0){
                    $("#total_contas_selecionadas").text(""+number_format(total_itens,2,',','.')+"");
                    $("#div_total_selecionado").css('display','block');
                    $("#btn_confirmar").css('display','block');
                }else{
                    $("#div_total_selecionado").css('display','none');
                    $("#btn_confirmar").css('display','none');
                }
            }
        </script>
    </div>
</div>
{!! Form::close() !!}
@endsection