@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="{{ url(route('caixa.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>
                @forelse($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('caixa.open', $dado['id']) }}" title="Abrir Caixa" class="btn btn-success abrirCaixa">Abrir Caixa</a>
                        @else
                            @if($dado->situacaocaixas->last()->situacao == 0)
                                <a href="{{ route('caixa.open', $dado['id']) }}" title="Abrir Caixa" class="btn btn-success abrirCaixa">Abrir Caixa</a>
                            @else
                                <a href="{{ route('caixa.close', $dado['id']) }}" title="Fechar Caixa" class="btn btn-danger fecharCaixa">Fechar Caixa</a>
                            @endif
                        @endif
                    @endif
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan="5">Não existem dados registrados até o momento</td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>
@endsection

@push('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) {
            console.log(result)
            if (result === null) {
                console.log('Fechado com sucesso')
            } else {
                result = numeral().unformat(result)
                var __URL__ = _this.attr('href') + '/' + ((result > 0) ? result : '0.0')
                var jqxhr = $.ajax( __URL__ )
                      .done(function(data) {
                        if(data.type == 'success'){
                            window.location.href =  "{{ App::make('_.url') }}/caixa"
                        } 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') }}/caixa"
                    } else {
                        bootbox.alert(data.message)
                    }
                    console.log( "success" );
              })
              .fail(function() {
                    console.log( "error" );
              })
          }
        });

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

@push('styles')
<style type="text/css" media="screen">

</style>
@endpush