@extends('templates.template')

@push('page-title')
    <div class="row">
      <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1">
        <i class=" text-danger fa fa-minus-circle fa-4x" aria-hidden="true"></i>
      </div>
      <div class="col-xs-5 col-sm-5 col-md-5 col-lg-5">
          <h1 class="text-danger">Saída de Caixa</h1>
          <p class="text-danger">Contabilizar saída de caixa</p>
      </div>
    </div>
@endpush

@section('content')
{!! Form::open(['route' => 'saidas.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('formapagamento_id', 'Tipo Pagamento') !!}
                {!! Form::select('formapagamento_id', $formaPagamentos, [], ['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>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) }}</td>
                        {{-- */ $total->push($saida->valor) /* --}}
                    </tr>
                    @empty
                    <tr>
                        <td colspan="5">
                            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>
                    </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
    });
</script>
@endpush