@extends('layouts.app')
@section('page_css')
<!-- DataTables -->
<link rel="stylesheet" href="{{ env('CFURL').('/plugins/datatables/dataTables.bootstrap.css')}}">
<link rel="stylesheet" href="https://cdn.datatables.net/buttons/1.2.1/css/buttons.dataTables.min.css">

@endsection

@section('htmlheader_title')
Saques
@endsection

@section('contentheader_title')
Saques
@endsection

@section('breadcrumb')
<li class="active">Saques</li>
@endsection

@section('contentheader_description')

@endsection

@section('main-content')
<!-- Small boxes (Stat box) -->
<!-- Main row -->
<!-- Small boxes (Stat box) -->
<div id='saqueModal' class="modal">
    <div class="modal-dialog">
        <div class="modal-content">

            <p>
            <form id="updateSaque" method="post" action="{{url('/admin/saque')}}">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title">Mudar Status</h4>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <label>Mensagem </label>
                        <textarea class="form-control" required placeholder="mensagem" name="mensagem"></textarea>
                        <input type="hidden" name="id" id="idHid">
                        <input type="hidden" name="_token" value="<?php echo csrf_token(); ?>"/>
                    </div>
                    <div class="form-group">
                        <label>Status </label>
                        <select class="form-control" name="status" id="statusChange">
                            <option value="0">Pendente</option>
                            <option value="1">Pago</option>
                            <option value="2">Em analise</option>

                        </select>
                    </div
                    <div class="modal-footer">
                        <div id="resUpdate">
                        </div>
                        <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
                        <button type="submit" id="salvarUpdate" class="btn btn-primary">salvar</button>
                        </p>
                    </div>
            </form>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<div class="row">
    <!-- Left col -->
    <section class="col-lg-12">
        <div class="box box-primary">
            <div class="box-header with-border">
                <h3 class="box-title"> Lista de Saques</h3>
            </div>
            <div class="box-body table-responsive">
                <div id="mensagemAjax">

                </div>
                <div class="row">
                    <div class="col-md-12">
                        <div class="col-md-2">
                            <a href="<?= url('admin/saque?status=1') ?>"><button class="btn btn-success" >Pagos</button></a>&nbsp;&nbsp;
                        </div>
                        <div class="col-md-2">
                            <a href="<?= url('admin/saque?status=0') ?>"><button class="btn btn-danger" >Pendentes</button></a>&nbsp;&nbsp;
                        </div>
                        <div class="col-md-2">
                            <a href="<?= url('admin/saque?status=2') ?>"><button class="btn btn-warning" >Em analise</button></a>&nbsp;&nbsp;
                        </div>
                    </div>


                </div>
                <br>


                <table id="example2" class="table table-bordered">
                    <thead>
                        <tr>
                            <th width="5%">#</th>
                            <th>Usuário</th>
                            <th>Mensagem</th>
                            <th>Data / Hora</th>
                            <th>Status</th>
                            <th>Valor</th>
                            <th>Data de Deposito</th>
                            <th>Carteira BTC</th>
                        </tr>
                    </thead>
                    <tbody>
                        @inject('User', 'App\User')

                        <?php

                        function getStatus($id) {
                            switch ($id) {
                                case 0:
                                    $res = 'Pendente';
                                    break;
                                case 1:
                                    $res = 'Pago';
                                    break;

                                case 2:
                                    $res = 'Em analise';
                                    break;
                            }
                            return $res;
                        }
                        ?>

                        @inject('Saque', 'App\Saque')
                        <?php
                        if (is_numeric(@$_GET['status']) and isset($_GET['status'])) {
                            $stat = $_GET['status'];
                            $saques = $Saque->where('status', $stat)->orderBy('id')->get();
                        } else {
                            $saques = $Saque->orderBy('id')->get();
                        }
                        ?>
                        @foreach($saques as $saque)
                        <tr>
                            <td>{{$saque->id}}</td>
                            <td>{{$saque->userName($saque->user_id)}}</td>
                            <td>{{$saque->mensagem}}</td>
                            <td>{{$saque->created_at}}</td>
                            <td>{{getStatus($saque->status)}}<a onclick="updateStatus({{$saque->id}},'{{getStatus($saque->status)}}')"><br>(Atualizar Status)</a></td>
                            <td>US$ {{@number_format($saque->valor, 2, ',', '.')}}</td>
                            <td>{{$saque->data_deposito}}</td>
                            <td><?= $saque->conta ?></td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>

    </section><!-- /.Left col -->

    {{ method_field('PUT') }}
</div><!-- /.row (main row) -->

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">

            </div>
            <div class="modal-body">

            </div>
            <div class="modal-footer">

            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
<!-- /.modal -->

@endsection


@section('page_scripts')
<!-- DataTables -->
<script src="{{ asset('/plugins/datatables/jquery.dataTables.min.js')}}"></script>
<script src="{{ asset('/plugins/datatables/dataTables.bootstrap.min.js')}}"></script>
<script src="{{ asset('/plugins/form/jquery.form.min.js') }}"></script>
<script src="{{ env('CFURL').('/plugins/blockUi/jquery.blockUI.js') }}"></script>

