@include('header')
<style>
    .wallet_row {
        display: flex;
        margin-right: 18%;
        margin-bottom: -10px;
        margin-top: 30px;
    }

    .wallet_title {
        font-weight: bold;
    }

    .wallet_content {
        font-weight: bold;
        margin-right: 50px;


        color: #00A000;
    }
</style>

<div class="x_panel">
    <div class="x_title">
        <h2>اطلاعات کاربر
            <small> {{$items->name}}</small>
        </h2>
        <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 class="form-horizontal form-label-left" id="update_info">
            <div class="item form-group">
                <label class="control-label col-md-3 col-sm-3 col-xs-12">وضعیت کاربر <span class="required">*</span>
                </label>
                <div class="col-md-6 col-sm-6 col-xs-12">
                    <select id="status" class="form-control col-md-7 col-xs-12">
                        <option value="1" @if ($items->status == 1)  selected="selected" @endif> مجاز</option>
                        <option value="0" @if ($items->status == 0)  selected="selected" @endif> تعلیق</option>
                    </select>
                </div>
            </div>
            <div class="item form-group">
                <label class="control-label col-md-3 col-sm-3 col-xs-12">نام و نام خانوادگی<span
                        class="required">*</span>
                </label>
                <div class="col-md-6 col-sm-6 col-xs-12">
                    <input id="name" class="form-control col-md-7 col-xs-12" data-validate-length-range="6"
                           data-validate-words="2" disabled="disabled" placeholder="{{$items->name}}"
                           required="required" type="text">
                </div>
            </div>
            <div class="item form-group">
                <label class="control-label col-md-3 col-sm-3 col-xs-12">شماره تماس <span class="required">*</span>
                </label>
                <div class="col-md-6 col-sm-6 col-xs-12">
                    <input id="phone" class="form-control col-md-7 col-xs-12" data-validate-length-range="6"
                           data-validate-words="2" disabled="disabled" placeholder="{{$items->phone}}"
                           required="required" type="text">
                </div>
            </div>
            <div class="item form-group">
                <label class="control-label col-md-3 col-sm-3 col-xs-12">استان<span class="required">*</span>
                </label>
                <div class="col-md-6 col-sm-6 col-xs-12">
                    <input id="state_id" class="form-control col-md-7 col-xs-12" data-validate-length-range="6"
                           data-validate-words="2" disabled="disabled" placeholder="{{$items->state_name}}"
                           required="required" type="text">
                </div>
            </div>
            <div class="item form-group">
                <label class="control-label col-md-3 col-sm-3 col-xs-12">شهر <span class="required">*</span>
                </label>
                <div class="col-md-6 col-sm-6 col-xs-12">
                    <input id="city_id" class="form-control col-md-7 col-xs-12" data-validate-length-range="6"
                           data-validate-words="2" disabled="disabled" placeholder="{{$items->city_name}}"
                           required="required" type="text">
                </div>
            </div>
            <div class="form-group">
                <div class="col-md-6 col-md-offset-3">
                    <button class="btn btn-primary" onclick="change_user()">ویرایش</button>
                </div>
            </div>

            <hr class="my_hr">

            <div class="wallet_row">
                <div class="wallet_title">
                    <p>کیف پول کاربر</p>
                </div>
                <div class="wallet_content">
                    <p>{{$items->user_wallet}}</p>
                </div>
            </div>

            <div class="item form-group">
                <label class="control-label col-md-3 col-sm-3 col-xs-12">مقدار تغییر</label>
                <div class="col-md-6 col-sm-6 col-xs-12">
                    <input type="number" id="wallet" placeholder="مقدار مورد نظر را وارد کنید"
                           class="form-control col-md-7 col-xs-12">
                </div>
            </div>

            <div class="form-group">
                <div class="col-md-6 col-md-offset-3">
                    <button class="btn btn-success" onclick="change_wallet('increase')">افزایش موجودی</button>
                    <button class="btn btn-danger" onclick="change_wallet('decrease')">کاهش موجودی</button>
                </div>
            </div>

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

<div class="x_panel">
    <div class="x_title">
        <h2>تراکنش های کیف پول کاربر</h2>
        <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" tabindex="0" aria-controls="datatable-fixed-header" rowspan="1"
                                colspan="1" aria-label="جایگاه: activate to sort column ascending"
                                style="width: 25%;">قیمت
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="datatable-fixed-header" rowspan="1"
                                colspan="1" aria-label="اداره: activate to sort column ascending"
                                style="width: 25%;">نوع
                            </th>

                            <th class="sorting" tabindex="0" aria-controls="datatable-fixed-header" rowspan="1"
                                colspan="1" aria-label="تاریخ شروع: activate to sort column ascending"
                                style="width: 25%;">علت
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="datatable-fixed-header" rowspan="1"
                                colspan="1" aria-label="تاریخ شروع: activate to sort column ascending"
                                style="width: 25%;">تاریخ
                            </th>
                        </tr>
                        </thead>
                        <tbody>

                        @foreach($report as $item)
                            <tr role="row" class="odd">
                                <td>{{$item->price}}</td>
                                @if($item->type == 'decrease')
                                    <td><p style="color: #bd0000">کاهشی</p></td>
                                @else
                                    <td><p style="color: #00A000">افزایشی</p></td>
                                @endif
                                <td>{{$item->reason}}</td>
                                <td>{{$item->date}}</td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>

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

