@extends('layouts.app')

@section('content')
<div class="box">
    <div class="box-header">
        <h3 class="box-title">Search Users</h3>
    </div>
    <form class="box-body" id="user_search-form">
        <div class="row">

            <div class="form-group col-xs-4">
                <label for="usr_rl" class="col-sm-4 control-label">User Role</label>

                <select class="form-control select2 usr_rl" style="width: 100%;" id="usr_rl" name="usr_rl">

                    @foreach ($user['usr_role'] as $usr_rl)
                    <option value="{{ $usr_rl['val_id'] }}">{{ $usr_rl['val_des_en'] }}</option>
                    @endforeach
                </select>
            </div>

            <div class="form-group col-xs-4">
                <label for="usr_nme" class="control-label">User Name</label>
                <div>
                    <input type="text" class="form-control" id="usr_nme" name="usr_nme" value="">
                </div>
            </div>

        </div>
        <div class="row">
            <div class="form-group col-xs-4">
                <label>Created from</label>
                <div class="input-group date">
                    <div class="input-group-addon">
                        <i class="fa fa-calendar"></i>
                    </div>
                    <input type="text" class="form-control pull-right created_from_date datepicker"
                        id="created_from_date" name="created_from_date">
                </div>
            </div>

            <div class="form-group col-xs-4">
                <label>Created to</label>
                <div class="input-group date">
                    <div class="input-group-addon">
                        <i class="fa fa-calendar"></i>
                    </div>
                    <input type="text" class="form-control pull-right created_to_date datepicker" id="created_to_date"
                        name="created_to_date">
                </div>
            </div>

            <div class="form-check  col-xs-4">
                <br>
                <input type="checkbox" class="form-check-input" id="ignore_date" name="ignore_date">
                <label class="form-check-label" for="ignore_date">Ignore Date</label>
            </div>
        </div>
        <div class="row">
            <div class="form-group col-xs-2 pull-right">
                <button type="button" class="btn btn-block btn-social btn-dropbox" id="srch_btn">
                    <i class="fa fa-search"></i> Search
                </button>
            </div>

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


<div id="result_content"></div>
@endsection

@push('scripts')
<script type="text/javascript">
    jQuery(document).ready(function($) {
            $('.datepicker').datepicker()

            var date = new Date();
            $('.created_to_date').datepicker("setDate", date);

            date.setMonth(date.getMonth() - 1);
            $('.created_from_date').datepicker("setDate", date);


            load_user_details();

            $("#srch_btn").click(function() {
                $('#user_search-form').sayt({
                    'savenow': true
                });
                load_user_details();
            });
        });

        $('#result_content').on('click', '.usrDelete', function(event) {
            reg_no = $(this).data('id');
            deleteUser(reg_no);

        });

        $('#result_content').on('click', '.usrActivateDeactivate', function(event) {
            reg_no = $(this).data('id');
            status = $(this).data('status');
            ActivateDeactivateUser(reg_no,status);

        });

        $('#result_content').on('click', '.sendmail', function(event) {
            reg_no = $(this).data('id');
            status = $(this).data('status');
            sendmail(reg_no);

        });

        function deleteUser(reg_no) {

            var ajax_url = "delete_user_dtl/" + reg_no;

            Swal.fire({
                title: 'Are you sure?',
                text: "You want to delete this!",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Yes, delete it!'
            }).then((result) => {
                if (result.value) {
                    $.get(ajax_url, function(data) {

                        if (data == 'false') {
                            Swal.fire({
                                icon: 'error',
                                title: 'Not Deleted',
                                text: " Can't delete this service"
                            })
                        } else {
                            Swal.fire(
                                'Deleted!',
                                'Service has been deleted.',
                                'success').then((result) => {
                                if (result.value) {
                                    location.reload();
                                }
                            })
                        }





                    });

                }
            })
        }

        function ActivateDeactivateUser(reg_no,status) {

            var ajax_url = "usr_edit/" + reg_no;
            var text, st;
            if(status == '0'){
                text = "You are about to Activate this user."
                st = "Activate!"
            }else{
                var text = "You are about to Deactivate this user."
                st = "Deactivate!"
            }


            var csrf_token = $('meta[name="csrf-token"]').attr('content');

            Swal.fire({
                title: 'Are you sure?',
                text: text,
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Yes, ' + st,
            }).then((result) => {
                if (result.value == true) {

                    $.ajaxSetup({
                        headers: {
                            'X-CSRF-TOKEN': csrf_token
                        }
                    });

                    $.post(ajax_url, function(data) {


                        if (data == 'false') {
                            Swal.fire({
                                icon: 'error',
                                title: 'Activation/Deactivation Failed',
                                text: "Couldn't activate/deactivate this user."
                            })
                        } else {
                            var actionText = (data == 'activate') ? 'activated' : 'deactivated';

                            Swal.fire(
                                'Success!',
                                'Status Updated',
                                'success').then((result) => {
                                if (result.value) {
                                    location.reload();
                                }
                            })
                        }
                    });
                }
            });
        }

       function sendmail(reg_no)
       {

            var ajax_url = "snd_mail_bck/" + reg_no;

            var csrf_token = $('meta[name="csrf-token"]').attr('content');

                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': csrf_token
                    }
                });
                $('#loadingModal').modal('show');
            $.post(ajax_url, function(data) {

                if (data == 'false') {

                } else {
                    $('#loadingModal').modal('hide');
                    Swal.fire(
                                'Success!',
                                'Email Sent',
                                'success').then((result) => {
                                if (result.value) {
                                    location.reload();
                                }
                            });

                }
            });


        }

        function load_user_details() {
            var ajax_url = "{{ route('user_search') }}";
            form_data = $("#user_search-form").find(":input").serializeArray();

            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: ajax_url,
                type: 'POST',
                data: form_data,
                success: function(msg) {
                    $('#result_content').html(msg);
                    $('.datatable').DataTable()
                },
                error: function() {
                    alert("Can't Connect to Server");
                }
            })
        }
</script>
@endpush