@extends('admin.layouts.app')

@section('title', 'Department Designations')

@section('content')
                <!-- TOPBAR -->
                <div class="top_bar page-content" style="min-height:534px">
                    <!-- LOADER -->
                    <div class="loader">
                        <div class="top_status_bar load">
                            <div class="progress_bar bar" style="left: 0px;">
                            </div>
                        </div>
                    </div>
                    <!-- END LOADER -->
                    <!-- BREADCRUMBS -->
                    <div class="breadcrumbs">
                        <ul>
                            <li><a href="{{ route('admin.dashboard') }}">Home</a></li>
                            <li><a href="{{ route('admin.settings.index') }}" class="">Settings</a></li>
                            <li><a href="#" class="breadcrumb_link" onclick="return false">Department &amp; Designations</a></li>
                        </ul>
                        <button class="btn btn-large pull-right help theme_btn help_btn">?</button>
                    </div>
                    <!-- END BREADCRUMBS -->
                </div>
                <!-- END TOPBAR -->
                <!-- PAGE CONTENT -->
                <div class="page-content">
                    <div class="row">
                        <div class="col-md-12">
                            <!-- Begin: life time stats -->
                            <div class="portlet setting_landing">
                                <!-- MAIN CAPTION START -->
                                <div class="portlet-title">
                                    <div class="caption">
                                        <h2>
                                            Department &amp; Designations
                                            <span>Setup the departments and designations for your employees</span>
                                        </h2>
                                    </div>
                                </div>
                                <!-- MAIN CAPTION END -->
                                <hr>
                                <!-- MAIN CONTENT START -->
                                <div class="portlet-body">
                                    <div class="settings">
                                        <div class="settings_inner_row">
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="col-md-4">
                                                        <span class="main_title">Department &amp; Designations</span>
                                                    </div>
                                                </div>
                                                <div class="col-md-12">
                                                    <div class="col-md-4">
                                                        <span class="sub_heading">What are the departments in your business?</span>
                                                        <span class="sub_heading">Setup department and employee designation for your business in SaleSoft CRM.</span>
                                                    </div>
                                                    <div class="col-md-1"></div>
                                                    <div class="col-md-6">
                                                        <form class="form-horizontal form-row-seperated" action="" method="post" enctype="multipart/form-data" id="decimal_rounding">
                                                            <input type="hidden" name="_token" value="">                                                    <!--ADD DEPARTMENT-->
                                                            <div class="row">
                                                                <div class="col-md-12 pl_pr_0">
                                                                    <input type="text" name="" class="write_dept form-control" placeholder="write department names seperated by comma to add multiple and press enter">
                                                                    <div class="row dept_tags_wrap">
                                                                        <div class="col-md-11 tags_all"></div>
                                                                        <div class="col-md-1">
                                                                            <div class="add_btn_general  pull-right" style="display: none;">
                                                                                <i class="fa fa-plus add_dept"></i>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <!--ADD DEPARTMENT-->
                                                            <div class="row each_row">
                                                                <div class="portlet-body">
                                                                    <div class="products box">
                                                                        <div class="header_tbl">
                                                                            <div class="row">
                                                                                <div class="col-md-12">
                                                                                    <div class="col-md-4 row_header">Departments</div>
                                                                                    <div class="col-md-3 row_header">Designations</div>
                                                                                    <div class="col-md-3 row_header b4_del_header">&nbsp;Add Designations</div>
                                                                                    <div class="del_header"></div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div class="row_wrap">
                                                                                @foreach($data['departments'] as $department)
                                                                                
                                                                                @if($department->designations->count() > 0)
                                                                                <div class="row_inner_wrap">
                                                                                    <div class="row">
                                                                                        <div class="col-md-12">
                                                                                            <div class="col-md-4 inner_row">
                                                                                                <input type="text" id="{{$department->department_uuid}}" name="department" value="{{$department->title}}" class="department_edit form-control" readonly>
                                                                                                <i class="fa fa-check edit_dept"  data-uuid="{{$department->department_uuid}}" data-type="department"></i>

                                                                                            </div>
                                                                                    
                                                                                            <div class="col-md-3 inner_row">
                                                                                                <select class="select2 select_designation" name="">

                                                                                                    <option value=""></option>
                                                                                                    @php($designations = DB::table('designations')->select('designation_uuid', 'title')->where('department_uuid', $department->department_uuid)->whereNull('deleted_at')->get())
                                                                                                        @foreach($designations as   $designation)
                                                                                                        <option value="{{$designation->designation_uuid}}">{{$designation->title}}
                                                                                                        </option>
                                                                                                        @endforeach
                                                                                                </select>
                                                                                            </div>
                                                                                        
                                                                                            <div class="col-md-3 inner_row b4_del_header">
                                                                                                <input type="text" name="" placeholder="Enter designations seperated by comma" class="form-control write_designation">
                                                                                                <div class="add_des_edit">
                                                                                                    <div class="update_icon">
                                                                                                        <i class="fa fa-check add_edit_dept " data-uuid="{{$department->department_uuid}}" data-type="department"></i>
                                                                                                    </div>
                                                                                                    <div class="del_icon">
                                                                                                        <i class="fa fa-trash-o del_designation" aria-hidden="true" data-uuid="{{$department->department_uuid}}"></i>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>

                                                                                            <div class="del_icon">
                                                                                                <i class="fa fa-trash-o del del_department" aria-hidden="true" style="visibility: visible"  data-uuid="{{$department->department_uuid}}"></i>
                                                                                            </div>

                                                                                            <div class="add_icon" style="display: none;"><i class="fa fa-plus add_row add_row_department" data-uuid="{{$department->department_uuid}}"></i>
                                                                                            </div>
                                                                                            <div class="edit_icon" style="display: none;">
                                                                                                <i class="fa fa-check edit_row edit_row_department" data-uuid="{{$department->department_uuid}}" ></i>
                                                                                            </div>

                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                                @endif
                                                                                @endforeach
                                                                            
                                                                                <div class="row_inner_wrap">
                                                                                    <div class="row">
                                                                                        <div class="col-md-12">
                                                                                            <div class="col-md-4 inner_row">
                                                                                                <select class="select2 select_department select2-hidden-accessible validate" name="" tabindex="-1" aria-hidden="true">
                                                                                                    <option value=""></option>
                                                                                                    @foreach($data['departments_datas'] as $department)
                                                                                                    <option value="{{ $department->department_uuid }}">{{ $department->title }}</option>
                                                                                                    @endforeach
                                                                                                </select>
                                                                                            </div>
                                                                                        <div class="col-md-3 inner_row">
                                                                                            <select class="select2 select_designation select2-hidden-accessible" name="" tabindex="-1" aria-hidden="true">
                                                                                                <option value=""></option>
                                                                                            </select>
                                                                                        </div>
                                                                                        <div class="col-md-3 inner_row b4_del_header">
                                                                                            <input id="test" type="text" name="" placeholder="Enter designations seperated by comma" class="form-control write_designation">
                                                                                        </div>

                                                                                        <div class="del_icon">
                                                                                            <i class="fa fa-trash-o del del_department" aria-hidden="true" style="display: none;" data-uuid=""></i>
                                                                                        </div>

                                                                                        <div class="add_icon" style="visibility: visible">
                                                                                            <i class="fa fa-plus add_row add_row_department" data-uuid=""></i>
                                                                                        </div>
                                                                                        <div class="edit_icon" style="display: none;">
                                                                                            <i class="fa fa-check edit_row edit_row_department" data-uuid=""></i>
                                                                                        </div>

                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <!-- END LIST OF PRODUCTS -->
                                                                </div>
                                                            </div>

                                                            <div class="row">
                                                                <div class="col-md-12 pl_pr_0">
                                                                    <a href="{{ route('admin.settings.index') }}" class="btn theme_btn_round cancel_page float_btn">Cancel</a>
                                                                </div>
                                                            </div>
                                                        </form>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        
                                        
                                    </div>
                                </div>
                                <!-- MAIN CONTENT END -->

                            </div>
                            <!-- End: life time stats -->
                        </div>
                    </div>
                </div>
                <!-- END PAGE CONTENT -->
                 <!-- //SWEET_ALERT START// -->
