@extends('dashboard.layouts.master')
@section('title',__('backend.labels'))
@section('content')

<link rel="stylesheet" href="https://cdn.datatables.net/1.10.24/css/jquery.dataTables.min.css" type="text/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>
    <div class="box">
        <div class="box-header">
            <div class="box-header-left">
                <h3>{{ __('backend.labels') }}</h3>
                <small>
                    <a href="{{ route('adminHome') }}">{{ __('backend.dashboard') }}</a> / {{ __('backend.settings') }} /
                    <span>{{ __('backend.labels') }}</span>
                </small>
            </div>
            <div class="box-header-right">
                <div class="box-tool">
                    <ul class="nav">
                        <li class="nav-item inline">
                            <a class="solid-button" href="{{route('label.create')}}">
                                <i class="material-icons">&#xe02e;</i>
                                &nbsp; {{ __('backend.newLabel') }}
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>


        {{Form::open(['route'=>'userlistUpdateAll','method'=>'post','id'=>'updateAll'])}}
        <div class="bulk-action" style="display: none;">
            
        </div>
        <div class="table-responsive table_data">
            <table class="table table-bordered m-a-0" id="label">
                <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.labelKey') }}</th>
                        <th>{{ __('backend.labelValue') }}</th>
                        <th>{{ __('backend.options') }}</th>
                    </tr>
                </thead>
                <tbody id="bannerTable">
                </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>
                    <!-- / .modal -->
                    
                    {{-- <select name="action" id="action" class="form-control c-select w-sm inline v-middle"
                    required>
                    <option value="">{{ __('backend.bulkAction') }}</option>
                    <option value="activate">{{ __('backend.activeSelected') }}</option>
                    <option value="block">{{ __('backend.blockSelected') }}</option>
                    <option value="delete">{{ __('backend.deleteSelected') }}</option>
                </select>
                <button type="submit" id="submit_all"
                class="btn white">{{ __('backend.apply') }}</button>
                <button id="submit_show_msg" class="btn white" data-toggle="modal"
                style="display: none"
                data-target="#m-all" ui-toggle-class="bounce"
                ui-target="#animate">{{ __('backend.apply') }}
            </button> --}}
            
        </div>

        
        <div class="col-sm-6 text-right text-center-xs">
            
        </div>
    </div>
</footer>
{{Form::close()}}
</div>
</div>
@endsection
@push("after-scripts")
<script src="https://cdn.datatables.net/1.10.24/js/jquery.dataTables.min.js"></script>
<script type="text/javascript">
    $(function() {
     $.ajaxSetup({
         headers: {
             'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
         }
     });
     load_data();
     function load_data()
     {
        
      var action_url = "{!!  route('label.anyData') !!} ";
      
      $('#label').DataTable({
        processing: true,
        serverSide: true,
        responsive: true,
        ordering: true,
        columnDefs: [{
         'bSortable': false,
         'aTargets': [3]
     }],
        ajax: {
         url : action_url,
         type: 'POST',
         data:{
             
         }
     },
     columns: [
     {
         data: 'checkbox',
         orderable: false,
         searchable: false,
         visible:false

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


    $( 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);
    });
    


    $("#filter_btn").click(function () {
        $("#filter_div").slideToggle();
    });

    $("#find_q").on("keyup", function() {
        var value = $(this).val().toLowerCase();
        $("#doctorTypeTable tr").filter(function() {
            $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
        });
    });

    $(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 label?";
             }
             else if(type == 1)
             {
                 msg = "Are you sure you want to active this label?";
             }
             else
             {
                 msg = "Are you sure you want to delete this label?";
             }

             $(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,action);
 });
    
    function ajaxUpdateAll(csrf,join_selected_values,type)
    {
        $.ajax({
         url: "{{ route('labelUpdateAll')}}",
         type: 'POST',
         headers: {'X-CSRF-TOKEN':  csrf },
         data: 'ids='+join_selected_values+'&status='+type,
         success: function (data) {
             
             if (data.success == true) {
                 $('#success_file_popup').append( messages('alert-success', data.msg));
                 setTimeout(function() {
                     $('#success_file_popup').empty();
                 }, 5000);
                 
                 
                 $(document).find('#default_confirm').modal('hide');
                 var tabe = $('#label').DataTable();
                 $(document).find('#action').prop('selectedIndex',0);
                 tabe.ajax.reload(null, false);
                 $("#checkAll").prop('checked', false);

             } else {
                 $('#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