@extends('back.layout')

@section('title')
{{ __('h47') }} - {{ __('n1') }}
@endsection

@section('content')
    <div class="content-wrapper content-wrapper--with-bg">
        <div class="d-flex justify-content-between dir">
            <div>
                <h1 class="page-title fw-bold dir">{{ __('h48') }}</h1>
            </div>

            <div>
                <a href="" data-bs-toggle="modal" data-bs-target="#withdraw" class="btn btn-success fw-bold">
                {{ __('h49') }}</a>
            </div>
        </div>
        <div class="page-content dir">
            <div class="row">
                <div class="col-md-4 col-sm-12 mb-3 text-center fw-bold">
                    <span class="fs-5 text-dark">{{ $pending_balance + auth()->user()->balance }} Trx</span><br>
                    <span class="fs-6 fw-bold text-dark">{{ __('h50') }}</span>
                </div>
                <div class="col-md-4 col-sm-12 mb-3 text-center fw-bold">
                    <span class="fs-5 text-dark">{{ auth()->user()->balance }} Trx</span><br>
                    <span class="fs-6 fw-bold text-dark">{{ __('i1') }}</span>
                </div>
                <div class="col-md-4 col-sm-12 mb-3 text-center fw-bold">
                    <span class="fs-5 text-dark">{{ $pending_balance }} Trx</span><br>
                    <span class="fs-6 fw-bold text-dark">{{ __('i3') }}</span>
                </div>
            </div>
        </div>

        @if (count($trans) > 0)
            <h1 class="page-title fw-bold dir mt-5">{{ __('i4') }}</h1>
            <div class="page-content dir">
                <ul class="list-unstyled m-0 p-0">
                    @foreach ($trans as $tran)
                        <li class="fw-bold text-dark d-flex justify-content-between dir">
                            <div>
                                @if ($tran->type == 'Gain')
                                    <span class="text-success fw-bold fs-6">{{ __('i5') }}</span>
                                    @if ($tran->status == 'Pending')
                                        <span class="badge bg-secondary" style="font-size: 13px;">{{ __('i6') }}</span>
                                    @elseif ($tran->status == 'Complete')
                                        <span class="badge bg-success" style="font-size: 13px;">{{ __('i7') }}</span>
                                    @else
                                        <span class="badge bg-danger" style="font-size: 13px;">{{ __('i8') }}</span>
                                    @endif
                                @else
                                    <span class="text-danger fw-bold fs-6">{{ __('i9') }}</span>
                                    @if ($tran->status == 'Pending')
                                        <span class="badge bg-secondary" style="font-size: 13px;">{{ __('i10') }}</span>
                                    @elseif ($tran->status == 'Complete')
                                        <span class="badge bg-success" style="font-size: 13px;">{{ __('i11') }}</span>
                                    @else
                                        <span class="badge bg-danger" style="font-size: 12px;">{{ __('i12') }}</span>
                                    @endif
                                @endif
                                <br>
                                <span style="direction: ltr;">{{ $tran->created_at->format('Y-m-d') }} | {{ \Carbon\Carbon::parse($tran->created_at)->diffForHumans() }}</span>
                            </div>
                            <div class="fs-5">{!! $tran->value . '<span class="fs-6 mx-1">Trx</span>' !!}
                                @if ($tran->type == 'Gain')
                                    <span class="text-success">+</span>
                                @else
                                    <span class="text-danger">-</span>
                                @endif
                            </div>
                        </li>
                        <hr>
                    @endforeach
                </ul>
            </div>
        @endif

        @if (auth()->user()->id == 1)
            @if (count($withdraws) > 0 && auth()->user()->id == 1)
                <h1 class="page-title fw-bold dir mt-5">{{ __('i13') }}</h1>
                <div class="page-content dir">
                    <ul class="list-unstyled m-0 p-0">
                        @foreach ($withdraws as $withdraw)
                            <li class="fw-bold text-dark d-flex justify-content-between dir">
                                <div>
                                    @if ($withdraw->type == 'Gain')
                                        <span class="text-success fw-bold fs-6">{{ __('i14') }}</span>
                                        @if ($withdraw->status == 'Pending')
                                            <span class="badge bg-secondary" style="font-size: 13px;">{{ __('i15') }}</span>
                                        @elseif ($withdraw->status == 'Complete')
                                            <span class="badge bg-success" style="font-size: 13px;">{{ __('i16') }}</span>
                                        @else
                                            <span class="badge bg-danger" style="font-size: 13px;">{{ __('i17') }}</span>
                                        @endif
                                    @else
                                        <span class="text-danger fw-bold fs-6">{{ __('i18') }}</span>
                                        @if ($withdraw->status == 'Pending')
                                            <span class="badge bg-secondary" style="font-size: 13px;">{{ __('i19') }}</span>
                                        @elseif ($withdraw->status == 'Complete')
                                            <span class="badge bg-success" style="font-size: 13px;">{{ __('i20') }}</span>
                                        @else
                                            <span class="badge bg-danger" style="font-size: 12px;">{{ __('i21') }}</span>
                                        @endif
                                    @endif
                                    <br>
                                    <span style="direction: ltr;">{{ $withdraw->created_at->format('Y-m-d') }} | {{ \Carbon\Carbon::parse($withdraw->created_at)->diffForHumans() }}</span>
                                    @if ($withdraw->status == 'Pending')
                                        <br>
                                        <a href="" onclick="getData({{ $withdraw->id }})" data-bs-toggle="modal" data-bs-target="#withdrawRequest" class="w-100 btn btn-success fw-bold fs-6 p-1">{{ __('i22') }}</a>
                                    @endif
                                </div>
                                <div class="fs-5">{!! $withdraw->value . '<span class="fs-6 mx-1">Trx</span>' !!}
                                    @if ($withdraw->type == 'Gain')
                                        <span class="text-success">+</span>
                                    @else
                                        <span class="text-danger">-</span>
                                    @endif
                                </div>
                            </li>
                            <hr>
                        @endforeach
                    </ul>
                </div>
            @endif
        @endif

    </div>

    {{-- Modals --}}

    {{-- Withdraw --}}
    <div class="modal fade" id="withdraw" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content ">
                <div class="modal-header dir">
                    <h5 class="modal-title fw-bold" id="exampleModalLabel">{{ __('i23') }}</h5>
                    <button type="button" class="btn-close shadow-none" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body dir">
                    <form action="{{ route('withdraw') }}" method="POST" id="WithForm">
                        @csrf
                        @method('POST')
                        <div class="mb-3">
                            <label for="amount" class="fw-bold text-dark mb-2">{{ __('i24') }} <span class="text-danger">*</span></label>
                            <input type="number" name="amount" id="amount" class="form-control fw-bold shadow-none" max="{{ auth()->user()->balance }}" min="{{ $min_withdraw_per_time }}" required>
                        </div>

                        <p class="text-dark fw-bold">
                            <span class="text-danger">*</span>
                            {{ __('i25') }}
                        </p>

                        @if (intval(auth()->user()->balance) < intval($min_withdraw))
                            <p class="text-dark fw-bold">
                                <span class="text-danger">*</span>
                                {{ __('i26') }}
                                <span class="text-danger">( {{ __('i27') }} {{ $min_withdraw }} Trx )</span>
                            </p>
                            <div class="progress mb-3">
                                <div class="progress-bar" role="progressbar" style="width: {{ (auth()->user()->balance / intval($min_withdraw)) * 100 }}%;" aria-valuenow="{{ (auth()->user()->balance / $min_withdraw) * 100 }}" aria-valuemin="0" aria-valuemax="100">{{ (auth()->user()->balance / intval($min_withdraw)) * 100 }}%</div>
                            </div>
                        @endif

                        <button type="submit" class="btn btn-success shadow-none fw-bold submitForm withdrawButt
                        @if (intval(auth()->user()->balance) < intval($min_withdraw))
                            disabled
                        @endif
                        ">{{ __('i28') }}</button>
                        <button type="button" id="submit" class="btn btn-secondary shadow-none fw-bold " data-bs-dismiss="modal">{{ __('i29') }}</button>

                    </form>
                </div>
            </div>
        </div>
    </div>

    {{-- Show Withdraw Request --}}
    <div class="modal fade" id="withdrawRequest" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content ">
                <div class="modal-header dir">
                    <h5 class="modal-title fw-bold" id="exampleModalLabel">{{ __('i30') }}</h5>
                    <button type="button" class="btn-close shadow-none" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body dir">

                        <div class="data">

                        </div>

                        <a href="" id="sendBalance" class="btn btn-success fw-bold">{{ __('i31') }}</a>
                        <a href="" id="refuseBalance" data-bs-toggle="modal" data-bs-target="#refuseRequest" class="btn btn-danger fw-bold">{{ __('i32') }}</a>
                        <button type="button" class="btn btn-secondary shadow-none fw-bold" data-bs-dismiss="modal">{{ __('i33') }}</button>

                </div>
            </div>
        </div>
    </div>

    {{-- Refuse Withdraw Request --}}
    <div class="modal fade" id="refuseRequest" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content ">
                <div class="modal-header dir">
                    <h5 class="modal-title fw-bold" id="exampleModalLabel">{{ __('i34') }}</h5>
                    <button type="button" class="btn-close shadow-none" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body dir">

                    <form action="" id="refuseForm" method="POST">

                        <p class="text-dark fw-bold">
                            <span class="text-danger">*</span>
                            {{ __('i35') }}
                        </p>

                        @csrf
                        @method('POST')

                        <div class="mb-3 dir">
                            <label for="text" class="mb-1 fw-bold text-dark">{{ __('i36') }}</label>
                            <textarea name="text" id="text" class="form-control shadow-none fw-bold text-dark" required></textarea>
                        </div>

                        <button type="submit" class="btn btn-danger fw-bold submitForm">
                        {{ __('i37') }}
                        </button>
                        <button type="button" class="btn btn-secondary shadow-none fw-bold" data-bs-dismiss="modal">{{ __('i38') }}</button>

                    </form>

                </div>
            </div>
        </div>
    </div>