<div id="sweetalert_wrap" class="sweet_alert_wrap">
    <!-- Sweet alert -->
    <div class="sweet-alert showSweetAlert" data-custom-class="" data-has-cancel-button="true" data-has-confirm-button="true" data-allow-outside-click="false" data-has-done-function="true" data-animation="pop" data-timer="null" >
        <div class="sa-icon sa-warning pulseWarning" style="display: block;">
            <span class="sa-body pulseWarningIns"></span>
            <span class="sa-dot pulseWarningIns"></span>
        </div>
        <h2>Are You Sure?</h2>
        <p>it will delete this department and its designation straight away.</p>
        <div class="sa-button-container">
            <button class="cancel" tabindex="2">Cancel</button>
            <div class="sa-confirm-button-container">
                <button class="confirm" tabindex="1">Confirm</button>
            </div>
        </div>
    </div>
</div>
<div id="sweetalert_designation" class="sweet_alert_wrap">
    <!-- Sweet alert -->
    <div class="sweet-alert showSweetAlert" data-custom-class="" data-has-cancel-button="true" data-has-confirm-button="true" data-allow-outside-click="false" data-has-done-function="true" data-animation="pop" data-timer="null" >
        <div class="sa-icon sa-warning pulseWarning" style="display: block;">
            <span class="sa-body pulseWarningIns"></span>
            <span class="sa-dot pulseWarningIns"></span>
        </div>
        <h2>Are You Sure?</h2>
        <p>it will delete designation straight away.</p>
        <div class="sa-button-container">
            <button class="cancel" tabindex="2">Cancel</button>
            <div class="sa-confirm-button-container">
                <button class="confirm" tabindex="1">Confirm</button>
            </div>
        </div>
    </div>