<div class="x_panel" id="user_ticket">
    <div class="x_title">
        <h2>مشاهده تیکت های کاربر</h2>
        <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" tabindex="0" aria-controls="datatable-fixed-header" rowspan="1"
                                colspan="1" aria-label="جایگاه: activate to sort column ascending"
                                style="width: 25%;">عنوان
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="datatable-fixed-header" rowspan="1"
                                colspan="1" aria-label="اداره: activate to sort column ascending"
                                style="width: 25%;">توضیحات
                            </th>

                            <th class="sorting" tabindex="0" aria-controls="datatable-fixed-header" rowspan="1"
                                colspan="1" aria-label="تاریخ شروع: activate to sort column ascending"
                                style="width: 25%;">تاریخ
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="datatable-fixed-header" rowspan="1"
                                colspan="1" aria-label="تاریخ شروع: activate to sort column ascending"
                                style="width: 25%;">درج جواب
                            </th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($ticket as $item)
                            <tr role="row" class="odd">
                                <td>{{$item->title}}</td>
                                <td>{{$item->caption}}</td>
                                <td>{{$item->date}}</td>
                                @if($item->answer)
                                    <td>{{$item->answer}}</td>
                                @else
                                    <td>
                                        <div id="ticket_form{{$item->id}}">
                                            <textarea rows="3" name="caption" id="caption{{$item->id}}"></textarea>
                                            <br>
                                            <input type="button" value="ارسال" onclick="ticketform({{$item->id}})">
                                        </div>
                                    </td>
                                @endif
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>

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

<div class="x_panel">
    <div class="x_title">
        <h2>کارت های ثبت شده کاربر</h2>
        <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" tabindex="0" aria-controls="datatable-fixed-header" rowspan="1"
                                colspan="1" aria-label="جایگاه: activate to sort column ascending"
                                style="width: 25%;">نام صاحب کارت
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="datatable-fixed-header" rowspan="1"
                                colspan="1" aria-label="اداره: activate to sort column ascending"
                                style="width: 25%;">نام بانک
                            </th>

                            <th class="sorting" tabindex="0" aria-controls="datatable-fixed-header" rowspan="1"
                                colspan="1" aria-label="تاریخ شروع: activate to sort column ascending"
                                style="width: 25%;">شماره شبا
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="datatable-fixed-header" rowspan="1"
                                colspan="1" aria-label="تاریخ شروع: activate to sort column ascending"
                                style="width: 25%;">شماره کارت
                            </th>
                        </tr>
                        </thead>
                        <tbody>

                        @foreach($pay_kart as $item)
                            <tr role="row" class="odd">
                                <td>{{$item->name}}</td>
                                <td>{{$item->bank_name}}</td>
                                <td>{{$item->shaba_number}}</td>
                                <td>{{$item->kart_number}}</td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>

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

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

<script>
    function change_user() {
        Swal.fire({
            title: 'آیا از تغییرات مطمئن هستید',
            icon: 'question',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText: 'بله',
            cancelButtonText: 'خیر'
        }).then((result) => {
            if (result.isConfirmed) {

                var status = document.getElementById('status').value;

                $.ajax({
                    type: "POST",
                    url: '/panel/user_profile_action',
                    data: {
                        user_id: {{$_GET['user_id']}},
                        status: status,
                        action: 'status',
                    },

                    success: function (res) {
                        if (res.status == 'ok') {
                            Swal.fire({
                                position: 'center',
                                icon: 'success',
                                title: 'تغییرات اعمال شد',
                                showConfirmButton: false,
                                timer: 1500
                            }).then(() => {
                                location.reload()
                            })
                        } else {
                            Swal.fire({
                                icon: "error",
                                title: "مشکلی پیش آمد",
                                text: "لطفا مجدد تلاش کنید",
                            });                        }
                    },
                    error: function (res) {
                        console.log(res);
                    },
                });
            }
        })
    }


    function change_wallet(action) {
        Swal.fire({
            title: 'آیا از تغییرات مطمئن هستید',
            icon: 'question',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText: 'بله',
            cancelButtonText: 'خیر'
        }).then((result) => {
            if (result.isConfirmed) {

                var amount  = document.getElementById('wallet').value;
                if (amount === "" || amount <= 0) {
                    alert("لطفاً مقدار معتبر وارد کنید");
                    return;
                }

                let finalAmount = action === "increase" ? amount : -amount;

                $.ajax({
                    type: "POST",
                    url: '/panel/user_profile_action',
                    data: {
                        user_id: {{$_GET['user_id']}},
                        wallet: finalAmount,
                        action: 'wallet',
                    },

                    success: function (res) {
                        if (res.status == 'ok') {
                            Swal.fire({
                                position: 'center',
                                icon: 'success',
                                title: 'تغییرات اعمال شد',
                                showConfirmButton: false,
                                timer: 1500
                            }).then(() => {
                                location.reload()
                            })
                        } else {
                            Swal.fire({
                                icon: "error",
                                title: "مشکلی پیش آمد",
                                text: "لطفا مجدد تلاش کنید",
                            });                        }
                    },
                    error: function (res) {
                        console.log(res);
                    },
                });
            }
        })
    }


    function ticketform(id) {

        var caption = document.getElementById("caption" + id).value;
        console.log({
            ticket_id: id,
            caption: caption,
        })
        $.ajax({
            type: "POST",
            data: {
                ticket_id: id,
                caption: caption,
            },
            url: '/panel/ticket_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 {
                    Swal.fire({
                        icon: "error",
                        title: "مشکلی پیش آمد",
                        text: "لطفا مجدد تلاش کنید",
                    });
                }
            },
            error: function (res) {
                console.log(res);
            },
        });
    }

</script>
@include('footer')