@extends('templates.template')

@push('page-title')
  <h2>Caixa</h2>
  <p>Controle, lance e fique atento a todas movimentações financeiras</p>
@endpush

@section('content')

<div class="row">
        <div class="col-md-3">
            <a href="{{ route('caixas.create') }}" class="tile-box tile-box-shortcut btn-danger">
                <span class="bs-badge badge-absolute">
                    Caixa
                </span>
                <div class="tile-header">Gerenciar Caixa</div>
                <div class="tile-content-wrapper">
                    <i class="fa fa-money glyph-icon"></i>
                </div>
            </a>
        </div>
    </div>

    <hr/>
    <div class="panel panel-default">
        <!-- Default panel contents -->
        <div class="panel-heading">Painel de Caixas</div>
        <div class="panel-body">
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                    Lista de caixas disponíveis para acesso
                </div>
            </div>
        </div>

        <!-- Table -->
        <table class="table table-bordered table-condensed table-striped">
            <thead>
                <tr>
                    <th>#</th>
                    <th>Descrição</th>
                    <th>Usuário Responsável</th>
                    <th>Ações</th>
                </tr>
            </thead>

            <tbody>
                @foreach($dados as $dado)
                <tr>
                    <td>{{ $dado['id'] }}</td>
                    <td>
                        {{ $dado['descricao'] }}
                        {{--*/ $usuariosLogs = $dado->situacaoCaixas->where('situacao', 1)->toArray() /*--}}
                        {{--*/ $usuariosNames = collect([]) /*--}}
                        @foreach($usuariosLogs as $usuario)
                            {{--*/ $usuariosNames->push($usuario['user']['name']) /*--}}
                        @endforeach
                        @if($usuariosNames->count() > 0)
                        <i class="fa fa-exclamation-triangle text-danger" data-toggle="tooltip" data-placement="top" title="Caixa aberto por: {{ $usuariosNames }}"></i>
                        @endif
                    </td>
                    <td>
                        @if($dado->situacaoCaixas->last() == null)
                            - - - -
                        @else
                        {{ ($dado->situacaoCaixas->last()->situacao == 1) ? $dado->situacaoCaixas->last()->user->name : '- - - -'}}
                        @endif
                    </td>
                    <td>
                    @if(!empty($dado->situacaoCaixas))
                        @if($dado->situacaoCaixas->last() == null)
                            <a href="{{ route('caixas.open', $dado['id']) }}" title="Abrir Caixa" class="btn btn-success abrirCaixa">Abrir Caixa</a>
                        @else
                            @if($dado->situacaoCaixas->last()->situacao == 0)
                                <a href="{{ route('caixas.open', $dado['id']) }}" title="Abrir Caixa" class="btn btn-success abrirCaixa">Abrir Caixa</a>
                            @else
                                <a href="{{ route('caixas.close', $dado['id']) }}" title="Fechar Caixa" class="btn btn-danger fecharCaixa">Fechar Caixa</a>
                            @endif
                        @endif
                    @endif
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
@endsection

@section('scripts')
<script type="text/javascript">
    $(document).ready(function(){
        // numeral.language('pt-br');
        $('.abrirCaixa').click(function(e){
            e.preventDefault();
            var _this = $(this)
            bootbox.prompt("Qual o valor inicial do caixa?", function(result) {
                if (result === null) {
                    console.log('Fechado com sucesso')
                } else {
                    result = (result != '' )? result : '0,00';
                    var __URL__ = _this.attr('href') + '/' + result
                    var jqxhr = $.ajax( __URL__ )
                          .done(function(data) {
                            if(data.type == 'success'){
                                window.location.href =  "{{ App::make('_.url') }}/caixas"
                            } else {
                                bootbox.alert(data.message)
                            }
                            console.log( "success" );
                          })
                          .fail(function() {
                            console.log( "error" );
                          })
                }
            })
            $('.bootbox-input').mask('000.000,00', {reverse: true}).val();
        })

        $('.fecharCaixa').click(function(e){
            e.preventDefault()
            var _this = $(this)
            var __URL__ = _this.attr('href')
            bootbox.confirm("Tem certeza que deseja [FECHAR] caixa?", function(result) {
              if (result === null) {
                    console.log('Fechado com sucesso')
              } else {
                var jqxhr = $.ajax( __URL__ )
                  .done(function(data) {
                        if(data.type == 'success'){
                            window.location.href =  "{{ App::make('_.url') }}/caixas"
                        } else {
                            bootbox.alert(data.message)
                        }
                        console.log( "success" );
                  })
                  .fail(function() {
                        console.log( "error" );
                  })
              }
            });

            })
          $('[data-toggle="tooltip"]').tooltip()
    })
    </script>
@endsection