@extends('layouts.default1400-profile', ['title' => 'کیف پول'])

@section('content')

<div class="p-8">


    <div class="row mb-2">
        <div class="col-md-6">
            <button id="btnNewChargeOnline" class="btn btn-primary">افزایش اعتبار (آنلاین)</button>
            <button id="btnNewChargeCart" class="btn btn-primary">افزایش اعتبار (کارت به کارت)</button>

        </div>
        <div class="col-md-6 text-left">
            موجودی: {{ number_format($balance ,0 , '', ',') }} تومان
        </div>
    </div>

    <div class="overflow-x-auto">
        <table class="table w-full table-zebra text-sm">
            <tr>
                <th>#</th>
                <th>شماره‌ پیگیری</th>
                <th>تاریخ</th>
                <th>مبلغ</th>
                <th>نوع</th>
                <th>وضعیت</th>
                <th>توضیحات</th>
            </tr>

            @foreach ($data as $item)
            <tr>
                <td>{{ $item->rowIndex }}</td>
                <td>TR-{{ $item->id }}</td>
                <td>{{ GetShamsiDate($item->created_at) }}</td>
                <td>{{ number_format($item->amount, 0, '', ',') }}</td>
                <td style="color:{{ $item->Type->color }} ;">{{ $item->Type->title }}</td>
                <td style="color:{{ $item->Status->color }} ;">{{ $item->Status->title }}</td>
                <td>{{ $item->details }}</td>
            </tr>
            @endforeach
        </table>
    </div>

    <div>
        {!! $data->links() !!}
    </div>

</div>

