@extends('layouts.main')
@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Search Condition</h3>
                </div>
                <div class="card-body">
                    <form class="" role="form" method="post" id="search-form" action="{{url('customers')}}">

                        <div class="row">
                            <div class="col-sm-2">
                                <div class="form-group">
                                    <label for="msg_type">Code</label>
                                    <input type="text" class="form-control" name="code" value="{{$search_code}}" />
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="form-group">
                                    <label for="msg_type">Phone Number</label>
                                    <input type="text" class="form-control" name="phone_number" placeholder="1672******"
                                        value="{{$search_phone_number}}" />
                                </div>
                            </div>

                            <div class="col-sm-2">
                                <div class="form-group">
                                    <label for="msg_type">Club Account</label>
                                    <input type="text" class="form-control" name="user_name" placeholder="abcd122"
                                        value="{{$search_user_name}}" />
                                </div>
                            </div>
                            
                            <div class="col-sm-2">
                                <div class="form-group">
                                    <label for="msg_type">Whatsapp Availability</label>
                                    <select name="whatsapp_availability" class="form-control">
                                        <option value="">Select Availability</option>
                                        <option value="1" @if($search_whatsapp_availability!='' && $search_whatsapp_availability == 1) selected @endif>Yes</option>
                                        <option value="0" @if($search_whatsapp_availability!='' && $search_whatsapp_availability == 0) selected @endif>No</option>
                                    </select>
                                   
                                </div>
                            </div>

                            <div class="col-sm-2">
                                <div class="form-group">
                                    <label>Categories/Groups</label>
                                    <select name="customer_group[]" class="select2bs4" multiple="multiple"
                                        data-placeholder="Select a Category/Group" style="width: 100%;">
                                        @foreach($customerGroup as $v)
                                        <option value="{{$v->id}}" @if(in_array($v->id, $search_customer_group))
                                            selected @endif>{{$v->name}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="col-sm-2">
                                <div class="form-group">
                                    <label>BroadCast Categories</label>
                                    <select name="customer_broadcast[]" class="select2bs4" multiple="multiple"
                                        data-placeholder="Select a Broadcast" style="width: 100%;">
                                        @foreach($customerBroadcast as $v)
                                        <option value="{{$v->id}}" @if(in_array($v->id, $search_customer_broadcast))
                                            selected @endif>{{$v->broadcast_name}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="col-sm-2">
                                <div class="form-group">
                                    <label for="search">&emsp;</label><br />
                                    <button type="submit" class="btn btn-success pull-right btn-block"><i
                                            class="fa fa-search"></i> Search</button>
                                </div>
                            </div>

                            <div class="col-sm-2">
                                <div class="form-group">
                                    <label for="reset">&emsp;</label><br />
                                    <a href="{{URL::to('customers')}}" type="button"
                                        class="btn btn-primary pull-right btn-block" id="reset">Reset
                                    </a>
                                </div>
                            </div>
                        </div>
                        <input type="hidden" name="_token" value="{{csrf_token()}}">
                    </form>
                </div>
            </div>
        </div>
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header"></div>
                <div class="card-body p-none">
                    <!-- @if (count($customers) > 0)
                    <button class="btn btn-success btn-sm pull-right" data-toggle="tooltip" data-placement="top"
                        id="exportAll" style="margin: 10px;"><i class="fa fa-expand"></i> Export Selected
                    </button>
                    @endif -->
                    <button class="btn btn-success btn-sm pull-right" data-toggle="tooltip" data-placement="top"
                        id="exportAllCustomers" style="margin: 10px;"><i class="fa fa-expand"></i> Export All
                        Customers
                    </button>
                   
                    <table class="table data-table table-hover" id="export-customers-list-table">
                        <thead>
                            <tr>
                                <th class="hide-td">No.</th>
                                @if (count($customers) > 0)
                                <!-- <th style="width: 10%;"><input type="checkbox" class="checkbox" id="checkAll">
                                    Select All
                                </th> -->
                                @endif
                                <th>Phone Number</th>
                                <th>Gender</th>
                                <th>Name</th>
                                <th>Email</th>
                                <th>Club Account</th>
                                <th>Whatsapp</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($customers as $k=>$customer)
                            <tr>
                                <td>{{(($page-1) * $limit) +($k+1)}}</td>
                                <!-- <td><input type="checkbox" class="customer-checkbox" value="{{$customer->id}}"
                                        id="checkbox-{{$customer->id}}" /></td> -->
                                <td>{{$customer->code}}{{$customer->number}}</td>
                                <td>{{$customer->gender}}</td>
                                <td>{{$customer->first_name}} {{$customer->last_name}}</td>
                                <td>{{$customer->email}}</td>
                                <td>{{$customer->user_name}}</td>
                                <td>{{$customer->wp}}</td>
                                <td><a href="{{url('customers/'.$customer->id)}}"
                                        class="btn btn-success btn-sm">Manage</a>
                                    <button class="deleteCustomer btn btn-sm btn-danger"
                                        data-id="{{$customer->id}}">Delete
                                    </button>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                
                {{ $customers->appends(request()->input())->links() }}
            </div>
        </div>
    </div>
</div>


@endsection


@section('script')

<script>
    $(document).ready(function () {

        $('.select2bs4').select2({
            theme: 'bootstrap4'
        });

        $(".deleteCustomer").click(function () {
            var id = $(this).data("id");
            console.log(id)
            //console.log(id);
            bootbox.confirm("Are you sure?", function (result) {
                if (result) {
                    window.location.href = BASE_URL + "/customers/delete/" + id;
                }
            });
        });



        var $body = $('body');
        var idList = [];

        /**
         * checkbox start
         */
        $('#export-customers-list-table #checkAll').click(function () {
            $('input:checkbox').prop('checked', this.checked);
            getAllCheckedId()
        });


        function getAllCheckedId() {
            $(".customer-checkbox").each(function () {

                if ($(this).is(':checked')) {
                    if (jQuery.inArray($(this).val(), idList) === -1) {
                        idList.push($(this).val());
                    }

                } else {
                    if (jQuery.inArray($(this).val(), idList) !== -1) {
                        idList.splice($.inArray($(this).val(), idList), 1);
                    }

                }
            });
            console.log(idList)
        }


        $body.on('click', '.customer-checkbox', function () {
            if ($(this).is(':checked')) {
                if (jQuery.inArray($(this).val(), idList) === -1) {
                    idList.push($(this).val());
                }
            } else {
                if (jQuery.inArray($(this).val(), idList) !== -1) {
                    idList.splice($.inArray($(this).val(), idList), 1);
                }
            }
            console.log(idList)
        });


        /**
         * checkbox end
         */

        $body.on('click', '#exportAll', function () {
            if (idList.length <= 0) {
                alert("Select at least 1 user!");
                return false;
            } else {
                // alert("Hello");
                exportAll();
            }
        });
        function exportAll() {
            bootbox.confirm("Are you sure you want to export?", function (result) {
                if (result) {
                    
                    $.ajax({
                        headers: {
                            'X-CSRF-TOKEN': CSRF_TOKEN
                        },
                        url: BASE_URL + '/export-customers-csv',
                        type: 'POST',
                        data: {
                            'idList': idList
                        },
                        success: function () {
                            location.href = BASE_URL +
                                "/public/assets/exported-customers.csv";
                            $('#msg-success').html(
                                '<div class="alert alert-success alert-block">\n' +
                                '\t<button type="button" class="close" data-dismiss="alert">×</button>\t\n' +
                                '        <strong>Customer(s) exported successfully.</strong>\n' +
                                '</div>');
                            console.log("Exported");
                            //location.reload();
                        }
                    });
                }
            });
        }


        $body.on('click', '#exportAllCustomers', function () {
            exportAllCustomers();
        });

        function exportAllCustomers() {
            var searchParam = {
                phone_number:'{{$search_phone_number}}',
                user_name:'{{$search_user_name}}',
                code:'{{$search_code}}',
                customer_group:'{{$search_customer_group_string}}',
                whatsapp_availability:'{{$search_whatsapp_availability}}',
                customer_broadcast:'{{$search_customer_broadcast_string}}',
            }
            
            bootbox.confirm("Are you sure you want to export?", function (result) {
                if (result) {

                    location.href = BASE_URL + "/export-all-customers-csv?"+$.param(searchParam);
                }
            });
        }


    });
</script>
@endsection