<!-- DataTables -->
<script src="{{ env('CFURL').('/plugins/datatables/jquery.dataTables.min.js')}}"></script>
<script src="https://cdn.datatables.net/buttons/1.2.1/js/dataTables.buttons.min.js"></script>
<script src="//cdn.datatables.net/buttons/1.2.1/js/buttons.flash.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jszip/2.5.0/jszip.min.js"></script>
<script src="//cdn.rawgit.com/bpampuch/pdfmake/0.1.18/build/pdfmake.min.js"></script>
<script src="//cdn.rawgit.com/bpampuch/pdfmake/0.1.18/build/vfs_fonts.js"></script>
<script src="//cdn.datatables.net/buttons/1.2.1/js/buttons.html5.min.js"></script>
<script src="//cdn.datatables.net/buttons/1.2.1/js/buttons.print.min.js"></script>

<script src="{{ env('CFURL').('/plugins/datatables/dataTables.bootstrap.min.js')}}"></script>
<script>
                                        $(function () {

                                        $('#example2').DataTable({
                                        "paging": true,
                                                "lengthChange": true,
                                                "searching": true,
                                                "ordering": true,
                                                "info": true,
                                                "autoWidth": true,
                                                "order": [[0, "desc"]],
                                                dom: 'Bfrtip',
                                                buttons: [
                                                        'copy', 'csv', 'excel', 'pdf', 'print'
                                                ],
                                                "language": {
                                                "sEmptyTable": "Nenhum registro encontrado",
                                                        "sInfo": "Mostrando de _START_ até _END_ de _TOTAL_ registros",
                                                        "sInfoEmpty": "Mostrando 0 até 0 de 0 registros",
                                                        "sInfoFiltered": "(Filtrados de _MAX_ registros)",
                                                        "sInfoPostFix": "",
                                                        "sInfoThousands": ".",
                                                        "sLengthMenu": "_MENU_ resultados por página",
                                                        "sLoadingRecords": "Carregando...",
                                                        "sProcessing": "Processando...",
                                                        "sZeroRecords": "Nenhum registro encontrado",
                                                        "sSearch": "Pesquisar",
                                                        "oPaginate": {
                                                        "sNext": "Próximo",
                                                                "sPrevious": "Anterior",
                                                                "sFirst": "Primeiro",
                                                                "sLast": "Último"
                                                        },
                                                        "oAria": {
                                                        "sSortAscending": ": Ordenar colunas de forma ascendente",
                                                                "sSortDescending": ": Ordenar colunas de forma descendente"
                                                        }
                                                }
                                        });
                                        });</script>
<script>
    $(function () {

    function fBlockUi() {
    $.blockUI({
    message: "<h4>Por favor aguarde...</h4>",
            css: {
            border: 'none',
                    padding: '5px',
                    backgroundColor: '#000',
                    '-webkit-border-radius': '5px',
                    '-moz-border-radius': '5px',
                    opacity: .5,
                    color: '#fff'
            }
    });
    }

    $(".delete").click(function () {
    fBlockUi();
    $.ajax({
    url: '{{url(' / admin / pacote')}}' + '/' + $(this).attr('data-id'),
            method: 'DELETE',
            data: {_token: "<?php echo csrf_token(); ?>"},
            type: 'DELETE',
            success: function (result) {
            $("#mensagemAjax").html(result);
            $.unblockUI();
            window.setTimeout('location.reload()', 1500); //Reloads after three seconds
            }
    });
    });
    $(".openModal").on('click', function () {

    $('#myModal').removeData('bs.modal');
    $('#myModal').modal(
    {
    remote: $(this).attr('data-href')
    }
    );
    $('#myModal').modal('show');
    $('#myModal').on('loaded.bs.modal', function (e) {

    // bind form using ajaxForm
    var form = $('.formAjax').ajaxForm({
    // target identifies the element(s) to update with the server response
    target: '#mensagemAjax',
            beforeSubmit: function () {
            fBlockUi();
            $('#myModal').modal('hide');
            $('input').attr('disabled', true);
            },
            // success identifies the function to invoke when the server response
            // has been received; here we apply a fade-in effect to the new content
            success: function () {
            $('.formAjax').clearForm();
            $('#mensagemAjax').fadeIn('slow');
            $.unblockUI();
            $('input').attr('disabled', false);
            window.setTimeout('location.reload()', 1500); //Reloads after three seconds
            }
    });
    });
    });
    });
    function updateStatus(id, status){

    $("#saqueModal").modal();
    $('#idHid').val(id);
    $("#statusChange option")
            .each(function() { this.selected = (this.text == status); });
    }
    $('#updateSaque').submit(function () {
    if (confirm("Deseja realmente salvar essas atualizações?")){
    var dados = $(this).serialize();
    var form = $(this).serializeArray();
    var here = $(this); // alert div for show alert message
    $.ajax({
    'url': here.attr('action'),
            'type': 'POST',
            data: dados, // serialize form data
            dataType: "html",
            beforeSend: function () {
            $('#salvarUpdate').html('Carregando...');
            },
            'success': function (dados) {
            $('#resUpdate').html(dados);
            $('#resUpdate').html(dados);
            $('#salvarUpdate').html('Salvar');
            }
    });
    return false;
    } else{
    return false;
    }
    });

</script>
@endsection