@extends('templates.template')

@push('page-title')
  <h2>Saída de Caixa</h2>
  <p>Contabilizar saída de caixa</p>
@endpush

@section('content')
{!! Form::open(['route' => 'caixa.baixaSaida']) !!}
    <div class="row">
        <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
            <div class="form-group">
                {!! Form::label('caixa', 'Caixa') !!}
                {!! Form::select('caixa_id', $caixas, [], ['class' => 'form-control selectpicker','data-live-search'=>'true']) !!}
            </div>
        </div>
        <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">
            <div class="form-group">
                {!! Form::label('conta', 'Conta') !!}
                {!! Form::select('conta_id', $contas, [], ['class' => 'form-control selectpicker','data-live-search'=>'true']) !!}
            </div>
        </div>
        <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
            <div class="form-group">
                {!! Form::label('tipopagamento_id', 'Tipo Pagamento') !!}
                {!! Form::select('tipopagamento_id', $tipopagamentos, [], ['class' => 'form-control selectpicker','data-live-search'=>'true']) !!}
            </div>
        </div>
        <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
            <div class="form-group">
                {!! Form::label('descricao', 'Descrição') !!}
                {!! Form::text('descricao', null, ['class' => 'form-control']) !!}
            </div>
        </div>
        <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2">
            <div class="form-group">
                {!! Form::label('valor', 'Valor') !!}
                {!! Form::text('valor', null, ['class' => 'form-control valor']) !!}
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 text-center">
            {!! Form::submit('Enviar', ['class' => 'btn btn-success']) !!}
        </div>
    </div>
{!! Form::close() !!}

<div class="panel panel-default">
    <div class="panel-heading">Painel descrição da(s) saída(s)</div>
        <div class="panel-descricao-aluno clearfix">
            <table class="table ">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>Caixa</th>
                        <th>Data</th>
                        <th>Responsável</th>
                        <th>Código</th>
                        <th>Conta</th>
                        <th>Descrição</th>
                        <th colspan="2">Valor</th>
                    </tr>
                </thead>
                <tbody>
                    {{-- */ $total = collect([]) /* --}}
                    @forelse($saidas as $saida)
                    <tr>
                        <td>{{ $saida->id }}</td>
                        <td>{{ $saida->caixa->descricao }}</td>
                        <td>{{ dataAmericaBrasilTime($saida->created_at) }}</td>
                        <td>{{ $saida->user->name }}</td>
                        <td><strong>{{ $saida->codigo }}</strong></td>
                        <td>{{ $saida->conta->descricao }}</td>
                        <td>{{ $saida->descricao }}</td>
                        <td class="text-right">
                            R$ {{ moneyAmericaBrasil($saida->valor) }}
                            {{-- */ $total->push($saida->valor) /* --}}
                        </td>
                        <td>
                            <a href="#" class="btn btn-xs btn-default" title="Recibo">
                                <i class="fa fa-file"></i>
                            </a>
                            <a href="#" class="btn btn-xs btn-default estorno" title="Estorno">
                                <i class="fa fa-download"></i>
                            </a>
                        </td>
                    </tr>
                    @empty
                    <tr>
                        <td colspan="8">
                            Não existe dados no momento
                        </td>
                    </tr>
                    @endforelse
                    <tr>
                        <td colspan="7" class="text-right"><strong>Total</strong></td>
                        <td class="text-right">
                            <strong>R$ {{ moneyAmericaBrasil($total->sum()) }}</strong>
                        </td>
                        <td></td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
    $('.valor').mask('00.000,00', {reverse: true}).val();
    $('.selectpicker').selectpicker({
      style: 'btn-default',
      size: 8
    });
    $('.estorno').click(function (e) {
        e.preventDefault()
        let dado = parseInt($(this).parents('tr').children('td:first-child').text())
        bootbox.confirm({
                size: "small",
                title: "Estorno",
                message: "Você deseja estornar esse item?", 
                callback: function(result){
                    if(result === true){
                        var jqxhr = $.post( "{{ route('caixa.estornarSaida') }}", { _token: '{{ csrf_token() }}', id: dado } )
                        .done(function(data) {
                            bootbox.alert({
                                size: "small",
                                title: 'Estorno',
                                message: 'Dados atualizados com sucesso'
                            })
                            setTimeout(function(){
                                $(location).attr('href','{{ route('caixa.saida') }}')
                            }, 3000)
                        })
                        .fail(function() {
                            alert( "error" );
                        })
                    }
                }
            })
    })
</script>
@endpush