<!-- Modal -->
<div class="hidden">
    <form action="/profile/wallet/payment/online" method="post" id="frmPaymentOnline">
        @csrf
        <input type="hidden" name="redirect" value="{{ URL::current() }}">
        <div class="w-full px-6">

            <div class="form-control">
                <label class="label">
                    <span class="label-text">ورود مبلغ دلخواه</span>
                </label>
                <input type="text" class="input input-bordered" id="amount" name="amount"
                    value="{{ $modalAmount ?? '' }}" placeholder="مبلغ مورد نظر به تومان">
            </div>
            <span class="error" id="span_price"></span>

        </div>

        <div class="w-full px-6">

            <div class="flex ">
                <div class="w-1/2 mt-2">
                    <div class="col-6">
                        <b>اعتبار فعلی</b>
                    </div>
                    <div class="col-6 align-left">
                        <span id="wallet-amount-balance">{{ number_format($balance ,0 , '', ',')
                            }}</span>
                        تومان
                    </div>
                </div>
                <div class="w-1/2 mt-2">
                    <div class="col-6">
                        <b>کارمزد شاپرک</b>
                    </div>
                    <div class="col-6 align-left">
                        <span id="shoprek-fee-amount">0</span>
                        تومان
                    </div>
                </div>
            </div>

            <div class="flex ">
                <div class="w-1/2 mt-2">
                    <div class="col-6">
                        <b>مبلغ قابل پرداخت</b>

                    </div>
                    <div class="col-6 align-left">
                        <span id="wallet-amount-payable">{{ number_format($modalAmount ?? 0 ,0 , '',
                            ',') }}</span>
                        تومان
                    </div>
                </div>
                <div class="w-1/2 mt-2">
                    <div class="col-6">
                        <b>اعتبار پس از افزایش</b>
                    </div>
                    <div class="col-6 align-left">
                        <span id="wallet-amount-total">{{ number_format( (isset($modalAmount) ?
                            $modalAmount + $balance : 0) ,0 , '', ',') }}</span>
                        تومان
                    </div>
                </div>
            </div>
            <input type="hidden" name="rbWalletType" id="option2" value="online" />

        </div>

        <div class="w-full px-6 pb-5">
            <button type="submit" class="btn btn-primary" id="modal_paymenonline_submit">
                تایید و پرداخت
            </button>
        </div>

    </form>


    <form action="/profile/wallet/payment/card" id="frmPaymentCardCheck" method="post">
        @csrf

        <input type="hidden" name="rbWalletType" id="option1" value="card" />

        <div class="w-full px-6">
            <div class="form-control mb-2">
                <div class="input-group-prepend">
                    <div class="input-group-text">مبلغ واریز شده</div>
                </div>
                <input type="text" class="input input-bordered" style="font-weight: 500;" id="card_price"
                    name="card_price" placeholder="مبلغ واریز شده به تومان">
            </div>
            <span class="error" id="span_price"></span>

            <div class="form-control mb-2">
                <div class="input-group-prepend">
                    <div class="input-group-text">شماره‌کارت/حساب</div>
                </div>
                <input type="text" class="input input-bordered" id="card_number" name="card_number"
                    placeholder="شماره‌کارت یا حساب را وارد نمایید.">
            </div>
            <span class="error" id="span_cardnumber"></span>

            <div class="form-control mb-2">
                <div class="input-group-prepend">
                    <div class="input-group-text">شماره پیگیری</div>
                </div>
                <input type="text" class="input input-bordered" id="card_code" name="card_code"
                    placeholder="شماره پیگیری پرداخت را وارد نمایید.">
            </div>

            <span class="error" id="span_code"></span>
        </div>

        <div class="w-full px-6">
            <div class="col-md-12">
                <div class="form-control mb-1">
                    <div class="input-group-prepend">
                        <div class="input-group-text">تاریخ واریز</div>
                    </div>

                    <div>
                        <select name="selDay" id="selDay" class="select select-bordered w-1/5">
                            <option value="0" selected="selected">روز</option>
                            @for($i = 1; $i<=31 ;$i++) <option {{ $nowDate[2]==$i ? 'selected' : '' }} value="{{ $i }}">
                                {{
                                $i < 10 ? '0' : '' }}{{ $i }}</option>

                                    @endfor
                        </select>

                        <select name="selMonth" id="selMonth" class="select select-bordered w-1/5">
                            <option value="0" selected="selected">ماه</option>
                            @for($i = 1; $i <= 12; $i++) <option {{ $nowDate[1]==$i ? 'selected' : '' }}
                                value="{{ $i }}">{{
                                getMonthTitle($i) }}</option>
                                @endfor
                        </select>

                        <select name="selYear" id="selYear" class="select select-bordered w-1/5">
                            <option value="0" selected="selected">سال</option>
                            @for($i = $nowDate[0]; $i >= $nowDate[0] - ( $nowDate[1] == 1 ? 1 : 0) ;$i--)
                            <option {{ $nowDate[0]==$i ? 'selected' : '' }} value="{{ $i }}">{{ $i }}
                            </option>
                            @endfor
                        </select>
                    </div>
                </div>
            </div>

            <br />
            <span class="error" id="span_date"></span>
        </div>


        <div class="w-full px-6">
            <div class="col-md-12">
                <div class="form-control mb-1">
                    <div class="input-group-prepend">
                        <div class="input-group-text">ساعت واریز </div>
                    </div>

                    <div>
                        <select name="selMinute" id="selMinute" class="select select-bordered w-1/5">
                            <option value="-1" selected="selected">دقیقه</option>
                            @for($i = 0; $i<=59 ;$i++) <option {{ $nowTime[1]==$i ? 'selected' : '' }} value="{{ $i }}">
                                {{
                                $i < 10 ? '0' : '' }}{{ $i }}</option>
                                    @endfor
                        </select>

                        <select name="selHour" id="selHour" class="select select-bordered w-1/5">
                            <option value="-1" selected="selected">ساعت</option>
                            @for($i = 0; $i<=23 ;$i++) <option {{ $nowTime[0]==$i ? 'selected' : '' }} value="{{ $i }}">
                                {{
                                $i < 10 ? '0' : '' }}{{ $i }}</option>
                                    @endfor
                        </select>
                    </div>

                </div>
            </div>
            <span class="error" id="span_time"></span>
        </div>

        <div class="w-full px-6 pb-5">
            <button type="submit" class="btn btn-primary" id="modal_paymentcard_submit">
                تایید اطلاعات کارت به کارت
            </button>

        </div>
    </form>
</div>
@stop

@section('scripts')
<script src="{{ asset('js/profile-wallet.js') }}"></script>
<script>
    alertify.genericDialog || alertify.dialog('genericDialog',function(){
        return {
            main:function(content){
                this.setContent(content);
            },
            setup:function(){
                return { 
                    options:{
                        basic:false,
                        maximizable:false,
                        resizable:false,
                        padding:false,
                        title:'پرداخت کارت به کارت'
                    }
                };
            },
            settings:{
                selector:undefined
            },
            prepare: function () {
                this.elements.footer.style.display = "none";
            }
        };
    });

    alertify.genericDialogOnline || alertify.dialog('genericDialogOnline',function(){
        return {
            main:function(content){
                this.setContent(content);
            },
            setup:function(){
                return { 
                    options:{ 
                        basic:false,
                        maximizable:false,
                        resizable:false,
                        padding:false,
                        title:'پرداخت آنلاین', 
                    }
                };
            },
            settings:{
                selector:undefined
            },
            prepare: function () {
                this.elements.footer.style.display = "none";
            }
        };
    });

    $('#btnNewChargeOnline').click(function(){
        alertify.genericDialogOnline($('#frmPaymentOnline')[0]);
    });

    $('#btnNewChargeCart').click(function(){
        alertify.genericDialog($('#frmPaymentCardCheck')[0]);
    });
  

</script>
@endsection