@extends('panel.layouts.superadmin.app')
@section('page-title')
    <title>
        {{ LaraCore::setting('html_prefix') }} {{ LaraCore::setting('html_prefix') != '' ? '|' : '' }} WhatsApp Users List
    </title>
@stop
@section('content')
    <div class="content-wrapper">
        <div class="row">
            <div class="col-md-1"></div>
            <div class="col-md-10">
                <section class="content">
                    <div class="box box-default">
                        <div class="box-header with-border">
                            <i class="fa fa-users"></i>
                            <h3 class="box-title">WhatsApp Users List</h3>
                            <div class="box-tools box-tools-common pull-right">

                                <a href="javascript:void(0)" class="btn btn-box-tool show-tooltip"
                                    onclick="ToggleDataTable('whatsapp-user-grid')" title="Search"><i
                                        class="fa fa-search"></i></a>
                                <a href="javascript:void(0)" data-toggle="modal" data-target="#whatsapp_user_modal"
                                    class="btn btn-box-tool show-tooltip" title="Add Delivery Persons"><i
                                        class="fa fa-plus"></i></a>
                            </div>
                        </div>
                        <div class="box-body">
                            <div class="table-responsive">
                                <table id="whatsapp-user-grid" class="table table-bordered table-hover display">
                                    <thead>
                                        <th>Id</th>
                                        <th>Person name</th>
                                        <th>Compney name</th>
                                        <th>Client code</th>
                                        <th>Phone</th>
                                        <th>Action</th>
                                    </thead>
                                    <tbody>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    <div class="whatsapp_user_modal_div">
                        <div class="edit_modal">
                        </div>
                        @include('superadmin.whatsappbills.create_user', [@$data])
                    </div>
                    @include('common.modal.delete_confirm_modal', ['entity' => 'whatsapp_user'])
                </section>
            </div>
            <div class="col-md-1"></div>
        </div>
    </div>
@stop
@section('custom-scripts')
    <script type="text/javascript">
        $(document).ready(function() {
            initDate('{{ AppHelper::dateFormatJS(LaraCore::setting('date_format')) }}');
            initDateRange('{{ AppHelper::dateFormatJS(LaraCore::setting('date_format')) }}');
            initRichText();
            WhastappUserTable = $('#whatsapp-user-grid').DataTable({
                language: {
                    emptyTable: '{{ LaraCore::setting('no_records') }}',
                    processing: "<i class='fa fa-spinner fa-spin fa-3x'></i>"
                },
                aLengthMenu: [
                    [10, 20, 30, 40, 50, -1],
                    [10, 20, 30, 40, 50, 'All']
                ],
                order: [0, "desc"],
                processing: true,
                serverSide: true,
                ajax: {
                    url: '{{ route('whatsappuser.lists') }}',
                    type: 'POST',
                    data: {
                        _token: '{{ csrf_token() }}'
                    }
                },
                columns: [{
                        data: 'id',
                        visible: false
                    },
                    {
                        data: 'name'
                    },
                    {
                        data: 'company_name'
                    },
                    {
                        data: 'client_code'
                    },
                    {
                        data: 'phone'
                    },
                    {
                        data: 'actions',
                        orderable: false,
                        searchable: false
                    }
                ]
            });

            initSelectAll('#whatsapp-user-grid', WhastappUserTable);
            $('#whatsapp_user_save').submit(function(e) {
                e.preventDefault();
                createWhatsappUser();
            });

            function createWhatsappUser() {
                var form = $("#whatsapp_user_save");
                $(form).find('.has-error').removeClass('has-error');
                $(form).find('.help-block').html('');
                $.ajax({
                    url: $(form).attr('action'),
                    type: 'POST',
                    data: $(form).serialize(),
                    success: function(data) {
                        DisplayMessages(data['message']);
                        $("#whatsapp_user_modal").modal('hide');

                        if (typeof WhastappUserTable !== 'undefined') {
                            WhastappUserTable.draw(true);
                        }
                    },
                    error: function(jqXHR) {
                        var response = $.parseJSON(jqXHR.responseText);
                        DisplayErrorMessages(response, $(form), 'input');
                    }
                });
            }

            $('a[data-target="#whatsapp_user_modal"]').on('click', function() {
                var form = $("#whatsapp_user_save");
                var APP_URL = $('meta[name="_base_url"]').attr('content');
                form.attr('action', APP_URL + '/whatsapp-user-save');
                form.find('input[name="_method"]').val('POST');
                $('#whatsapp_user_modal .modal-title').text('Add User');
            });


            $(document).on('hidden.bs.modal', '#whatsapp_user_modal', function(event) {
                var form = $("#whatsapp_user_save");
                form[0].reset();
                form.find('.has-error').removeClass('has-error');
                form.find('.help-block').html('');
                form.find('input[name="id"]').val("");
                $('#whatsapp_user_modal .modal-title').text('Add User');
            });

            $(document).on('click', 'button[name="remove_user"]', function(e) {
                e.preventDefault();
                var userId = $(this).data('id');
                if (!userId) return;
                $('#delete_whatsapp_user_modal').modal('show');
                $('#delete_whatsapp_user_modal').find('#delete_whatsapp_user').off('click').on('click',
                    function() {
                        $.ajax({
                            url: "{{ route('whatsappuser.delete') }}",
                            type: "POST",
                            data: {
                                _token: '{{ csrf_token() }}',
                                whatsapp_user_id: userId
                            },
                            dataType: 'json',
                            success: function(data) {
                                $('#delete_whatsapp_user_modal').modal('hide');
                                WhastappUserTable.draw();
                                DisplayMessages(data.message);
                            },
                            error: function(jqXHR) {
                                var Response = $.parseJSON(jqXHR.responseText);
                                DisplayMessages(Response.message, 'error');
                            }
                        });
                    });
            });
        });

        function SetAddWhatsappUser() {
            var form = $("#whatsapp_user_save");
            form.trigger("reset");
            form.find(".help-block").text("");
            form.find('input[name="id"]').val("");
            $("#whatsapp_user_modal .modal-title").text("Add User");
            $("#whatsapp_user_modal").modal("show");
        }

        function SetEditWhatsappUser(btn) {
            let id = $(btn).data("id");
            let APP_URL = $('meta[name="_base_url"]').attr('content');
            $.ajax({
                url: APP_URL + "/whatsapp-user-edit/" + id,
                type: "GET",
                success: function(res) {
                    if (res.status === "success") {
                        let form = $("#whatsapp_user_save");
                        form.find('input[name="id"]').val(res.data.id);
                        form.find('input[name="name"]').val(res.data.name);
                        form.find('input[name="company_name"]').val(res.data.company_name);
                        form.find('input[name="client_code"]').val(res.data.client_code);
                        form.find('input[name="phone"]').val(res.data.phone);
                        $("#whatsapp_user_modal .modal-title").text("Edit User");
                        $("#whatsapp_user_modal").modal("show");
                    }
                }
            });
        }
    </script>
@stop