@extends('layouts.admin')
@section('content')
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb  py-0">
            <li class="breadcrumb-item"><a href="{{ route('admin.home') }}">Home</a></li>
            <li class="breadcrumb-item active"><a href="{{ route('admin.customers.index') }}">Customers</a></li>
        </ol>
    </nav>
    <!-- Start Content-->
    <div class="container-fluid">

        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <div class="d-flex justify-content-between">
                            <p>
                                <a class="btn btn-primary" data-bs-toggle="collapse" href="#multiCollapseExample1"
                                    role="button" aria-expanded="false" aria-controls="multiCollapseExample1">Filter<i
                                        class="mdi mdi-filter" style="font-size: 20px"></i></a>
                            </p>
                            <p>





                            </p>
                        </div>


                    </div>
                    <div class="card-body collapse multi-collapse" id="multiCollapseExample1">
                        <div class="row">
                            <div class="col-lg-6">
                                <form id="form_filter">
                                    <div class="mb-3">


                                        <label for="simpleinput" class="form-label"> Phone number </label>
                                        <input value="{{ request('mobile') }}" name="mobile" type="text" id="simpleinput"
                                            placeholder="Phone number " class="form-control">

                                    </div>

                            </div>

                            <div class="col-12 col-md-6">
                                <label class="form-label">Created by</label>
                                <select name="admin_id"
                                data-toggle="select2"   class="form-select select2"
                                        id="select_type">
                                    <option value="">-----</option>

                                    @foreach ($admins as $admin )
                                        <option @selected(request('admin_id') == $admin) value="{{ $admin->id }}">{{ $admin->name }}</option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="col-lg-12">
                                <button type="submit" class="btn btn-primary btn-block col-12">filter<i
                                        class="mdi mdi-filter"></i></button>
                            </div>
                            </form>


                        </div>
                        <!-- end row-->
                    </div> <!-- end card-body -->
                </div> <!-- end card -->
            </div><!-- end col -->
        </div><!-- end row -->
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-body">

                        <div class="d-flex justify-content-end mb-3">


                            @if (auth('admin')->user()->can('create-customer'))
                                <div class="text-center">
                                    <a href="{{ route('admin.customers.create') }}" class="btn btn-outline-info"><i
                                            class="mdi mdi-plus-circle"></i>Create</a>
                                </div>
                            @endif
                            @if (auth('admin')->user()->can('import-customers'))
                                <div class="text-center">
                                    <a href="{{ route('admin.import.customers.data') }}" class="btn btn-outline-info"><i
                                            class="mdi mdi-arrow-bottom-left-bold-box"></i>Import </a>
                                </div>
                            @endif

                                <div class="text-center">
                                    <a href="{{ route('admin.customers.export') }}" class="btn btn-outline-info"><i
                                            class="mdi mdi-arrow-top-right-bold-box"></i>Export</a>
                                </div>


                            @if (auth('admin')->user()->can('send-message'))

                            <a href="{{ route('admin.customers.send_multi_message') }}" type="button" class="btn btn-outline-info" id="btn_delete_all">
                                <i class="mdi mdi-send"></i> Sending Multiple SMS
                            </a>
                            <a href="#" type="button" class="btn btn-outline-info" >
                                <i class="mdi mdi-whatsapp"></i>Sending Multiple Whatsapp
                            </a>


                            @endif

                        </div>

                        <div class="responsive-table-plugin">

                            <div class="table-rep-plugin">
                                <div class="table-responsive" data-pattern="priority-columns">
                                    <table id="datatable" id="tech-companies-1" class="table  table-striped">
                                        <thead>
                                            <tr>
                                                @if (auth('admin')->user()->can('send-message'))

                                                {{--  <th><input name="select_all" id="example-select-all" type="checkbox"
                                                            onclick="CheckAll('box1', this)" /></th>  --}}

                                                @endif
                                                <th>#</th>
                                                <th>Name</th>
                                                <th>Notes on the number</th>
                                                <th>Mobile</th>
                                                <th>Created By</th>
                                                <th>Created at</th>

                                                <th data-priority="3">Actions</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($data as $customer)
                                                <tr>

                                                    {{--  @if (auth('admin')->user()->can('send-message'))
                                                    <td><input type="checkbox" value="{{ $customer->id }}"

                                                                class="box1">
                                                    @endif  --}}
                                                    </td>
                                                    <td> {{ $loop->iteration }}</td>
                                                    <td>{{ $customer->name }}</td>
                                                    <td>{{ $customer->address }}</td>
                                                    <td>+9665 {{ $customer->mobile }}</td>
                                                    <td>{{ $customer->admin?->name }}</td>
                                                    <td>{{ $customer->created_at_format }}</td>

                                                    <td style="white-space: nowrap; width: 1%;">

                                                        <div class="tabledit-toolbar btn-toolbar" style="text-align: left;">
                                                            <div class="btn-group btn-group-sm" style="float: none;">
                                                                @if (auth('admin')->user()->can('show-message-customers'))
                                                                <a href="{{ route('admin.customers.show.messages', $customer->id) }}"
                                                                    title="Show Messages" type="button"
                                                                    class="tabledit-edit-button btn btn-info"
                                                                    style="float: none;">
                                                                   <i class="mdi mdi-eye"></i></span>
                                                                </a>

                                                                @endif
                                                                @if (auth('admin')->user()->can('edit-customer'))
                                                                    <a href="{{ route('admin.customers.edit', $customer->id) }}"
                                                                        title="Edit" type="button"
                                                                        class="tabledit-edit-button btn btn-success"
                                                                        style="float: none;">
                                                                        <span class="mdi mdi-pencil-outline"></span>
                                                                    </a>
                                                                @endif


                                                                @if (auth('admin')->user()->can('send-message'))
                                                                    <button data-bs-toggle="modal"
                                                                        id="{{ $customer->id }}"
                                                                        data-bs-target="#send-message-alert-modal"
                                                                        data-message="Are you sure to delete?"
                                                                        data-url="" title="Send Message SMS"
                                                                        type="button"
                                                                        class="btn btn-primary send-message-btn">
                                                                        <span>
                                                                            <i class="mdi mdi-send"></i>
                                                                        </span>
                                                                    </button>

                                                                    <button data-bs-toggle="modal"
                                                                        {{--  id="{{ $customer->id }}"
                                                                        data-bs-target="#send-message-alert-modal"
                                                                        data-message="Are you sure to delete?"  --}}
                                                                        data-url="" title="Send Message Whatsapp"
                                                                        type="button"
                                                                        class="btn btn-secondary  send-message-btn">
                                                                        <span>
                                                                            <i class="mdi mdi-whatsapp"></i>
                                                                        </span>
                                                                    </button>
                                                                @endif


                                                                @if (auth('admin')->user()->can('delete-customer'))
                                                                    <button data-bs-toggle="modal"
                                                                        data-bs-target="#danger-alert-modal"
                                                                        data-message="Are you sure to delete?"
                                                                        data-url="{{ route('admin.customers.destroy', $customer->id) }}"
                                                                        title="Delete the item" type="button"
                                                                        class="tabledit-edit-button btn btn-danger btn-action ml-5"
                                                                        style="float: none;">
                                                                        <span class="mdi mdi-trash-can"></span>
                                                                    </button>
                                                                @endif



                                                            </div>
                                                        </div>



                                                    </td>


                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div> <!-- end .table-responsive -->
                                {{ $data->appends(Request::except(['_token']))->links()}}

                            </div> <!-- end .table-rep-plugin-->
                        </div> <!-- end .responsive-table-plugin-->
                    </div>
                </div> <!-- end card -->
            </div> <!-- end col -->
        </div>
        <!-- end row -->
        <!-- send message for users -->
        <div class="modal fade" id="send_all" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
            aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 style="font-family: 'Cairo', sans-serif;" class="modal-title" id="exampleModalLabel">
                            Send Message For Customers
                        </h5>
                    </div>

                    <form action="{{ route('admin.customers.sendmessages') }}" method="POST">
                        {{ csrf_field() }}
                        <div class="modal-body">
                            <h5>Message</h5>
                            <input class="text" type="hidden" id="all_id" name="customer_ids" value=''>
                            <textarea name="message" id="" cols="60" rows="3"></textarea>

                        </div>

                        <div class="modal-footer">
                            <button type="submit" class="btn btn-success">Send</button>

                            <a href="" class="btn btn-danger" >Close</a>


                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div> <!-- container -->
    @include('admin.inc.modal-action')

    @isset($customer)
        <div class="modal fade" id="send-message-alert-modal" tabindex="-1" role="dialog"
            aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 style="font-family: 'Cairo', sans-serif;" class="modal-title" id="exampleModalLabel">
                            Send Message For Customer
                        </h5>
                    </div>

                    <form action="{{ route('admin.customer.sendmessage') }}" method="POST">
                        {{ csrf_field() }}
                        <div class="modal-body">
                            <h5>Message</h5>
                            <input class="text" type="hidden" id="customer_id_input" name="customer_id" value=''>
                            <textarea id="message{{ $customer->id }}" name="message" cols="60" rows="3"></textarea>
                        </div>

                        <div class="modal-footer">
                            <button type="submit" class="btn btn-primary">Send</button>
                            <button type="button" class="btn btn-danger" data-bs-dismiss="modal">Close</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    @endisset
@endsection
@section('script')
    <script src="{{ asset('assets/js/requests-user.js') }}"></script>

    <script>
        function CheckAll(className, elem) {
            var elements = document.getElementsByClassName(className);
            var l = elements.length;

            if (elem.checked) {
                for (var i = 0; i < l; i++) {
                    elements[i].checked = true;
                }
            } else {
                for (var i = 0; i < l; i++) {
                    elements[i].checked = false;
                }
            }
        }
    </script>


    <script type="text/javascript">
        $(function() {
            $("#btn_delete_all").click(function() {
                var selected = new Array();
                $("#datatable input[type=checkbox]:checked").each(function() {
                    selected.push(this.value);
                });

                if (selected.length > 0) {
                    $('#send_all').modal('show')
                    $('input[id="all_id"]').val(selected);
                }
            });
        });
    </script>


    <script>
        $(document).ready(function() {
            $('.send-message-btn').click(function() {
                // Get the customer ID from the button's ID attribute
                var customerId = $(this).attr('id');

                // Update the value of the customer_id input field
                $('#customer_id_input').val(customerId);
            });
        });
    </script>
@endsection