@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">
                    {{-- <!-- /.card-header -->
                    @if (!auth('employee')->check())
                        <div class="card-header">
                            <div class="row">
                                <div class="col-3">
                                    <a href="{{ route('clients.create') }}" class="btn btn-success">
                                        اضافه عميل جديد
                                    </a>
                                </div>

                                <div class="col">
                                    <label>الحالات</label>
                                    <form action="{{ route('statusChange') }}" method="get">
                                        @csrf
                                        <select name="status_id" class="form-control p-1" onchange="this.form.submit()">
                                            <option value="" disabled selected> -- اختر من القائمة --</option>
                                            @foreach (getStatusData() as $row)
                                                <option value="{{ $row->id }}"
                                                    {{ request('status_id') == $row->id ? 'selected' : '' }}>
                                                    {{ $row->name }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </form>
                                </div>


                                <div class="col">
                                    <label>القنوات</label>
                                    <form action="{{ route('channelChange') }}" method="get">
                                        @csrf
                                        <select class="form-control p-1" name="channel_id" onchange="this.form.submit()">
                                            <option value="" disabled selected>-- اختر من القائمه --</option>
                                            @foreach (getInformationData('channel') as $row)
                                                <option value="{{ $row->id }}"
                                                    {{ request('channel_id') == $row->id ? 'selected' : '' }}>
                                                    {{ $row->name }}</option>
                                            @endforeach
                                        </select>
                                    </form>
                                </div>

                            </div>


                            <br>
                            <div class="row">
                                <div class="col">
                                    <div class="card">
                                        <div class="card-body">
                                            <form action="{{ route('getChanelData') }}" method="get">
                                                @csrf
                                                <div class="row">
                                                    <div class="col">
                                                        <label>القنوات</label>
                                                        <select class="form-control p-1" name="channel_id_search" required>
                                                            <option value="" disabled selected>-- اختر من القائمه --
                                                            </option>
                                                            @foreach (getInformationData('channel') as $row)
                                                                <option value="{{ $row->id }}"
                                                                    {{ request('channel_id_search') == $row->id ? 'selected' : '' }}>
                                                                    {{ $row->name }}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>

                                                    <div class="col">
                                                        <label>تاريخ البدايه</label>
                                                        <input type="datetime-local" class="form-control"
                                                            value="{{ request('start_data_search') ?? null }}"
                                                            name="start_data_search">
                                                    </div>

                                                    <div class="col">
                                                        <label>تاريخ النهايه</label>
                                                        <input type="datetime-local" class="form-control"
                                                            value="{{ request('end_data_search') ?? null }}"
                                                            name="end_data_search">
                                                    </div>

                                                    <div class="col" style="margin-top: 28px;">
                                                        <button class="btn btn-success btn-block">بحث</button>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <br>
                    @endif --}}


                    <div class="row">
                        <div class="col">
                            <div class="card">
                                <div class="card-body">
                                    <form action="{{ route('getChanelDataStatus') }}" method="get">
                                        @csrf
                                        <div class="row">
                                            <div class="col-lg-2 col-sm-12">
                                                <label>القنوات</label>
                                                <select class="form-control p-1" name="channel_id_searchTo" required>
                                                    <option value="" disabled selected>-- اختر من القائمه --
                                                    </option>
                                                    @if (auth('employee')->check())
                                                        @foreach (getInformationDataChanels('channel') as $row)
                                                            <option value="{{ $row->id }}"
                                                                {{ request('channel_id_searchTo') == $row->id ? 'selected' : '' }}>
                                                                {{ $row->name }}</option>
                                                        @endforeach
                                                    @else
                                                        @foreach (getInformationData('channel') as $row)
                                                            <option value="{{ $row->id }}"
                                                                {{ request('channel_id_searchTo') == $row->id ? 'selected' : '' }}>
                                                                {{ $row->name }}</option>
                                                        @endforeach
                                                    @endif
                                                </select>
                                            </div>

                                            <div class="col-lg-2 col-sm-12">
                                                <label>الحالات</label>
                                                <select class="form-control p-1" name="status_id_search">
                                                    <option value="" disabled selected>-- اختر من القائمه --
                                                    </option>
                                                    @foreach (App\Models\Status::all() as $row)
                                                        <option value="{{ $row->id }}"
                                                            {{ request('status_id_search') == $row->id ? 'selected' : '' }}>
                                                            {{ $row->name }}</option>
                                                    @endforeach
                                                </select>
                                            </div>

                                            <div class="col-lg-2 col-sm-12">
                                                <label>الموظف</label>
                                                <select class="form-control p-1" name="employee_id_search">
                                                    <option value="" disabled selected>-- اختر من القائمه --
                                                    </option>
                                                    @foreach (App\Models\employee::all() as $row)
                                                        <option value="{{ $row->id }}"
                                                            {{ request('employee_id_search') == $row->id ? 'selected' : '' }}>
                                                            {{ $row->name }}</option>
                                                    @endforeach
                                                </select>
                                            </div>


                                            <div class="col-lg-2 col-sm-12">
                                                <label>تاريخ البدايه</label>
                                                <input type="datetime-local" class="form-control"
                                                    value="{{ request('start_data_searchTo') ?? null }}"
                                                    name="start_data_searchTo">
                                            </div>

                                            <div class="col-lg-2 col-sm-12">
                                                <label>تاريخ النهايه</label>
                                                <input type="datetime-local" class="form-control"
                                                    value="{{ request('end_data_searchTo') ?? null }}"
                                                    name="end_data_searchTo">
                                            </div>

                                            <div class="col-lg-2 col-sm-12" style="margin-top: 28px;">
                                                <button class="btn btn-success btn-block">بحث</button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>


                    @includeIf('admin.clients.filter_employee', [
                        'supervisor' =>
                            auth('web')->check() ||
                            (auth('employee')->check() && auth('employee')->user()->type == 'supervisor'),
                    ])


                </div>


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


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

    <div class="modal fade" id="delete_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" style="font-family: 'Cairo', sans-serif;">ارسال </h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <form action="{{ route('sendNewMessages') }}" method="post">
                        @csrf
                        <input type="hidden" id="delete_all_id" name="delete_all_id" value=''>

                        <div class="row">
                            <div class="col">
                                <label>اسم القناه</label>
                                <select class="form-control" name="whatsapp_id" required>
                                    <option value="" disabled selected>-- اختر اسم القناه --</option>
                                    @foreach (getInformationDataChanels('channel') as $ClientWhatsapp)
                                        <option value="{{ $ClientWhatsapp->id }}">{{ $ClientWhatsapp->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <br>

                        <div class="row">
                            <div class="col">
                                <label>نوع الرسالة</label>
                                <select class="form-control" name="type" required onchange="handleAjaxResponse()"
                                    id="typeStatus">
                                    <option value="" disabled selected>-- اختر نوع الرد --</option>
                                    <option value="button">بوت</option>
                                    <option value="message">رساله خاصه</option>
                                </select>
                            </div>
                        </div>

                        <br>

                        <div class="row" id="button" style="display: none;">
                            <div class="col">
                                <label>قائمة الزر</label>
                                <select class="form-control" name="send_button_id">
                                    <option value="" disabled selected>-- اختر القائمة --</option>
                                    @foreach (getInformationData('ReplyBoot') as $button)
                                        <option value="{{ $button->id }}">{{ $button->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <br>

                        <div class="row" id="message" style="display: none;">
                            <div class="col">
                                <label>نص الرسالة</label>
                                <textarea class="form-control" name="messages" rows="5"></textarea>
                            </div>
                        </div>


                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">اغلاق</button>
                            <button type="submit" class="btn btn-primary">ارسال البيانات</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <!-- Modal -->
    <div class="modal fade" id="employee_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('transformationEmployee') }}" method="post">
                        @csrf
                        <input type="hidden" id="trans_all_id" name="trans_all_id" value="">
                        <div class="row">
                            <div class="col">
                                <label>اختر الموظف</label>
                                <select class="form-control p-1" name="employee_id" required>
                                    <option value="" disabled selected>-- اختر من القائمه --
                                    </option>
                                    @foreach (getInformationData('employee')->whereNotIn('id', [auth('employee')->id()]) as $row)
                                        <option value="{{ $row->id }}"
                                            {{ request('employee_id') == $row->id ? 'selected' : '' }}>{{ $row->name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <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('deleted_all_clients') }}" method="post">
                        @csrf
                        <input type="hidden" id="deleted_clients_id" name="deleted_clients_id" value="">

                        <div class="row">
                            <div class="col">
                                <label class="text-danger">هل انت متأكد من عمليه ارشفه المستخدمين</label>
                            </div>
                        </div>

                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">اغلاق</button>
                            <button type="submit" class="btn btn-danger">ارشيف</button>
                        </div>
                    </form>

                </div>

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



    <div class="modal fade" id="status_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('status_all_clients') }}" method="post">
                    @csrf
                    <input type="hidden" id="status_clients_id" name="status_clients_id" value="">

                    <div class="row">
                        <div class="col">
                            <label class="text-info">
                                تحويل الحالات
                            </label>

                            <select class="form-control" name="status_id_choose" required>
                                <option value="" disabled selected>-- أختر الحاله الجديده --</option>
                                @foreach (getInformationData('Status') as $row)
                                    <option value="{{ $row->id }}">{{ $row->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>

                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">اغلاق</button>
                        <button type="submit" class="btn btn-info">تغير الحاله</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(',');
                    $('#employee_all').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
                    });
                }
            };






            document.querySelector("#btn_status_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('status_clients_id').value = selectedIds.join(',');
                    $('#status_clients_all').modal('show');
                } else {
                    Swal.fire({
                        icon: 'error',
                        title: 'حدث خطأ',
                        text: 'يرجى تحديد عناصر لتنفيذ الطلب',
                        showConfirmButton: false,
                        timer: 1500
                    });
                }
            };
        });
    </script>




    {!! $dataTable->scripts() !!}
@endsection