@include('header')
<style>
    .pay_btn {
        cursor: pointer !important;
        color: white;
        background-image: linear-gradient(to right, #04935d, #0bc468);
        padding: 5px 20px 5px 20px;
        border-radius: 5px;
        display: block !important;
        white-space: nowrap !important;
        text-align: center;
    }
</style>
<div class="x_panel">
    <div class="x_title">
        @if($_GET['action'] == 'new')
            <h2>مشاهده درخواست جدید تسویه کاربران</h2>
            <div style="display: flex">
                <i class="fa fa-info-circle" style="font-size: 20px; color: red"></i>
                <p style="margin-right:10px ; color: red "> دقت کنید که پس از تایید تسویه، کیف پول کاربر صفر میشود</p>
            </div>
        @else
            <h2>مشاهده درخواست های تسویه شده کاربران</h2>
        @endif
        <ul class="nav navbar-right panel_toolbox">
            <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
            </li>
        </ul>
        <div class="clearfix"></div>

    </div>
    <div class="x_content">
        <div id="datatable-fixed-header_wrapper" class="dataTables_wrapper form-inline dt-bootstrap no-footer">

            <div class="row">
                <div class="col-sm-12">
                    <table id="datatable-responsive" class="table table-striped table-bordered dataTable no-footer"
                           role="grid" aria-describedby="datatable-fixed-header_info">
                        <thead>
                        <tr role="row">
                            <th class="sorting_asc" tabindex="0" aria-controls="datatable-fixed-header" rowspan="1"
                                colspan="1" aria-sort="ascending" aria-label="نام: activate to sort column descending"
                                style="width: 20px;">#
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="datatable-fixed-header" rowspan="1"
                                colspan="1" aria-label="سن: activate to sort column ascending" style="width: 150px;">
                                نام کاربر
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="datatable-fixed-header" rowspan="1"
                                colspan="1" aria-label="سن: activate to sort column ascending" style="width: 100px;">
                                نقش کاربر
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="datatable-fixed-header" rowspan="1"
                                colspan="1" aria-label="حقوق: activate to sort column ascending" style="width: 100px;">
                                موجودی کیف پول
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="datatable-fixed-header" rowspan="1"
                                colspan="1" aria-label="حقوق: activate to sort column ascending" style="width: 200px;">
                                شماره شبا
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="datatable-fixed-header" rowspan="1"
                                colspan="1" aria-label="حقوق: activate to sort column ascending" style="width: 200px;">
                                شماره کارت
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="datatable-fixed-header" rowspan="1"
                                colspan="1" aria-label="حقوق: activate to sort column ascending" style="width: 150px;">
                                نام صاحب کارت
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="datatable-fixed-header" rowspan="1"
                                colspan="1" aria-label="حقوق: activate to sort column ascending" style="width: 100px;">
                                بانک
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="datatable-fixed-header" rowspan="1"
                                colspan="1" aria-label="حقوق: activate to sort column ascending" style="width: 100px;">
                                تاریخ
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="datatable-fixed-header" rowspan="1"
                                colspan="1" aria-label="حقوق: activate to sort column ascending" style="width: 100px;">
                                وضعیت
                            </th>

                        </tr>
                        </thead>
                        <tbody>
                        @if($_GET['action'] == 'new')
                            @foreach($items as $item)
                                <tr role="row">
                                    <td>{{$item->id}}</td>
                                    @if($item->user_type == 'user')
                                        <td>{{$item->name}}
                                            <a href="/panel/user_profile?user_id={{$item->user_id}}"><i
                                                    class="fa fa-info-circle"
                                                    style="font-size:25px; color: #0b97c4"></i></a>
                                        </td>
                                        <td style="font-weight: bold">کاربر</td>
                                    @else
                                        <td>{{$item->name}}
                                            <a href="/panel/worker_profile?user_id={{$item->user_id}}"><i
                                                    class="fa fa-info-circle"
                                                    style="font-size:25px; color: #0b97c4"></i></a>

                                        </td>
                                        <td style="font-weight: bold">استادکار</td>
                                    @endif

                                    <td>{{number_format($item->wallet)}}</td>
                                    <td>{{$item->cart['shaba_number']}}</td>
                                    <td>{{$item->cart['kart_number']}}</td>
                                    <td>{{$item->cart['name']}}</td>
                                    <td>{{$item->cart['bank_name']}}</td>
                                    <td>{{$item->date}}</td>
                                    <td>
                                        <a onclick="pay({{$item->id}},'{{$item->user_type}}')" class="pay_btn">تسویه کیف
                                            پول</a>
                                    </td>
                                </tr>
                            @endforeach
                        @else
                            @foreach($items as $item)
                                <tr role="row">
                                    <td>{{$item->id}}</td>
                                    @if($item->user_type == 'user')
                                        <td>{{$item->name}}
                                            <a href="/panel/user_profile?user_id={{$item->user_id}}"><i
                                                    class="fa fa-info-circle"
                                                    style="font-size:25px; color: #0b97c4"></i></a>
                                        </td>
                                        <td style="font-weight: bold">کاربر</td>
                                    @else
                                        <td>{{$item->name}}
                                            <a href="/panel/worker_profile?user_id={{$item->user_id}}"><i
                                                    class="fa fa-info-circle"
                                                    style="font-size:25px; color: #0b97c4"></i></a>
                                        </td>
                                        <td style="font-weight: bold">استادکار</td>
                                    @endif
                                    <td>{{number_format($item->wallet)}}</td>
                                    <td>{{$item->cart['shaba_number']}}</td>
                                    <td>{{$item->cart['kart_number']}}</td>
                                    <td>{{$item->cart['name']}}</td>
                                    <td>{{$item->cart['bank_name']}}</td>
                                    <td>{{$item->date}}</td>
                                    <td>تسویه شده</td>
                                </tr>
                            @endforeach
                        @endif
                        </tbody>
                    </table>
                </div>
            </div>

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


<script src="../resources/js/jquery.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script src="sweetalert2.all.min.js"></script>

<script>
    function pay(id, type) {
        $.ajax({
            type: "POST",
            data: {
                pay_id: id,
                user_type: type,
            },
            url: '/panel/pay_request_page_action',
            success: function (res) {
                console.log(res)
                if (res.status == 'ok') {
                    Swal.fire({
                        position: 'center',
                        icon: 'success',
                        title: 'تغییرات اعمال شد',
                        showConfirmButton: false,
                        timer: 1500
                    }).then(() => {
                        location.reload()
                    })
                } else {
                    alert('مشکلی پیش آمد ، مجدد تلاش کنید')
                }
            },
            error: function (res) {
                console.log(res);
            },
        });
    }

</script>

@include('footer')