@extends('admin.layouts.master')


@section('title')
     المحادثاث المؤرشفة
@endsection

@section('css')


@endsection


@section('content-header')
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0 text-dark"> المحادثاث المؤرشفة </h1>
                </div><!-- /.col -->
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item active"> المحادثاث المؤرشفة</li>
                    </ol>
                </div><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>
@endsection


@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-12 col-lg-12">
                <div class="card">
                    <div class="card-header">
                        <button class="btn btn-info btn-sm" id="transfer_btn">رجوع الي المحادثة الاساسية</button>
                        <button class="btn btn-danger btn-sm" id="btn_delete_all">حذف نهائي</button>

                    </div>
                    <div class="card-body">
                        @include('admin.messages')
                        {!! $dataTable->table([
                                'class' => 'table table-bordered table-hover',
                                ], true) !!}
                    </div>
                </div>
            </div>
        </div>
    </div>


    <!-- Modal -->
    <div class="modal fade" id="transfer_clients" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">رجوع المحادثات</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">

                    <form action="{{route('recoveryClients')}}" method="post">
                        @csrf
                        <input type="hidden" name="trans_all_id" id="trans_all_id" value="" >

                        <label class="text-primary">هل انت متأكد من استرجاع العملاء الي الشاشه الرئسيه ؟</label>


                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">اغلاق</button>
                            <button type="submit" class="btn btn-primary">حفظ</button>
                        </div>
                    </form>

                </div>

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


    <div class="modal fade" id="deleted_clients_all" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">رجوع المحادثات</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">

                    <form action="{{route('deletedClients')}}" method="post">
                        @csrf
                        <input type="hidden" name="deleted_clients_id" id="deleted_clients_id" value="" >

                        <label class="text-danger">هل انت متأكد من حذف العملاء بشكل نهائي</label>


                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">اغلاق</button>
                            <button type="submit" class="btn btn-primary">حفظ</button>
                        </div>
                    </form>

                </div>

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

@endsection
@section('js')
    <script>
        document.addEventListener("DOMContentLoaded", function () {
            document.querySelector("#select-all").onclick = function () {
                let checkboxes = document.querySelectorAll('input[name="selected_rows[]"]');
                for (let checkbox of checkboxes) {
                    checkbox.checked = this.checked;
                }
            };

            document.querySelector("#transfer_btn").onclick = function () {
                let checkboxes = document.querySelectorAll('input[name="selected_rows[]"]:checked');
                let selectedIds = Array.from(checkboxes).map(checkbox => checkbox.value);

                if (selectedIds.length > 0) {
                    document.getElementById('trans_all_id').value = selectedIds.join(',');
                    $('#transfer_clients').modal('show');
                } else {
                    Swal.fire({
                        icon: 'error',
                        title: 'حدث خطأ',
                        text: 'يرجى تحديد عناصر لتنفيذ الطلب',
                        showConfirmButton: false,
                        timer: 1500
                    });
                }
            };



            document.querySelector("#btn_delete_all").onclick = function () {
                let checkboxes = document.querySelectorAll('input[name="selected_rows[]"]:checked');
                let selectedIds = Array.from(checkboxes).map(checkbox => checkbox.value);

                if (selectedIds.length > 0) {
                    document.getElementById('deleted_clients_id').value = selectedIds.join(',');
                    $('#deleted_clients_all').modal('show');
                } else {
                    Swal.fire({
                        icon: 'error',
                        title: 'حدث خطأ',
                        text: 'يرجى تحديد عناصر لتنفيذ الطلب',
                        showConfirmButton: false,
                        timer: 1500
                    });
                }
            };
        });
    </script>
    {!! $dataTable->scripts() !!}
@endsection