@include('header')


<div class="x_panel">
    <div class="x_title">
        @if($_GET['action'] == 'user')
            <h2>مشاهده تیکت های کاربران</h2>
            <p style="color: red">جهت مرتب سازی روی ستون تاریخ کلیک کنید</p>
        @else
            <h2>مشاهده تیکت های استادکاران</h2>
            <p style="color: red">جهت مرتب سازی روی ستون تاریخ کلیک کنید</p>
        @endif
        <div class="clearfix"></div>
    </div>
    <div class="x_content">
        <div id="datatable_wrapper" class="dataTables_wrapper form-inline dt-bootstrap no-footer">
            <div class="row">
                <div class="col-sm-12">
                    <table id="datatable" class="table table-striped table-bordered dataTable no-footer" role="grid"
                           aria-describedby="datatable_info">
                        <thead>
                        <tr role="row">
                            <th class="sorting_asc" tabindex="0" aria-controls="datatable" rowspan="1" colspan="1"
                                aria-sort="ascending" aria-label="نام: activate to sort column descending"
                                style="width: 5%;">#
                            </th>
                            <th class="sorting_asc" tabindex="0" aria-controls="datatable" rowspan="1" colspan="1"
                                aria-sort="ascending" aria-label="نام: activate to sort column descending"
                                style="width: 10%;">نام و نام خانوادگی
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="datatable" rowspan="1" colspan="1"
                                aria-label="جایگاه: activate to sort column ascending" style="width: 10%;">شماره تماس
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="datatable" rowspan="1" colspan="1"
                                aria-label="اداره: activate to sort column ascending" style="width: 10%;">عنوان تیکت
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="datatable" rowspan="1" colspan="1"
                                aria-label="سن: activate to sort column ascending" style="width: 25%">توضیحات
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="datatable" rowspan="1" colspan="1"
                                aria-label="تاریخ شروع: activate to sort column ascending" style="width: 10%">تاریخ
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="datatable" rowspan="1" colspan="1"
                                aria-label="حقوق: activate to sort column ascending" style="width: 20%">عملیات
                            </th>
                        </tr>
                        </thead>
                        <tbody>
                        @if($_GET['action'] == 'user')
                            @php
                                $counter = 1; // مقدار اولیه شمارنده
                            @endphp
                            @foreach($items as $item)
                                <tr role="row" class="odd">
                                    <td>{{$counter}}</td>
                                    <td>{{$item->user->name}}
                                        <a href="/panel/user_profile?user_id={{$item->user->id}}#user_ticket"><i
                                                class="fa fa-info-circle"
                                                style="font-size:25px; color: #0b97c4"></i></a>
                                    </td>
                                    <td>{{$item->user->phone}}</td>
                                    <td>{{$item->title}}</td>
                                    <td>{{$item->caption}}</td>
                                    <td>{{$item->date}}</td>
                                    <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>
                                </tr>
                                @php
                                    $counter++; // افزایش شمارنده
                                @endphp
                            @endforeach
                        @else
                            @php
                                $counter = 1; // مقدار اولیه شمارنده
                            @endphp
                            @foreach($items as $item)
                                <tr role="row" class="odd">
                                    <td>{{$counter}}</td>
                                    <td>{{$item->user->name}}
                                        <a href="/panel/worker_profile?user_id={{$item->user->id}}#user_ticket">
                                            <i class="fa fa-info-circle"
                                                style="font-size:25px; color: #0b97c4"></i></a>
                                    </td>
                                    <td>{{$item->user->phone}}</td>
                                    <td>{{$item->title}}</td>
                                    <td>{{$item->caption}}</td>
                                    <td>{{$item->date}}</td>
                                    <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>
                                </tr>
                                @php
                                    $counter++; // افزایش شمارنده
                                @endphp
                            @endforeach
                        @endif
                        </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 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')