@extends('layout')

@section('content')
                <script src="templates/default/js/vendor.min.js" type="text/javascript"></script>
                <script src="templates/default/js/scriptsfaed.js?v=675056" type="text/javascript"></script>
                <script src="templates/default/js/datepicker.js" type="text/javascript"></script>
                <script src="templates/default/js/betnew/mainfaed.js?v=675056"></script>
    <link rel="stylesheet" href="/css/profileHistory.css">
    <script type="text/javascript" src="/js/profileHistory.js"></script>
    <div class="section">
        <div class="wallet_container">
            <div class="wallet_component">
                <div class="history_nav">
                    <button type="button" class="btn isActive" data-tab="with"><span>Histórico de Saques</span>
                    </button>
                    <button type="button" class="btn" data-tab="dep"><span>Histórico de Depósitos</span></button>
                </div>

                <div class="history_wrapper with">
                    <div class="withPager">
                        <div class="list">
                            @if($withdraws->count() > 0)
                                <div class="history_scroll">
                                    <table class="history_table">
                                        <thead>
                                        <tr>
                                            <th>Data | Hora</th>
                                            <th>Metódo</th>
                                            <th>Valor</th>
                                            <th class="text-right">Status</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        @foreach($withdraws as $w)
                                            <tr>
                                                <td>{{ Carbon\Carbon::parse($w->created_at)->format('d.m.Y | h:i') }}hs</td>
                                                <td>
                                                    <div class="history_system">
                                                        <div>{{$w->system}}</div>
                                                        <span class="popover-tip-block" data-toggle="popover-info"
                                                              data-placement="top"
                                                              data-contenthtml="{{$w->wallet}}">
                                                            <span
                                                                class="popover-tip-icon"><svg class="icon"><use
                                                                        xlink:href="/img/symbols.svg#icon-info"></use></svg>
                                                            </span>
                                                        </span>
                                                    </div>
                                                </td>
                                                <td>R$ {{$w->valueWithCom}}</td>
                                                <td class="text-right withStatus_{{$w->id}}">
                                                    @if($w->status == 0)
                                                        <span class="color-orange">PENDENTE</span>
                                                    @elseif($w->status == 1)
                                                        <span class="color-green">PAGO</span>
                                                    @else
                                                        CANCELADO
                                                    @endif
                                                </td>
                                            </tr>
                                        @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            @else
                                <div class="history_empty">
                                    <h4>N/A</h4>Você não fez nenhum deposito ainda.
                                </div>
                            @endif
                        </div>
                    </div>
                </div>

                <div class="history_wrapper dep" style="display: none;">
                    <div class="withPager">
                        <div class="list">
                            @if($pays->count() > 0)
                                <div class="history_scroll">
                                    <table class="history_table">
                                        <thead>
                                        <tr>
                                            <th>Data | Hora</th>
                                            <th>Identificador</th>
                                            <th>Método</th>
                                            <th>Valor</th>
                                            <th class="text-right">Status</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        @foreach($pays as $p)
                                            <tr>
                                                <td>{{ Carbon\Carbon::parse($p->created_at)->format('d.m.Y | h:i') }}hs </td>
                                                <td>#{{$p->secret}}</td>
                                                <td>
                                                    <div class="history_system">{{$p->system}}</div>
                                                </td>
                                                <td>R$ {{$p->sum}}</td>
                                                <td class="text-right depStatus_{{$p->id}}">
                                                    @if($p->status == 'Pendente')
                                                        <span class="color-black">{{$p->status}}</span>
                                                    @elseif($p->status == 'Aprovado')
                                                        <span class="color-green">{{$p->status}}</span>
                                                    @else
                                                        {{$p->status}}
                                                    @endif
                                                        </td>
                                            </tr>
                                        @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            @else
                                <div class="history_empty">
                                    <h4>N/A</h4>Você não fez nenhum retirada ainda.
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection