@extends('dashboard.layouts.master')
@section('title', __('backend.user_management'))
@section('content')
@include('sweetalert::alert')
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.24/css/jquery.dataTables.min.css" type="text/css" />
<link rel="stylesheet"
    href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css" />
<div class="padding website-label">
<div class="success_message" style="margin-bottom: 10px;"></div>
<div id="success_file_popup" style="margin-bottom: 10px;"></div>
@if(isset($user_management_module_permission) && $user_management_module_permission->read == 1)
<div class="box">
    <div class="box-header">
        <div class="box-header-left">
            <h3>{{ __('backend.user_management') }}</h3>
            <small>
                <a href="{{ route('adminHome') }}">{{ __('backend.dashboard') }}</a> / {{ __('backend.user_management') }}
            </small>
        </div>
        <div class="box-header-right">
            <div class="box-tool">
                <ul class="nav">
                    <li class="nav-item inline">
                        {{ Form::open(['route' => 'export_customerdatareport', 'method' => 'post', 'style="background :none !important;"', 'id' => 'export']) }}

                        <input type="hidden" name="startdate" value="{{ isset($startdate) ? $startdate : '' }}"
                            id="export_start_date">
                        <input type="hidden" name="enddate" value="{{ isset($enddate) ? $enddate : '' }}"
                            id="export_end_date">
                        <a class="solid-button export-form" href="javascript:void(0)">{{ __('backend.export_csv') }}</a>
                        {{ Form::close() }}
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <div class="loader"></div>
    <div class="card-body">
        <div class="row">
            <div class="col-xl-9">
                <div class="row">
                    <div class="col-xl-3 col-lg-4 col-md-6">
                        <div class="form-group">
                            <label for="startdate">{{ __('backend.start_date') }}</label>
                            <input type="text" class="form-control" name="startdate" id="startdate"
                                placeholder="DD-MM-YYYY" readonly>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-md-6">
                        <div class="form-group">
                            <label for="enddate">{{ __('backend.end_date') }}</label>
                            <input type="text" class="form-control" name="enddate" id="enddate"
                                placeholder="DD-MM-YYYY" readonly>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-2 col-md-6 clear_button" style="margin-top: 35px;">
                        <div class="form-group">
                            <button type="button"
                                    class="btn btn-danger mr-2 mb-5 clear-btn-link"
                                    onclick="location.reload()">
                                {{ __('backend.clear') }}
                            </button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-3">
                {{Form::open(['route'=>'usersUpdateAll','method'=>'post','id'=>'updateAll'])}}
                <div class="single-action">
                    <div class="bulk-action">
                        <select name="action" id="action" class="form-control c-select w-sm inline v-middle"
                                required>
                            <option value="no">{{ __('backend.bulkAction') }}</option>
                            @if(isset($user_management_module_permission) && $user_management_module_permission->update == 1)
                            <option value="1">{{ __('backend.activeSelected') }}</option>
                            <option value="0">{{ __('backend.blockSelected') }}</option>
                            @endif
                            @if(isset($user_management_module_permission) && $user_management_module_permission->delete == 1)
                            <!-- <option value="2">{{ __('backend.deleteSelected') }}</option> -->
                            @endif
                        </select>
                        <button type="submit" id="submit_all" class="border-btn">{{ __('backend.apply') }}</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="table-responsive table_data">
        <table class="table table-bordered m-a-0" id="userTable">
            <thead class="dker">
                <tr>
                    <th  class="width20 dker no-sort">
                        <label class="ui-check m-a-0" for="checkAll" style="position: relative;">
                            <input id="checkAll" type="checkbox" aria-label="Select all items" style="position: absolute; opacity: 0; width: 100%; height: 100%; z-index: 2; cursor: pointer;">
                            <i aria-hidden="true"></i>
                        </label>
                    </th>
                    <th>{{ __('backend.user_id') }}</th>
                    <th>{{ __('backend.fullName') }}</th>
                    <th>{{ __('backend.customFieldsType3') }}</th>
                    <th>{{ __('backend.country') }}</th>
                    <th>{{ __('backend.customer_join_date') }}</th>
                    <th>{{ __('backend.status') }}</th>
                    <th>{{ __('backend.options') }}</th>
                </tr>
            </thead>
            <tbody>
                
            </tbody>
        </table>
    </div>
    <footer class="dker p-a">
        <div class="row">
            <div class="col-sm-3 hidden-xs">
                <!-- .modal -->
                <div id="m-all" class="modal fade" data-backdrop="true">
                    <div class="modal-dialog" id="animate">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title">{{ __('backend.confirmation') }}</h5>
                            </div>
                            <div class="modal-body text-center p-lg">
                                <p>
                                    {{ __('backend.confirmationDeleteMsg') }}
                                </p>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn dark-white p-x-md"
                                data-dismiss="modal">{{ __('backend.no') }}</button>
                                <button type="submit"
                                class="btn danger p-x-md">{{ __('backend.yes') }}</button>
                            </div>
                        </div><!-- /.modal-content -->
                    </div>
                </div>
            </div>
            <div class="col-sm-6 text-right text-center-xs">

            </div>
        </div>
    </footer>
    {{Form::close()}}
</div>
@endif
</div>
@endsection
@push("after-scripts")
<script src="https://cdn.datatables.net/1.10.24/js/jquery.dataTables.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert-dev.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script>
<script type="text/javascript">
$(document).on('click', '.status_active', function(e) {
    var user_id = $(this).attr('data-id');
    swal({
            title: "Deactive",
            text: "Are you sure you want to deactive this user?",
            type: "warning",
            showCancelButton: true,
            confirmButtonColor: "#BF0A30",
            confirmButtonText: "Deactive",
            closeOnConfirm: false
        },
        function() {
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
               url: "{{ route('users.status_active')}}",
               type: 'POST',
               data: 'user_id='+user_id,
               beforeSend: function(){
                    $('.loader').css("visibility", "visible");
                },
               success: function (response) {
                $('.loader').css("visibility", "visible");
                    window.location.href = "{{ route('users')}}";
               },
               error: function (response) {
                   alert(response.responseText);
               }
           });
        }
    );
});

$(document).on('click', '.status_inactive', function(e) {
    var user_id = $(this).attr('data-id');
    swal({
            title: "Active",
            text: "Are you sure you want to active this user?",
            type: "warning",
            showCancelButton: true,
            confirmButtonColor: "#002868",
            confirmButtonText: "Active",
            closeOnConfirm: false
        },
        function() {
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
               url: "{{ route('users.status_inactive')}}",
               type: 'POST',
               data: 'user_id='+user_id,
               beforeSend: function(){
                    $('.loader').css("visibility", "visible");
                },
               success: function (response) {
                $('.loader').css("visibility", "visible");
                    window.location.href = "{{ route('users')}}";
               },
               error: function (response) {
                   alert(response.responseText);
               }
           });
        }
    );
});
$(function() {
 $.ajaxSetup({
     headers: {
         'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
     }
 });
 load_data();
 function load_data()
 {

  var action_url = "{!!  route('users.anyData') !!} ";

  var dataTable = $('#userTable').DataTable({
    processing: true,
    serverSide: true,
    responsive: true,
    ordering: true,
    columnDefs: [{
     'bSortable': false,
     'aTargets': [0,6,7]
 }],
    ajax: {
     url : action_url,
     type: 'POST',
    data: function(d) {
        return $.extend({}, d, {
            "startdate": $("#startdate").val().toLowerCase(),
            "enddate": $("#enddate").val().toLowerCase(),
        });
    }
 },
 columns: [
 {
     data: 'checkbox',
     orderable: false,
     searchable: false,

 },
 {
     data: 'user_id',
     name: 'user_id',

 },
 {
     data: 'name',
     name: 'name',

 },
 {
     data: 'email',
     name: 'email',

 },
 {
     data: 'country_name',
     name: 'country_name',

 },
 {
     data: 'created_at',
     name: 'created_at',

 },
 {
     data: 'status',
     name: 'status',

 },
 {
     data: 'options',
     orderable: false,
     searchable: false
 }
 ],
 order: ['0', 'DESC']
});

$('#startdate, #enddate').change(function() {

    $("#export_start_date").val($("#startdate").val().toLowerCase());
    $("#export_end_date").val($("#enddate").val().toLowerCase());

    dataTable.draw();
});

$(".export-form").click(function() {
    $('#export').submit();
});
}

});

$("#startdate").datepicker({
    changeMonth: true,
    changeYear: true,
    yearRange: "1000:2100", // Adjust year range to start from 1000
    startDate: new Date(1000, 0, 1), // Set the minimum date to January 1, 1000
    // endDate: '+0d', // Disable selecting future dates
    format: 'dd-mm-yyyy', // Use 'dd-mm-yyyy' format
    todayHighlight: true,
    orientation: "bottom",
    autoclose: true
}).on('changeDate', function(selected) {
    var minDate = new Date(selected.date);
    // Set the minimum start date for the end date picker
    $('#enddate').datepicker('setStartDate', minDate);
});
$("#enddate").datepicker({
    changeMonth: true,
    changeYear: true,
    yearRange: "1000:2100", // Adjust year range to start from 1000
    startDate: new Date(1000, 0, 1), // Set the minimum date to January 1, 1000
    // endDate: '+0d', // Disable selecting future dates
    format: 'dd-mm-yyyy', // Use 'dd-mm-yyyy' format
    todayHighlight: true,
    orientation: "bottom",
    autoclose: true
}).on('changeDate', function(selected) {
    var minDate = new Date(selected.date);
    if (minDate instanceof Date && !isNaN(minDate)) {
        $('#startdate').datepicker('setEndDate', minDate);
    }
});

$("#checkAll").click(function () {
    $('input:checkbox').not(this).prop('checked', this.checked);
});
$("#action").change(function () {
    if (this.value == "delete") {
        $("#submit_all").css("display", "none");
        $("#submit_show_msg").css("display", "inline-block");
    } else {
        $("#submit_all").css("display", "inline-block");
        $("#submit_show_msg").css("display", "none");
    }
});
$( document ).ready(function() {
    if($('.no-sort').hasClass('sorting_disabled')){
        $('.no-sort').removeClass('sorting_asc')
    }
});

$("#submit_show_msg").click(function () {
    var numberOfChecked = $('input:checkbox:checked').length;
    if(numberOfChecked == ''){
        alert("Please select row.");
        return false;
    }
});
$("#checkAll").click(function () {
    $('input:checkbox').not(this).prop('checked', this.checked);
});
$(document).on('submit', '#updateAll', function(e) {
    e.preventDefault();
    var allVals = [];
    var check = false;

    var select_row = "{{ __('backend.select_row') }}";
    var select_status = "{{ __('backend.select_status') }}";

    var type = $(document).find('#action').val();
    if(type == 'no')
    {
        $(document).find('#alert_confirm').modal('show');
        $(document).find('#alert_confirm').find('.alert_dynamic_message').text(select_status);

    }
    else
    {
     $(".has-value:checked").each(function() {
        var idvalue = $(this).attr('data-id');
        if (typeof idvalue === "undefined") {

        }
        else
        {
            allVals.push(idvalue);
        }
    });

     if(allVals.length <=0)
     {
         $(document).find('#alert_confirm').modal('show');
         $(document).find('#alert_confirm').find('.alert_dynamic_message').text(select_row);
     }
     else
     {
         var msg = "";
         if(type == 0)
         {
             msg = "Are you sure you want to deactive this user?";
         }
         else if(type == 1)
         {
             msg = "Are you sure you want to active this user?";
         }
         else
         {
             msg = "Are you sure you want to delete this user?";
         }

         $(document).find('#default_confirm').modal('show');
         $(document).find('#default_confirm').find('.dynamic_message').text(msg);
         var join_selected_values = allVals.join(",");
         $(document).find('#default_confirm').find('.checkbox_data').val(join_selected_values);
         $(document).find('#default_confirm').find('.checkbox_type').val(type);

     }

 }
});
$(document).on('click', '.delete-school', function(e) {
    e.preventDefault();
    var package_id = $(this).attr('data-id');
    var allVals = [];
    allVals.push(package_id);
    var type = 2;
    var msg = "Are you sure you want to delete?";

    $(document).find('#default_confirm').modal('show');
    $(document).find('#default_confirm').find('.dynamic_message').text(msg);
    var join_selected_values = allVals.join(",");
    $(document).find('#default_confirm').find('.checkbox_data').val(join_selected_values);
    $(document).find('#default_confirm').find('.checkbox_type').val(type);
});

$(document).on('click','.yes_click',function(e)
{
 var  join_selected_values = $(document).find('#default_confirm').find('.checkbox_data').val();
 var  type = $(document).find('#default_confirm').find('.checkbox_type').val();
 var csrf = "{{csrf_token()}}";
 ajaxUpdateAll(csrf,join_selected_values,type);
 $("#default_confirm").modal('hide');
});

function ajaxUpdateAll(csrf,join_selected_values,type)
{
    $.ajax({
     url: "{{ route('usersUpdateAll')}}",
     type: 'POST',
     headers: {'X-CSRF-TOKEN':  csrf },
     data: 'ids='+join_selected_values+'&status='+type,
     beforeSend: function(){
                                // $(".loader").fadeIn();
        $('.loader').css("visibility", "visible");
    },
    success: function (data) {

     if (data.success == true) {
        $('.loader').css("visibility", "hidden");
        $('#success_file_popup').append( messages('alert-success', data.msg));
        setTimeout(function() {
         $('#success_file_popup').empty();
     }, 5000);


        $(document).find('#default_confirm').modal('hide');
        var tabe = $('#userTable').DataTable();
        $(document).find('#action').prop('selectedIndex',0);
        tabe.ajax.reload(null, false);
        $("#checkAll").prop('checked', false);

    } else {
       $('.loader').css("visibility", "hidden");
       $('#success_file_popup').append( messages('alert-danger', data.error));

       setTimeout(function() {
         $('#success_file_popup').empty();
     }, 5000);
   }
},
error: function (data) {
 alert(data.responseText);
}
});
}
$("#action").change(function () {
    if (this.value == "delete") {
        $("#submit_all").css("display", "none");
        $("#submit_show_msg").css("display", "inline-block");
    } else {
        $("#submit_all").css("display", "inline-block");
        $("#submit_show_msg").css("display", "none");
    }
});
function messages(classname, msg)
{
 return '<div class="alert '+classname+' m-b-0"> <button type="button" class="close" data-dismiss="alert" aria-label="Close"> <span aria-hidden="true">×</span> </button>'  + msg +'</div>';
}
setTimeout(function() {
$('#topmsgall').hide();
}, 5000);
</script>
@endpush