@extends('layout.header_panel')


@section('setlayout_panel')
    @include("msgalert")
    <div class="row">
        <div class="col-md-12 stretch-card">
            <div class="card">
                <div class="card-body">
                    <h4 class="card-title">کاربر گرامی</h4>
                    <h4 class="card-title">موجودی کیف پول الکترونیکی شما <span
                            style="color: #f60000">{{number_format($mojodi_com)}}</span> تومان می باشد</h4>
                    <hr/>
                    <form method="post" id="settlementrequest" action="{{route("registration-settlement-request")}}">
                        @csrf
                        <div class="row">

                            <div class="col-md-3">
                                <div class="form-check form-check-inline">
                                    <label style="color: #FFFFFF">.</label>
                                    <br/>

                                    <label class="" for="gender2">
                                        تقاضای تسویه حساب
                                    </label>
                                </div>
                            </div>


                            <div class="col-sm-3">
                                <div class="mb-3">
                                    <label class="form-label">مبلغ مورد نظر را وارد نمایید</label>
                                    <input onkeyup="separateNum(this.value,this);" autocomplete="off" id="name" name="amount_sett" type="text" class="form-control"
                                           placeholder="مبلغ به تومان">

                                    @if($errors->has('amount_sett'))
                                        <p style="color: #e7b5b5;">{{$errors->first('amount_sett')}}</p>
                                    @endif
                                    <span class="text-danger">{{session('sett_msg')}}</span>

                                </div>
                            </div>
                            <div class="col-sm-3">
                                <label style="color: #FFFFFF">.</label>
                                <div class="mb-4">
                                    <button type="submit" class="btn btn-secondary waves-effect waves-light">ثبت
                                        درخواست
                                    </button>
                                </div>
                            </div>
                            <!-- Col -->
                        </div>


                    </form>

                </div>
            </div>
            <div class="card">
                <div class="card-body">
                    <div class="table-responsive">
                        <table id="my_table_sett" class="table align-middle datatable dt-responsive table-check nowrap" style="border-collapse: collapse; border-spacing: 0 8px; width: 100%;">
                            <thead>
                            <tr class="bg-transparent">
                                <th>ردیف</th>
                                <th>تاریخ تراکنش</th>
                                <th>مبلغ تراکنش</th>
                                <th>کد رهگیری</th>
                                <th>نوع تراکنش</th>
                                <th>وضعیت</th>

                            </tr>
                            </thead>
                            <tbody>
                            @foreach($settlement_request as $key=>$val)

                            <tr>

                                <td>{{$key+1}}</td>
                                <td>
                                    @php
                                        $exp=explode(" ",$val->created_at);
                                          $date = \Morilog\Jalali\CalendarUtils::strftime('Y-m-d', strtotime($val->created_at));
                                         echo $date.'<br/>'.$exp[1];
                                    @endphp</td>

                                <td>{{number_format($val->amount_sett)}}</td>
                                <td>{{$val->refid_pay}}</td>

                                    @if($val->type_req==1)
                                        <td style="color: #aa1111">درخواست تسویه</td>
                                    @else
                                    <td style="color: #00bb00">پرداخت بارنامه</td>

                                    @endif

                                @if($val->status_req==1)
                                    <td style="color: #00bb00">پرداخت شده</td>
                                @else
                                    <td style="color: #aa1111">در انتظار پرداخت</td>

                                @endif




                            </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                    </div>


                </div>



        </div>
    </div>
<script>

    function separateNum(value, input) {
        /* seprate number input 3 number */
        var nStr = value + '';
        nStr = nStr.replace(/\,/g, "");
        x = nStr.split('.');
        x1 = x[0];
        x2 = x.length > 1 ? '.' + x[1] : '';
        var rgx = /(\d+)(\d{3})/;
        while (rgx.test(x1)) {
            x1 = x1.replace(rgx, '$1' + ',' + '$2');
        }
        if (input !== undefined) {

            input.value = x1 + x2;
        } else {
            return x1 + x2;
        }
    }


    $(document).ready(function () {

        $('#my_table_sett').dataTable({

            "aLengthMenu": [
                [20, 40, 60, -1],
                [20, 40, 60, "همه"]
            ],
            "iDisplayLength": 20,
            order: [[0, 'desc']],
        });
    });

</script>
@endsection