@extends('layouts.app')

@section('content')
    <section class="content-header">
        <h1 class="pull-left">Conciliação - Extrato</h1>
        
    </section>
    
    <div class="content">
        <div class="clearfix"></div>
        <div class="row" style="text-align: center">
            <h4>
                Selecione o(s) lançamento(s) abaixo para conciliar com o valor selecionado
                
            </h4>
        </div>

        <div class="row">

        </div>
        <div class="col-md-12">
            <!-- Widget: user widget style 1 -->
            <div class="box box-widget widget-user-2">
                <!-- Add the bg color to the header using any of the bg-* classes -->
                <div class="widget-user-header bg-green">
                <!-- /.widget-user-image -->
                <h3 class="widget-user-username">{{$ConciliacaoArquivo->memo}}</h3>
                <h5 class="widget-user-desc">{{$ConciliacaoArquivo->fitid}} {{$ConciliacaoArquivo->checknum}} {{$ConciliacaoArquivo->refnum}}</h5>
                </div>
                <div class="box-footer no-padding">
                    <ul class="nav nav-stacked">
                        <li><a href="#"><Strong>Data</Strong> <span class="pull-right badgeCustom bg-blue">{{date('d/m/Y',strtotime($ConciliacaoArquivo->datadeposito))}}</span></a></li>
                        {{-- <li><a href="#">Tasks <span class="pull-right badge bg-aqua">5</span></a></li>
                        <li><a href="#">Completed Projects <span class="pull-right badge bg-green">12</span></a></li>
                        <li><a href="#">Followers <span class="pull-right badge bg-red">842</span></a></li> --}}
                        <li><a href="#"><Strong>Valor</Strong>
                                <span class="pull-right badgeCustom bg-green">R$ {{ number_format($ConciliacaoArquivo->valor, 2, ',', '.') }}</span>
                            </a>
                        </li>
                    </ul>
                </div>
                
                <div style="text-align: right;padding: 17px">
                    <button class="btn btn-warning" id="btnConcilar">Conciliar</button>
                </div>
                
            </div>
            <!-- /.widget-user -->
            
        </div>

        <style>
            .badgeCustom {
                display: inline-block;
                min-width: 10px;
                padding: 3px 7px;
                font-size: 17px;
                font-weight: 700;
                line-height: 1;
                color: #fff;
                text-align: center;
                white-space: nowrap;
                vertical-align: middle;
                background-color: #777;
                border-radius: 10px;
            }
        </style>

        @include('flash::message')
        <form id="formulario" method="post">
                @csrf
            <div class="clearfix"></div>
            <div class="box box-warning">
                <div class="box-body">
                        {{-- @include('bancos.table') --}}
                    {{-- {{dd($Extrato)}} --}}
                    <div class="form-group col-sm-12 table-responsive">
                        <table class="table" id="extratos-table">
                            <thead>
                                <tr>
                                    {{-- <th>Id Origem</th> --}}
                                    <th></th>
                                    <th>Origem</th>
                                    <th>Lançamento</th>
                                    <th>Tipo</th>
                                    <th>Vencimento</th>
                                    <th>Status</th>
                                    <th>Valor</th>
                                    <th colspan="3">Ação</th>
                                </tr>
                            </thead>
                            <tbody>
                            @foreach($extratos as $extrato)
                                <tr>
                                    {{-- <td>{{ $extrato->id_origem }}</td> --}}
                                    <td><input style = "cursor:pointer;" class="form-check-input" type="checkbox" name="checkbox1[]" value="{{$extrato->id}}|{{$extrato->valor}}"></td>
                                    <td>{{ $extrato->descricao }}</td>
                    
                                    @if ($extrato->datacompetencia == null)
                                        <td></td>
                                    @else
                                        <td>{{ date('d/m/Y',strtotime($extrato->datacompetencia)) }}</td>
                                    @endif
                                    
                    
                                    @if ($extrato->tipolancamento == 'C')
                                        <td style="color: green">RECEITA</td>
                                    @else
                                        <td style="color: red">DESPESA</td>
                                    @endif
                                    
                                    @if ($extrato->datavencimento == null)
                                        <td></td>
                                    @else
                                        <td>{{ date('d/m/Y',strtotime($extrato->datavencimento)) }}</td>
                                    @endif
                                    {{-- <td>{{ $extrato->status }}</td> --}}
                                    @switch($extrato->status)
                                        @case('A')
                                            <td style="color: rgb(240, 13, 13)">Aguardando</td>
                                            
                                            @break
                                        @case('P')
                                            <td style="color: green">Pago</td>
                                            @break
                                        @case('PP')
                                            <td style="color: rgb(7, 4, 165)">Pago Parcial</td>
                                            @break
                                        @default
                                            <td></td>
                                    @endswitch
                                    @if ($extrato->tipolancamento == 'C')
                                        <td style="color: green">{{ number_format($extrato->valor, 2, ',', '.') }}</td>
                                    @else
                                        <td style="color: red">{{ number_format($extrato->valor, 2, ',', '.') }}</td>
                                    @endif
                                    {{-- <td>{{ number_format($extrato->valor, 2, ',', '.') }}</td> --}}
                                        <td>
                                        {{-- {!! Form::open(['route' => ['extratos.destroy', $extrato->id], 'method' => 'delete']) !!} --}}
                                        {{-- <div class='btn-group'>
                                            <a href="{{ route('extratos.show', [$extrato->id]) }}" class='btn btn-default btn-xs'><i class="glyphicon glyphicon-eye-open"></i></a> --}}
                                            {{-- <a href="{{ route('extratos.edit', [$extrato->id]) }}" class='btn btn-default btn-xs'><i class="glyphicon glyphicon-edit"></i></a>
                                            {!! Form::button('<i class="glyphicon glyphicon-trash"></i>', ['type' => 'submit', 'class' => 'btn btn-danger btn-xs', 'onclick' => "return confirm('Tem certeza que deseja excluir o registro?')"]) !!} --}}
                                        {{-- </div> --}}
                                        {{-- {!! Form::close() !!} --}}
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="text-center">
            
            {{-- @include('adminlte-templates::common.paginate', ['records' => $extratos]) --}}

            </div>
        </form>    
    </div>
@endsection


@section('javascript')
    <script type="text/javascript">
        $("#btnConcilar").on("click", function(e) {
            alert("aqui");
        var temp = "";
        var t1 = "";
        var t2 = null;
            $("input[name='checkbox1[]']:checked").each(function (){
                // console.log($(this).val()); 
                // temp = temp+","+$(this).val();
                // console.log(temp);
                t1 = $(this).val();
                t2 = t1.split("|");
                console.log('t2[0]:'+t2[0]);
                console.log('t2[1]:'+t2[1]);
                
            });
        });
    </script> 
@endsection