</div>
<div id="sweetalert_department" class="sweet_alert_wrap">
    <!-- Sweet alert -->
    <div class="sweet-alert showSweetAlert" data-custom-class="" data-has-cancel-button="true" data-has-confirm-button="true" data-allow-outside-click="false" data-has-done-function="true" data-animation="pop" data-timer="null" >
        <div class="sa-icon sa-warning pulseWarning" style="display: block;">
            <span class="sa-body pulseWarningIns"></span>
            <span class="sa-dot pulseWarningIns"></span>
        </div>
        <h2>Departments Already Exist.</h2>
        
        <div class="sa-button-container">
            <button class="cancel" tabindex="2">Cancel</button>
            <div class="sa-confirm-button-container">
                <button class="confirm" tabindex="1">Confirm</button>
            </div>
        </div>
    </div>
</div>

@stop
@section('styles')
<link rel="stylesheet" type="text/css" href="{{ asset('css/settings.css') }}" />
<style rel="stylesheet">
    .b4_del_header {width: 37.33% !important;}
    .b4_del_header .del_icon {background: no-repeat;border: none;right: 10px;}
    .b4_del_header .edit_dept, .b4_del_header .del_icon {visibility: hidden;}

    .b4_del_header .add_edit_dept {
        visibility: hidden;
    }
    .add_edit_dept {
        position: absolute;
        top: 14px;
        right: 14px;
        color: #63C647;
        cursor: pointer;
        z-index: 2;
        visibility: hidden;
    }
       
