@extends('templates.template')

@push('page-title')
  <h2>Caixa - Extornos</h2>
  <p>Cancelar o pagamento já executado</p>
@endpush

@section('content')

    <table class="table table-striped tableLancamentos">
        <caption>Lista de todos os [LANÇAMENTOS] hoje <strong>({{ \Carbon\Carbon::now()->format('d/m/Y') }})</strong></caption>
        <thead>
            <tr>
                <th class="text-center">Caixa</th>
                <th class="text-center">Prestação</th>
                <th class="text-center">Data</th>
                <th class="text-center">Situação</th>
                <th class="text-center">Valor</th>
                <th class="text-center">Ações</th>
            </tr>
        </thead>
        <tbody>
            {{--*/ $movi = collect()  /*--}}
            @forelse($dados as $dado)
            <tr>
                <td class="text-center">{{ $dado['caixa']['descricao'] }}</td>
                <td class="text-center">{{ $dado['prestacao']['codigo'] }}</td>
                <td class="text-center">{{ \Carbon\Carbon::parse($dado['created_at'])->format('d/m/Y') }}</td>
                <td class="text-center">{!! $dado['situacao'] !!}</td>
                <td class="text-center">{{ $dado['valor'] }}</td>
                {{--*/ $movi->push($dado['valor'])  /*--}}
                <td class="text-center">
                    <a href="{{ route('caixa.extornoMensalidade', $dado['id']) }}" title="Extornar" class="btn btn-danger extorno">
                        <i class="fa fa-ban"></i>
                    </a>
                </td>
            </tr>
            @empty
            <tr>
                <td colspan="6">Não existem lançamentos hoje</td>
            </tr>
            @endforelse
        </tbody>
        <tfood>
            <td colspan="4" class="text-right">Total</td>
            <td class="text-center">{{ $movi->sum() }}</td>
            <td></td>
        </tfood>
    </table>

    <hr/>

    <table class="table table-striped tableExtornos">
        <caption>Lista de todos os [EXTORNOS] hoje <strong>({{ \Carbon\Carbon::now()->format('d/m/Y') }})</strong></caption>
        <thead>
            <tr>
                <th class="text-center">Caixa</th>
                <th class="text-center">Prestação</th>
                <th class="text-center">Data</th>
                <th class="text-center">Situação</th>
                <th class="text-center">Valor</th>
                <th class="text-center">Ações</th>
            </tr>
        </thead>
        <tbody>
            {{--*/ $movi = collect()  /*--}}
            @forelse($extornos as $dado)
            <tr>
                <td class="text-center">{{ $dado['caixa']['descricao'] }}</td>
                <td class="text-center">{{ $dado['prestacao']['codigo'] }}</td>
                <td class="text-center">{{ \Carbon\Carbon::parse($dado['created_at'])->format('d/m/Y') }}</td>
                <td class="text-center">{!! $dado['situacao'] !!}</td>
                <td class="text-center">{{ $dado['valor'] }}</td>
                {{--*/ $movi->push($dado['valor'])  /*--}}
                <td class="text-center">
                    <a href="#" title="Extorno" class="btn btn-default">
                        <i class="fa fa-low-vision"></i>
                    </a>
                </td>
            </tr>
            @empty
            <tr>
                <td colspan="6">Não existem lançamentos hoje</td>
            </tr>
            @endforelse
        </tbody>
        <tfood>
            <td colspan="4" class="text-right">Total</td>
            <td class="text-center">{{ $movi->sum() }}</td>
            <td></td>
        </tfood>
    </table>

@endsection

@push('scripts')
    <script>
        $(function(){
            $('.extorno').click(function(e){
                e.preventDefault()
                var _URL_ = $(this).attr('href')

                bootbox.confirm("Tem certeza que deseja extornar?", function(result) {
                  console.log("Confirm result: "+result);

                    if(result == true){

                        $.ajax({
                            method: "GET",
                            url: _URL_
                        })
                        .done(function(data){
                            bootbox.dialog({
                                title: 'Extorno',
                                message: 'Extorno lançado com sucesso!'
                            })
                            var tr = parseInt($('.tableExtornos').find('tbody > tr').length) - 2
                            $('.tableExtornos')
                                .find('tbody tr:eq('+ tr +')')
                                    .after($('<tr/>')
                                        .append($('<td/>').addClass('text-center')
                                            .text(data.message.caixa.descricao)
                                        )
                                        .append($('<td/>').addClass('text-center')
                                            .text(data.message.prestacao.codigo)
                                        )
                                        .append($('<td/>').addClass('text-center')
                                            .text(data.message.created_at)
                                        )
                                        .append($('<td/>').addClass('text-center')
                                            .text(data.message.situacao)
                                        )
                                        .append($('<td/>').addClass('text-center')
                                            .text(parseFloat(data.message.valor) * (-1))
                                        )
                                        .append($('<td/>').addClass('text-center')
                                            .append(
                                                $('<a/>').addClass('btn').addClass('btn-default').append(
                                                    $('<i/>').addClass('fa').addClass('fa-low-vision')
                                                    )
                                                )
                                        )
                                    )
                        })
                        .fail(function(e, o){
                            alert( "error" + e + ': ' + o);
                        });
                    }
                })
            })
        })
    </script>
@endpush