@extends('layouts.backend')
@section('content')
<div class="row justify-content-between" style="margin-top:30px;">
    <div class="col-md-4" style="margin-left: 50px;">
        <div class="vertical-line">
        </div>
        <div class="text">
            <div class="total-balance">
                <p>{{__('messages.balance')}} BTC: <span id="btctotal"></span></p>
            </div>
            <div class="total-balance">
                <p>{{__('messages.balance')}} USD: <span id="usdtotal"></span></p>
            </div>
        </div>
    </div>
    <div class="col-md-6">
        <div class="op-button">
            <button type="button" class="btn btn-alternative btn-alternative-operation btn-deposit" data-toggle="modal"
                data-target="#fundsMod" value="Go!">{{__('messages.deposit')}}</button>
            <button type="button" class="btn btn-alternative btn-alternative-operation btn-withdraw ml-0 ml-sm-4"
                data-toggle="modal" data-target="#fundsMod" value="Go!">{{__('messages.withdraw')}}</button>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-sm-12">
        <div class="panel panel-alternative panel-alternative-table panel-alternative-blank">
            <div class="panel-body">
                <div class="col-sm-12">
                    <div class="row">
                        <div class="col-sm-6 text-center">
                            <h5>{{__('messages.balance')}}</h5>
                        </div>
                        <div class="col-sm-6">
                            <form id="form_balance_search" class="form_search">
                                <div class="input-group">
                                    <input id="search_balance_value" type="text"
                                        class="small form-control form-control-search"
                                        placeholder="{{__('messages.search')}} {{__('messages.balance')}}">
                                    <span class="input-group-btn">
                                        <button type="submit" class="btn btn-alternative" value="Go!"><i
                                                class="fab fa-sistrix"></i></button>
                                    </span>
                                </div><!-- /input-group -->
                            </form>
                        </div>
                    </div>
                    <div class="row">
                        <div class="tab-pane active table-responsive" id="list">
                            <table id="table_balance" class="table table-hover">
                                <thead class="thead-default">
                                    <tr class="small">
                                        <th id="table_balance_header_symbol" style="cursor: pointer;">
                                            {{__('messages.currency')}}</th>
                                        <th id="table_balance_header_amount" style="cursor: pointer;">
                                            {{__('messages.amount')}}</th>
                                        <th id="table_balance_header_pending_amount" style="cursor: pointer;">
                                            {{__('messages.pending')}} {{__('messages.amount')}}</th>
                                        <th id="table_balance_header_equivalent" style="cursor: pointer;">USD
                                            {{__('messages.equivalent')}}</th>
                                    </tr>
                                </thead>
                                <tfoot>
                                    <tr class="small">
                                        <th colspan="1" id="balance_page">
                                            <div class="form-group" style="width: 70px;">
                                                <select id="result_balance_page" class="form-control custom-select">
                                                    <option value="5">5</option>
                                                    <option value="10" selected="selected">10</option>
                                                    <option value="15">15</option>
                                                </select>
                                            </div>
                                        </th>
                                        @if(Auth::User()->hasRole('20') || Auth::User()->hasRole('901'))
                                        <th id="table_balance_pagination" class="text-right" colspan="3"></th>
                                        @else
                                        <th id="table_balance_pagination" class="text-right" colspan="2"></th>
                                        @endif
                                    </tr>
                                </tfoot>
                                <tbody class="small" id="table_balance_content">
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-sm-12">
        <div class="panel panel-alternative panel-alternative-table panel-alternative-blank">
            <div class="panel-body">
                <div class="row">
                    <div class="col-sm-6 text-center">
                        <h5>{{__('messages.deposits')}}</h5>
                    </div>
                    <div class="col-sm-6">
                        <form id="form_deposit_search" class="form_search">
                            <div class="input-group">
                                <input id="search_deposit_value" type="text"
                                    class="small form-control form-control-search"
                                    placeholder="{{__('messages.search')}} {{__('messages.deposit')}}">
                                <span class="input-group-btn">
                                    <button type="submit" class="btn btn-alternative" value="Go!"><i
                                            class="fab fa-sistrix"></i></button>
                                </span>
                            </div>
                            <!--/input-group-->
                        </form>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-12">
                        <div class="table-responsive">
                            <table id="table_deposit" class="table table-hover">
                                <thead class="thead-default">
                                    <tr class="small">
                                        <th id="table_deposit_header_currency" style="cursor: pointer;">
                                            {{__('messages.currency')}}</th>
                                        <th id="table_deposit_header_amount" style="cursor: pointer;">
                                            {{__('messages.amount')}}</th>
                                        <th id="table_deposit_header_fee" style="cursor: pointer;">
                                            {{__('messages.fee')}}</th>
                                        <th id="table_deposit_header_reference" style="cursor: pointer;">
                                            {{__('messages.reference')}}</th>
                                        <th id="table_deposit_header_ip" style="cursor: pointer;">{{__('messages.ip')}}
                                        </th>
                                        <th id="table_deposit_header_ubication" style="cursor: pointer;">
                                            {{__('messages.ubication')}}</th>
                                        <th id="table_deposit_header_date" style="cursor: pointer;">
                                            {{__('messages.date')}}</th>
                                        <th id="table_deposit_header_status" style="cursor: pointer;">
                                            {{__('messages.status')}}</th>
                                    </tr>
                                </thead>
                                <tfoot>
                                    <tr>
                                        <th colspan="4" id="deposit_page">
                                            <div class="form-group" style="width:70px;">
                                                <select id="result_deposit_page" class="form-control custom-select">
                                                    <option value="5">5</option>
                                                    <option value="10" selected="selected">10</option>
                                                    <option value="20">20</option>
                                                    <option value="50">50</option>
                                                </select>
                                            </div>
                                        </th>
                                        @if(Auth::User()->hasRole('20') || Auth::User()->hasRole('901'))
                                        <th id="table_deposit_pagination" class="text-right" colspan="5"></th>
                                        @else
                                        <th id="table_deposit_pagination" class="text-right" colspan="4"></th>
                                        @endif
                                    </tr>
                                </tfoot>
                                <tbody id="table_deposit_content">
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-sm-12">
        <div class="panel panel-alternative panel-alternative-table panel-alternative-blank">
            <div class="panel-body">
                <div class="row">
                    <div class="col-sm-6 text-center">
                        <h5>{{__('messages.withdraws')}}</h5>
                    </div>
                    <div class="col-sm-6">
                        <form id="form_withdraw_search" class="form_search">
                            <div class="input-group">
                                <input id="search_withdraw_value" type="text"
                                    class="small form-control form-control-search"
                                    placeholder="{{__('messages.search')}} {{__('messages.withdraw')}}">
                                <span class="input-group-btn">
                                    <button type="submit" class="btn btn-alternative" value="Go!"><i
                                            class="fab fa-sistrix"></i></button>
                                </span>
                            </div>
                            <!--/input-group-->
                        </form>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-12">
                        <div class="table-responsive">
                            <table id="table_withdraw" class="table table-hover">
                                <thead class="thead-default">
                                    <tr class="small">
                                        <th id="table_withdraw_header_currency_out" style="cursor: pointer;">
                                            {{__('messages.currency')}}</th>
                                        <th id="table_withdraw_header_amount_out" style="cursor: pointer;">
                                            {{__('messages.amount')}}</th>
                                        <th id="table_withdraw_header_fee" style="cursor: pointer;">
                                            {{__('messages.fee')}}</th>
                                        <th id="table_withdraw_header_reference" style="cursor: pointer;">
                                            {{__('messages.reference')}}</th>
                                        <th id="table_withdraw_header_ip" style="cursor: pointer;">{{__('messages.ip')}}
                                        </th>
                                        <th id="table_withdraw_header_ubication" style="cursor: pointer;">
                                            {{__('messages.ubication')}}</th>
                                        <th id="table_withdraw_header_date" style="cursor: pointer;">
                                            {{__('messages.date')}}</th>
                                        <th id="table_withdraw_header_status" style="cursor: pointer;">
                                            {{__('messages.status')}}</th>
                                    </tr>
                                </thead>
                                <tfoot>
                                    <tr>
                                        <th colspan="4" id="withdraw_page">
                                            <div class="form-group" style="width:70px;">
                                                <select id="result_withdraw_page" class="form-control custom-select">
                                                    <option value="5">5</option>
                                                    <option value="10" selected="selected">10</option>
                                                    <option value="20">20</option>
                                                    <option value="50">50</option>
                                                </select>
                                            </div>
                                        </th>
                                        <th id="table_withdraw_pagination" class="text-right" colspan="6"></th>
                                    </tr>
                                </tfoot>
                                <tbody id="table_withdraw_content">
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<div class="modal fade" id="fundsMod" role="dialog">
    <div class="modal-dialog">
        <!-- Modal content-->
        <div class="modal-content modal-alternative">
            <div class="modal-body">


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

<div class="modal fade" id="fundsAlertMod" role="dialog">
    <div class="modal-dialog modal-sm">
        <!-- Modal content-->
        <div class="modal-content modal-alternative content-alert">
            <div class="alert" style="margin: 0px;">
                <p class="text-alert"></p>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
        </div>
    </div>
</div>
@include('modals.maintenance')
@include('modals.modalAuthenticator')
@endsection