</style>
@stop
@section('admin_js')
<script type="text/javascript">
    
      //Department name entering
    $(".write_dept").on('keyup', function (e) {
        var input_val = $(this).val();
        if (input_val != '') {
            if (e.keyCode == 13) {
                var exploded_dept = input_val.split(',');
                var string_exist = '';
                $.each(exploded_dept, function (i, v) {
                    //Check if exist
                    var flag = 0;
                    $('.select_department option').each(function () {
                        if ((this.text).toLowerCase() == $.trim(v).toLowerCase()) {
                            flag = 1;
                            string_exist += v + ',';
                            return false;
                        }
                    });
                    $('.row_wrap .department_edit').each(function () {
                        // alert();
                        if (($(this).val()).toLowerCase() == $.trim(v).toLowerCase()) {
                            flag = 1;
                            string_exist += v + ',';
                            return false;
                        }
                    });
                    //Check if department exist
                    if (flag > 0) {
                        //Do nothing
                    } else {
                        $('.tags_all').append('<span class="dept_tags" >' + v + ' <span class="remove_dept">×</span></span>');
                        $('.write_dept').val('');
                    }
                });
                if (string_exist != '') {
                    var lastChar = string_exist.slice(-1);
                    if (lastChar == ',') {
                        string_exist = string_exist.slice(0, -1);
                    }
                    var lastChar = string_exist.slice(-1);
                    if (lastChar == ',') {
                        string_exist = string_exist.slice(0, -1);
                    }
                    //alert('Departments Already Exist.( ' + string_exist + ' )');
                    $('#sweetalert_department').show();
                    $(document).on('click', '.cancel', function () {
                        $('#sweetalert_department').hide();
                    });
                    $(document).on('click', '.confirm', function () {
                        $('#sweetalert_department').hide();
                    });
                    //alertbox('danger', 'Departments Already Exist.');
                    $('.write_dept').val(string_exist).focus();
                }
                if ($('.dept_tags').length > 0) {
                    $('.add_btn_general').show();
                } else {
                    $('.add_btn_general').hide();
                }
                return false;
            }
        }
    });

    //Remove department while entering the names
    $('body').on('click', '.remove_dept', function () {
        $(this).parent().remove();
        if ($('.dept_tags').length == 0) {
            $('.add_btn_general').hide();
        }
    });

    //Add departments script
    $('.add_btn_general').click(function () {
        var values = '';
        $('.dept_tags').each(function () {
            $(this).find('.remove_dept').remove();
            values = values + ',' + $(this).text();

            $('.dept_tags').remove();
            $('.add_btn_general').hide();
            $('.write_dept').val('');
        });
        
            var formData = new FormData();
            
            formData.append('values', values);
            // $('#busyloading').show();
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('input[name="_token"]').val()
                }
            });
            var url = "{{route('admin.settings.department-designation.store')}}";
            $.ajax({
                type: 'POST',
                url: url,
                data: formData,
                contentType: false,
                processData: false,
                success: function (response) {
                    $('#busyloading').hide();
                     if(response.status == 1000){
                        alertbox('success',response.success);
                        location.reload();
                    
             }
                   
                }
            });
        
    });

    //Adding department designation by selecting department from dropdown
    $('body').on('change', '.select_department', function () {
        var target = $(this).parent().parent().parent();
        target.find('.del').attr('data-uuid', $(this).val());
        target.find('.add_row').attr('data-uuid', $(this).val());
        target.find('.edit_row').attr('data-uuid', $(this).val());
    });

    //Adding the designation of a department.
    $('body').on('click', '.add_row_department', function () {
     
        var target = $(this).parent().parent();
        var values = target.find('.write_designation').val();
        var department = $(this).attr('data-uuid');
        var flag = 0;
        $(target.find('.select_designation option')).each(function () {
            if ((this.text).toLowerCase().includes($.trim(values).toLowerCase())) {
                values.replace(this.text, '');
                flag = 1;
                // swal({
                //     title: 'Designation Already Exist.',
                //     text: this.text,
                //     type: "warning",
                //     showCancelButton: true,
                //     confirmButtonColor: "#d15454",
                //     /*confirmButtonText: "Confirm",*/
                //     /*cancelButtonText: "Cancel",*/
                //     closeOnConfirm: true,
                //     closeOnCancel: true
                // });
            }
            });
            if (values == '' || department == '' || flag == 1) {
            alertbox('danger','All mandatory fields are required');
            $('#decimal_rounding *').filter(':input, textarea, select').each(function () {
                if ($(this).hasClass('validate')) {
                    $(this).parent().find('.select2-container .select2-selection').addClass('error_custom');
            }
            });
            
            target.find('.write_designation').addClass('error_custom');
            target.find('.del_icon').hide();
            target.find('.add_icon').show();
            return false;
        } else {
            target.find('.write_designation').removeClass('error_custom');
        var clone = $(this).parent().parent().parent().parent().clone();

             var formData = new FormData();
            
            formData.append('values', values);
            formData.append('department', department);
            // $('#busyloading').show();
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('input[name="_token"]').val()
                }
            });
            var url = "{{route('admin.settings.designation.store')}}";
            $.ajax({
                type: 'POST',
                url: url,
                data: formData,
                contentType: false,
                processData: false,
                success: function (response) {
                 
                    if (target.find('.select_designation option').length == 1) {
                            /*New row*/
                            clone.find(".select_department option[value='" + department + "']").remove();
                            clone.find('.select_department').removeClass('select2');
                            clone.find('.select_designation').removeClass('select2');
                            clone.find("span.select2").remove();

                            clone.find(".select_department").select2({
                                'placeholder': '--Select--'
                            });
                            clone.find(".select_designation").select2({
                                'placeholder': '--Select--'
                            });
                            clone.find('select').val(0);
                            clone.find('input').val('');

                            clone.find('.del').css('visibility', 'hidden');
                            clone.find('.add_icon').show();
                            

                            $('.row_wrap').append(clone);
                            /*End new row*/
                        }
                    var uuid = target.find('.select_department').val();
                        var name = target.find('.select_department option:selected').text();
                        target.find('.select_department').parent().html('<input id="' + uuid + '" name="department" value="' + name + '" class="department_edit form-control" readonly="" type="text"><i class="fa fa-check edit_dept" data-uuid="' + uuid + '" data-type="department"></i>');
                        //$(".select_department option[value='"+uuid+"']").remove();
                        target.find('.del').show();
                        target.find('.write_designation').val('');
                         target.find('.write_designation').removeClass('error_custom'); 
                        
                        /*FOR SHOWING BACK TO DESIGNATION DROP DOWN*/
                        $.each(response, function (i, v) {
                            target.find('.select_designation').append('<option value="' + v['uuid'] + '">' + v['title'] + '</option>');
                            target.find('.write_designation').after('<div class="add_des_edit"><div class="update_icon"><i class="fa fa-check add_edit_dept " data-uuid="' + v['uuid'] + '" data-type="department"></i></div><div class="del_icon"><i class="fa fa-trash-o del_designation" aria-hidden="true" data-uuid="' + v['uuid'] + '"></i></div></div>');

                        });

                        
                        target.find('.update_designation').remove();
                        target.find('.del_icon').show();
                        target.find('.del').css('visibility', 'visible');
                        target.find('.add_icon').hide();
                        alertbox('success','New designation added successfully.');
                          
                   
                }
            });
           
        }
    
    });

   //On click to department input field to make it edit able
    $('body').on('click', '.department_edit', function () {
        var attr = $(this).attr('readonly');
        if (typeof attr !== typeof undefined && attr !== false) {
            $(this).removeAttr('readonly').focus();
            $(this).parent().find('.edit_dept').css('visibility', 'visible');
        }
    });

    // //Update the department name
    $('body').on('click', '.edit_dept', function () {
        
        var uuid = $(this).attr('data-uuid');
        var value = $('#' + uuid).val();
        if (value == '') {
            alertbox('danger','There are errors on page.');
            $('#' + uuid).addClass('error_custom');
            return false;
        } else {
            $('#busyloading').show();
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('input[name="_token"]').val()
                }
            });
            
            var url = "{{route('admin.settings.department.update')}}";
            var formData = new FormData();
            formData.append('value', value);
            formData.append('department', uuid);
            $.ajax({
                type: 'POST',
                url: url,
                data: formData,
                contentType: false,
                processData: false,
                success: function (response) {
                    
                    if (response['status'] == 1000) {
                        $('.edit_dept').css('visibility', 'hidden');
                        $('.edit_dept').parent().find('.department_edit').attr('readonly', 'readonly');
                        //success_msg('Information updated successfully.');
                        $('#' + uuid).removeClass('error_custom');
                        alertbox('success','Information updated successfully.');
                        $('#busyloading').hide();
                        return false;
                    }else if (response['status'] == 3000) {
                        alertbox('warning',response.message);
                        $('#busyloading').hide();
                        return false;

                    }
                    
                  
                }
            });
        }
    });

     //Add Designation
    var update = 0;
    $('body').on('keyup', '.write_designation', function () {
      
        var target = $(this).parent().parent();
        target.find('.del_icon').hide();
        target.find('.add_icon').show();
        target.find('.add_row ').css('visibility', 'visible');
        if (update == 1) {
           
            target.find('.add_icon').hide();
            target.find('.add_row ').css('visibility', 'hidden');
        }
        if (update == 3) {
           
            target.find('.add_row ').css('visibility', 'visible');
        }
        if ($(this).val() == '') {
          
            target.find('.del_icon').show();
            target.find('.add_icon').hide();
            target.find('.add_row ').css('visibility', 'hidden');
        }
        

    });

     //Designation change function to update the title
    $('body').on('change', '.select_designation', function () {

      
        update = 1;
        var text = $('option:selected', this).text();
        var selected_designation_val = $(this).val();
        text = $.trim(text);
        var target = $(this).parent().parent();
        target.find('.write_designation').val(text);
        target.find('.add_edit_dept').css('visibility', 'visible');
        target.find('.add_des_edit .del_icon').css('visibility', 'visible');
         // target.find('.del').css('visibility', 'hidden');
         // target.find('.add_row').css('visibility', 'hidden');
         // target.find('.edit_icon').show();
         // target.find('.add_icon').hide();
        target.find('.update_designation').remove();
        target.append('<input type="hidden" value="' + selected_designation_val + '" class="update_designation">');

    });

     var target;
        $('body').on('click', '.del_department', function () {
       
            target = $(this).parent().parent().parent();
            var uuid = $(this).attr('data-uuid');
            $('#sweetalert_wrap').show();
            $('.confirm').addClass('department_del');
            $(".confirm").attr("department",uuid);
        });
        $(document).on('click', '.cancel', function () {
            $(".confirm").removeAttr("department");
            $('#sweetalert_wrap').hide();
            return false;
        });
        $(document).on('click', '.department_del', function () {
            var uuid = $(this).attr("department");
            target = target;
        $.ajax({
                            
                            method: 'DELETE',
                            url: "{{ url('/admin/settings/department-designation/') }}/"+uuid,
                            headers: {'X-CSRF-TOKEN': '{{ csrf_token() }}'},
                            
                            success: function (response) {
                                if (response['status'] == 1000) {
                                target.remove();
                                alertbox('success',response['message']);
                                $('#busyloading').hide();
                            }else if(response['status'] == 3000) {
                                alertbox('warning',response['message']);
                                $('#busyloading').hide();
                                return false;
                            }
                            }
        });
        $('#sweetalert_wrap').hide();
      });

     

    $('body').on('click', '.add_edit_dept', function () {
        var target = $(this).parent().parent().parent().parent();
        var uuid = target.find('.update_designation').val();
        var value = target.find('.write_designation').val();
     
        var department = $(this).attr('data-uuid');
        if (value == '' || department == '') {
            alertbox('danger','There are errors on page.');
            target.find('.write_designation').addClass('error_custom');
            return false;
        } else {
             $('#busyloading').show();
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('input[name="_token"]').val()
                }
            });
            
            var url = "{{route('admin.settings.designation.update')}}";
            var formData = new FormData();
            formData.append('value', value);
            formData.append('department', department);
            formData.append('uuid', uuid);
            $.ajax({
                type: 'POST',
                url: url,
                data: formData,
                contentType: false,
                processData: false,
                success: function (response) {
                    
                    
                        target.find('.write_designation').val('');
                        target.find('.del').css('visibility', 'visible');
                        target.find('.add_icon').hide();
                        target.find('.del_icon').show();
                        target.find(".select_designation option[value='" + uuid + "']").text(value);
                        target.find(".select_designation").val('').prop('selected', true);
                        target.find('.add_edit_dept').css('visibility', 'hidden');
                        target.find('.add_des_edit .del_icon').css('visibility', 'hidden');
                        target.find(".select_designation").select2({
                            'placeholder': '--Select--'
                        });
                        alertbox('success','Information updated successfully.');
                        target.find('.write_designation').removeClass('error_custom');
                        update = 0;
                        $('#busyloading').hide();
                    
                  
                }
            });
            
        }

    });


    $('body').on('click', '.add_des_edit .del_icon', function () {
        var target = $(this).parent().parent().parent().parent();
        var uuid = target.find('.update_designation').val();
        $('#sweetalert_designation').show();
        $(document).on('click', '.cancel', function () {
            $('#sweetalert_designation').hide();
        });
        $(document).on('click', '.confirm', function () {
         $.ajax({
                            
                            method: 'DELETE',
                            url: "{{ url('/admin/settings/designation/') }}/"+uuid,
                            headers: {'X-CSRF-TOKEN': '{{ csrf_token() }}'},
                            
                            success: function (response) {
                                location.reload();
                            }
        });
           $('#sweetalert_designation').hide();
      });

        
    });
    $('body').on('keyup', '#test', function () {
        update = 3;
    });
</script>
@stop