@endsection

@section('jss')
    <script>
        function getData(id) {
            $.ajax({
                url: "https://cryptotasky.com/get/withdraw/" + id,
                type: 'GET',
                dataType: 'json',
                success: function(res) {
                    console.log(id);
                    var data = '';
                    data += '<p class="text-dark fs-5 fw-bold">' + "{{ __('i39') }}" + ' : <span class="fw-bold text-success">' + res.name + '</span></p>';
                    data += '<p class="text-dark fs-5 fw-bold">' + "{{ __('i40') }}" + ' : <span class="fw-bold text-success">' + res.email + '</span></p>';
                    data += '<p class="text-dark fs-5 fw-bold">' + "{{ __('i41') }}" + ' : <span class="fw-bold text-success">' + res.wallet + '</span></p>';
                    data += '<p class="text-dark fs-5 fw-bold">' + "{{ __('i42') }}" + ' : <span class="fw-bold text-success">' + res.value + '</span>Trx</p>';

                    $('#sendBalance').attr('href', 'https://cryptotasky.com/balance/withdraw/send/' + res.id);
                    $('#refuseForm').attr('action', 'https://cryptotasky.com/balance/withdraw/refuse/' + res.id);

                    $('.data').html(data);
                }
            });
        }

        setInterval(() => {
            $.ajax({
                url: "https://cryptotasky.com/get/balance/",
                type: 'GET',
                dataType: 'json',
                success: function(res) {
                    if (parseInt(res) < {{ intval($min_withdraw) }}) {
                        $('.withdrawButt').addClass('disabled');
                    } else {
                        if ($('.withdrawButt').hasClass('disabled')) {
                            $('.withdrawButt').removeClass('disabled');
                        }
                    }
                }
            });
        }, 1000);

    </script>
@endsection