@extends('admin.layouts.app')

@section('title', 'Account Categories')

@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">Account categories</a></li>
            </ul>
            <button class="btn btn-large pull-right help theme_btn help_btn">?</button>
        </div>
        <!-- END BREADCRUMBS -->
    </div>
    <!-- END TOPBAR -->

<div class="page-content">
    <div class="row">
        <div class="col-md-12">

            {{--SETIINGS WRAP--}}
            <div class="portlet setting_landing">
                <div class="portlet-title" style="border-bottom: 0">
                    <div class="caption">
                        <h2>
                            Account Categories
                            <span>Setup categories for your suppliers and customers.</span>
                        </h2>
                    </div>

                    <div class="actions btn-set" style="background: #fff;  position: fixed;right: 17px;z-index: 1;">
                    </div>
                </div>

                <hr>

                <div class="portlet-body">

                    <div class="settings">

                        {{--CUSTOMER START CATEGORY--}}
                        <div class="row">
                            <div class="col-md-12">
                                <div class="col-md-4">
                                    <span class="main_title">Account Categories</span>
                                </div>
                            </div>
                        </div>

                        <div class="row each_row">
                            <div class="col-md-12">

                                <div class="col-md-4">
                                    <span class="sub_heading">How you classify your customer accounts?</span>
                                    <span class="sub_heading">Define account categories here for managing your customer
                                        with the proper privileges.</span>
                                </div>

                                <div class="col-md-1"></div>

                                <div class="col-md-6">
                                    <div class="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-6 row_header">
                                                                Category
                                                            </div>
                                                            <div class="col-md-5 row_header b4_del_header">
                                                                Description
                                                            </div>

                                                            <div class="del_header"></div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="row_wrap">
                                                    <form id="account_category"
                                                        action="{{ route('admin.settings.account-categories.store') }}">
                                                        @if($data['accountcategory'] != '')

                                                        @foreach ($data['accountcategory'] as $key => $acccat )

                                                        <div class="row_inner_wrap">
                                                            <div class="row">
                                                                <div class="col-md-12">

                                                                    <div class="col-md-6 inner_row">
                                                                        <input type="text" name="" placeholder=""
                                                                            value="{{ $acccat['title']}}"
                                                                            class="form-control account account_read" readonly>
                                                                        <i
                                                                            class="fa fa-check edit_category edit_field "></i>
                                                                    </div>

                                                                    <div class="col-md-5 inner_row b4_del_header desc_read" tabindex="-1">
                                                                        <input type="text" name="" placeholder=""
                                                                            value="{{ $acccat['description']}}"
                                                                            class="form-control desc_category" readonly>
                                                                        <i  data-uuid="{{ $acccat['account_category_uuid'] }}" 
                                                                        class="fa fa-check edit_desc edit_field "></i>
                                                                    </div>

                                                                    <div class="del_icon">
                                                                        <i class="fa fa-trash-o del " aria-hidden="true"
                                                                            data-uuid="{{ $acccat['account_category_uuid'] }}"
                                                                            style="visibility: visible"></i>
                                                                    </div>

                                                                    <div class="add_icon" style="display: none;">
                                                                        <i class="fa fa-plus add_row acc_cat"></i>
                                                                    </div>

                                                                    <div class="edit_icon" style="display: none;">
                                                                        <i class="fa fa-check edit_row"
                                                                            data-uuid="{{ $acccat['account_category_uuid'] }}"></i>
                                                                    </div>

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

                                                        @endforeach
                                                        @endif

                                                        <div class="row_inner_wrap">
                                                            <div class="row">
                                                                <div class="col-md-12">
                                                                    <div class="col-md-6 inner_row">
                                                                        <input type="text" name="" placeholder=""
                                                                            value="" class="form-control account">
                                                                        <i
                                                                            class="fa fa-check edit_category edit_field"></i>
                                                                    </div>

                                                                    <div class="col-md-5 inner_row b4_del_header">
                                                                        <input type="text" name="" placeholder=""
                                                                            value="" class="form-control desc_category">
                                                                        <i class="fa fa-check edit_desc edit_field"></i>
                                                                    </div>

                                                                    <div class="del_icon">
                                                                        <i class="fa fa-trash-o del" aria-hidden="true"
                                                                            style=""></i>
                                                                    </div>

                                                                    <div class="add_icon" style="">
                                                                        <i class="fa fa-plus add_row acc_cat"></i>
                                                                    </div>

                                                                    <div class="edit_icon" style="display: none;">
                                                                        <i class="fa fa-check edit_row"></i>
                                                                    </div>

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

                                                </div>
                                            </div>

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

                        </div>
                        {{--CUSTOMER END CATEGORY--}}

                        {{--SUPPLIER START CATEGORY--}}
                        <div class="row">
                            <div class="col-md-12">
                                <div class="col-md-4">
                                    <span class="main_title">Vendor Categories</span>
                                </div>
                            </div>
                        </div>

                        <div class="row each_row">
                            <div class="col-md-12">

                                <div class="col-md-4">
                                    <span class="sub_heading">How you classify your vendors?</span>
                                    <span class="sub_heading">Changes will be reflected across all linked
                                        applications.</span>
                                </div>

                                <div class="col-md-1"></div>

                                <div class="col-md-6">
                                    <div class="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-6 row_header">
                                                                Category
                                                            </div>
                                                            <div class="col-md-5 row_header b4_del_header">
                                                                Description
                                                            </div>

                                                            <div class="del_header"></div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="row_wrap" >
                                                    <form id="vendor_category" action="{{ route('admin.settings.vendor-categories.store') }}">

                                                        @if($data['vendorcategory'] != '')
                                                        @foreach ($data['vendorcategory'] as $key => $vencat  )
                                                                                                              
                                                        <div class="row_inner_wrap">
                                                        <div class="row">
                                                            <div class="col-md-12">
                                                             <div class="col-md-6 inner_row">
                                                                    <input type="text" name=""
                                                                           placeholder=""
                                                                           value="{{ $vencat['title'] }}"
                                                                           class="form-control vendor"
                                                                           readonly>
                                                                    <i class="fa fa-check edit_category edit_field"></i>
                                                                </div>

                                                                <div class="col-md-5 inner_row b4_del_header">
                                                                    <input type="text" name=""
                                                                           placeholder=""
                                                                           value="{{ $vencat['description'] }}"
                                                                           class="form-control desc_vendor"
                                                                           readonly>
                                                                    <i data-uuid="{{ $vencat['vendor_category_uuid'] }}" 
                                                                    class="fa fa-check edit_desc edit_field"></i>
                                                                </div>

                                                                <div class="del_icon">
                                                                    <i class="fa fa-trash-o del"
                                                                       aria-hidden="true"
                                                                       data-uuid="{{ $vencat['vendor_category_uuid'] }}"
                                                                       style="visibility: visible"></i>
                                                                </div>

                                                                <div class="add_icon"
                                                                     style="display: none;">
                                                                    <i class="fa fa-plus add_row acc_cat"
                                                                    data-uuid="{{ $vencat['vendor_category_uuid'] }}"></i>
                                                                </div>

                                                                <div class="edit_icon"
                                                                     style="display: none;">
                                                                    <i class="fa fa-check edit_row"
                                                                    data-uuid="{{ $vencat['vendor_category_uuid'] }}"></i>
                                                                </div>

                                                            </div>
                                                        </div>
                                                    </div>
                                                    @endforeach
                                                    @endif
                                                        <div class="row_inner_wrap">
                                                            <div class="row">
                                                                <div class="col-md-12">
                                                                    <div class="col-md-6 inner_row">
                                                                        <input type="text" name="" placeholder=""
                                                                            value="" class="form-control vendor">
                                                                        <i
                                                                            class="fa fa-check edit_category edit_field "></i>
                                                                    </div>

                                                                    <div class="col-md-5 inner_row b4_del_header">
                                                                        <input type="text" name="" placeholder=""
                                                                            value="" class="form-control desc_vendor">
                                                                        <i
                                                                            class="fa fa-check edit_desc edit_field "></i>
                                                                    </div>

                                                                    <div class="del_icon">
                                                                        <i class="fa fa-trash-o del" aria-hidden="true"
                                                                            style=""></i>
                                                                    </div>

                                                                    <div class="add_icon" style="">
                                                                        <i class="fa fa-plus add_row"></i>
                                                                    </div>

                                                                    <div class="edit_icon" style="display: none;">
                                                                        <i class="fa fa-check edit_row"></i>
                                                                    </div>

                                                                </div>
                                                            </div>
                                                        </div>
                                                    </form>
                                                </div>
                                                <!--SUPPLIER CATEGORY-->

                                            </div>
                                        </div>

                                    </div>
                                </div>

                            </div>
                        </div>
                        {{--SUPPLIER END CATEGORY--}}

                        {{--ACTION ROW--}}

                    </div>

                </div>
            </div>
            {{--SETIINGS WRAP--}}
            <!-- //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>Your recently changed data in this model will be lost.</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>
            <!-- //SWEET_ALERT END// -->
        </div>
    </div>

</div>
@stop
@section('styles')
<link rel=" stylesheet" type="text/css" href="{{ asset('css/settings.css') }}" />
@stop


@section('admin_js')
<script src="{{ asset('js/sweetalert.js') }}"></script>
<script type="text/javascript">
    $(document).on('click', '#account_category .acc_cat', function (e) {
        $('#busyloading').show();

        var parent_target = $(this).parent().parent().parent().parent();
        var button_parent = $(this).parent();

        /*VALIDATE AND ADD NEW ROW SCRIPT*/
        var category = parent_target.find('.account').val();
        var description = parent_target.find('.desc_category').val();
        var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');
        var action = $('#account_category').attr('action');
        

        var flag = 0;
        if (category == '') {
            parent_target.find('.account').addClass('error_custom');

            flag = 1;
        } else {
            parent_target.find('.account').removeClass('error_custom');
        }

        if (flag == 1) {

            alertbox('danger', 'There are errors on page');
            $('#busyloading').hide();
            return false;

        } else {
            e.preventDefault();
            formData = new FormData();
            formData.append('category', category);
            formData.append('description', description);
            formData.append('_token', CSRF_TOKEN);
            $.ajax({
                type: 'POST',
                url: action,
                data: formData,
                contentType: false,
                processData: false,
                success: function (response) {
                    console.log(response);

                    if (response.status ==
                        "{{ config('globalConstants.response_status.success_response') }}"
                    ) {
                        $(this).parent().hide();
                        parent_target.find('.del').css('visibility', 'visible');
                        if (parent_target.is(':last-child')) {
                            var clone = parent_target.clone();
                            clone.find('input').val('');
                            clone.find('.del_icon').hide();
                            clone.find('.add_icon').show();
                            clone.find('input').removeAttr('readonly');
                            parent_target.parent().append(clone);
                            parent_target.find('input').attr('readonly',
                                'readonly');
                        }
                        button_parent.css('visibility', 'hidden');
                        parent_target.find('.del_icon').show();

                        parent_target.find('.del').attr('data-uuid',
                            response.data.account_category_uuid);
                        parent_target.find('.add_row').attr('data-uuid',
                            response.data.account_category_uuid);
                        parent_target.find('.edit_row').attr('data-uuid',
                            response.data.account_category_uuid);
                        parent_target.find('.edit_field').attr('data-uuid',
                            response.data.account_category_uuid);

                        alertbox('success', response.message);
                        $('#busyloading').hide();
                    } else if (response.status ==
                        "{{ config('globalConstants.response_status.warning_response') }}") {
                        alertbox('warning', response.message);
                        $('#busyloading').hide();

                    } else if (response.status ==
                        "{{ config('globalConstants.response_status.error_response') }}") {
                        alertbox('danger', response.errors);
                        $('#busyloading').hide();
                    }

                },
                error: function (response) {
                    console.log(response);
                    $('#busyloading').hide();
                    alertbox('danger', "Server error");
                }

            });
        }
    });
    

    $('body').on('click', '.account', function () {
        var parent_target = $(this).parent().parent();
        var before_input = $(this).parent().parent().parent().find('.account');
        var attr = $(this).attr('readonly');
        if (typeof attr !== typeof undefined && attr !== false) {
            $(this).removeAttr('readonly').focus();
            parent_target.find('.del_icon').hide();
            parent_target.find('.edit_icon').show();
        }
    });

    // $('.account_read').blur(function(){
      
        
    //     var parent_target = $(this).parent().parent();
    //     $(this).attr('readonly',true);
    //     parent_target.find('.del_icon').show();
    //         parent_target.find('.edit_icon').hide();
            
        
    // });
    // $('desc_read').blur(function(){
       
    //     $(this).find('.desc_category').attr('readonly',true);
       
    //         $(this).find('.edit_desc').css('visibility', 'none');
        
    // });

    $('body').on('click','.desc_category,.desc_vendor',function(){
       
        var attr = $(this).attr('readonly');
        if (typeof attr !== typeof undefined && attr !== false) {
            $(this).removeAttr('readonly').focus();
           
            $(this).parent().find('.edit_desc').css('visibility', 'visible');
        }
    });
    $(document).on('click', '#account_category .edit_desc', function (e) {
        e.preventDefault();
        $('#busyloading').show();
        var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');
        var parent_target = $(this).parent().parent();
       
        var description = parent_target.find('.desc_category').val();
        var account_uuid = $(this).attr('data-uuid');
        var flag = '0';
        var url = "{{ url('admin/settings/account-categories') }}/" + account_uuid;

            var formData = new FormData();
        
            formData.append('description', description);
            formData.append('_token', CSRF_TOKEN);
            formData.append('_method', "PUT");
            formData.append('type', 1);
            $.ajax({
                type: 'POST',
                url: url,
                data: formData,
                contentType: false,
                processData: false,
                success: function (response) {
                   
                    if (response.status ==
                        "{{ config('globalConstants.response_status.success_response') }}"
                    ) {
                        parent_target.find('.del').attr('data-uuid', response.data
                            .account_category_uuid);
                        parent_target.find('.add_row').attr('data-uuid', response.data
                            .account_category_uuid);
                        parent_target.find('.edit_row').attr('data-uuid', response.data
                            .account_category_uuid);
                        parent_target.find('.edit_icon').hide();
                        parent_target.find('.del_icon').show();
                        parent_target.find('.edit_desc').css('visibility', '');
                        parent_target.find('.desc_category').attr('readonly', 'readonly');

                        alertbox('success', response.message);
                        $('#busyloading').hide();
                    } else if (response.status ==
                        "{{ config('globalConstants.response_status.warning_response') }}"
                    ) {

                        parent_target.find('.edit_icon').hide();
                        parent_target.find('.del_icon').show();
                        parent_target.find('.account').attr('readonly', 'readonly');
                        parent_target.find('.desc_category').attr('readonly', 'readonly');
                        alertbox('warning', response.message);
                        $('#busyloading').hide();

                    } else if (response.status ==
                        "{{ config('globalConstants.response_status.error_response') }}"
                    ) {
                        alertbox('danger', response.errors.group_select);
                        $('#busyloading').hide();
                    }
                },
                error: function (response) {
                    $('#busyloading').hide();
                    alertbox('danger', "Server error");
                }

            });
        

    });


    $(document).on('click', '#account_category .edit_row', function (e) {
        e.preventDefault();
        $('#busyloading').show();
        var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');
        var parent_target = $(this).parent().parent();
        var account = parent_target.find('.account').val();
       
        var account_uuid = $(this).attr('data-uuid');
        var flag = '0';
        var url = "{{ url('admin/settings/account-categories') }}/" + account_uuid;

        if (account == '') {
            parent_target.find('.account').addClass('error_custom');

            flag = 1;
        } else {
            parent_target.find('.account').removeClass('error_custom');
        }

        if (flag == 1) {

            alertbox('danger', 'There are errors on page');
            $('#busyloading').hide();
            return false;

        } else {
            e.preventDefault();
            var formData = new FormData();
            formData.append('account', account);
            formData.append('type', 2);
            
            formData.append('_token', CSRF_TOKEN);
            formData.append('_method', "PUT");
            $.ajax({
                type: 'POST',
                url: url,
                data: formData,
                contentType: false,
                processData: false,
                success: function (response) {
                    

                    if (response.status ==
                        "{{ config('globalConstants.response_status.success_response') }}"
                    ) {
                        parent_target.find('.del').attr('data-uuid', response.data
                            .account_category_uuid);
                        parent_target.find('.add_row').attr('data-uuid', response.data
                            .account_category_uuid);
                        parent_target.find('.edit_row').attr('data-uuid', response.data
                            .account_category_uuid);
                        parent_target.find('.edit_icon').hide();
                        parent_target.find('.del_icon').show();
                        parent_target.find('.account').attr('readonly', 'readonly');

                        alertbox('success', response.message);
                        $('#busyloading').hide();
                    } else if (response.status ==
                        "{{ config('globalConstants.response_status.warning_response') }}"
                    ) {

                        parent_target.find('.edit_icon').show();
                        parent_target.find('.del_icon').hide();
                        
                        
                        alertbox('warning', response.message);
                        $('#busyloading').hide();

                    } else if (response.status ==
                        "{{ config('globalConstants.response_status.error_response') }}"
                    ) {
                        alertbox('danger', response.errors.group_select);
                        $('#busyloading').hide();
                    }
                },
                error: function (response) {
                    $('#busyloading').hide();
                    alertbox('danger', "Server error");
                }

            });
        }

    });


    // Account Category Delete
    var target;

    $(document).on('click', '#account_category .del', function () {
        $('#sweetalert_wrap').show();
       
        target = $(this).parent().parent().parent();
        var account_uuid = $(this).attr('data-uuid');
        $('.confirm').addClass('account-category');
        $(".confirm").attr("account_id",account_uuid);
       
    });
    $(document).on('click', '.cancel', function () {
        $(".confirm").removeAttr("account_id");
            $('#sweetalert_wrap').hide();
            return false;
        });
    $(document).on('click', '.account-category.confirm', function () {
        var account_uuid = $(this).attr("account_id");
        target = target;
        $.ajax({
            type: 'DELETE',
            url: "{{ url('admin/settings/account-categories') }}/" + account_uuid,
            headers: {
                'X-CSRF-TOKEN': '{{ csrf_token() }}'
            },
            success: function (response) {
                if (response.status ==
                    "{{ config('globalConstants.response_status.success_response') }}"
                ) {
                    target.remove();

                    alertbox('success', response.message);
                    $('#busyloading').hide();
                } else if (response.status ==
                    "{{ config('globalConstants.response_status.warning_response') }}"
                ) {
                    alertbox('warning', response.message);
                    $('#busyloading').hide();

                } else if (response.status ==
                    "{{ config('globalConstants.response_status.error_response') }}"
                ) {
                    alertbox('danger', response.errors
                        .group_select);
                    $('#busyloading').hide();
                }
            },
            error: function (response) {
                $('#busyloading').hide();
                alertbox('danger', "Server error");
            }


        });

        $('#sweetalert_wrap').hide();
    });

    //Vendor Jquery
    $(document).on('click', '#vendor_category .add_row', function (e) {
        $('#busyloading').show();

        var parent_target = $(this).parent().parent().parent().parent();
        var button_parent = $(this).parent();

        /*VALIDATE AND ADD NEW ROW SCRIPT*/
        var vendor = parent_target.find('.vendor').val();
        var description = parent_target.find('.desc_vendor').val();
        var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');
        var action = $('#vendor_category').attr('action');
        var flag = 0;
        if (vendor == '') {
            parent_target.find('.vendor').addClass('error_custom');

            flag = 1;
        } else {
            parent_target.find('.vendor').removeClass('error_custom');
        }

        if (flag == 1) {

            alertbox('danger', 'There are errors on page');
            $('#busyloading').hide();
            return false;

        } else {
            e.preventDefault();
            formData = new FormData();
            formData.append('vendor', vendor);
            formData.append('desc_vendor', description);
            formData.append('_token', CSRF_TOKEN);
            $.ajax({
                type: 'POST',
                url: action,
                data: formData,
                contentType: false,
                processData: false,
                success: function (response) {
                    console.log(response);

                    if (response.status ==
                        "{{ config('globalConstants.response_status.success_response') }}"
                    ) {
                        $(this).parent().hide();
                        parent_target.find('.del').css('visibility', 'visible');
                        if (parent_target.is(':last-child')) {
                            var clone = parent_target.clone();
                            clone.find('input').val('');
                            clone.find('.del_icon').hide();
                            clone.find('.add_icon').show();
                            clone.find('input').removeAttr('readonly');
                            parent_target.parent().append(clone);
                            parent_target.find('input').attr('readonly',
                                'readonly');
                        }
                        button_parent.css('visibility', 'hidden');
                        parent_target.find('.del_icon').show();

                        parent_target.find('.del').attr('data-uuid',
                            response.data.vendor_category_uuid);
                        parent_target.find('.add_row').attr('data-uuid',
                            response.data.vendor_category_uuid);
                        parent_target.find('.edit_row').attr('data-uuid',
                            response.data.vendor_category_uuid);
                        parent_target.find('.edit_field').attr('data-uuid',
                            response.data.vendor_category_uuid);

                        alertbox('success', response.message);
                        $('#busyloading').hide();
                    } else if (response.status ==
                        "{{ config('globalConstants.response_status.warning_response') }}") {
                        alertbox('warning', response.message);
                        $('#busyloading').hide();

                    } else if (response.status ==
                        "{{ config('globalConstants.response_status.error_response') }}") {
                        alertbox('danger', response.errors);
                        $('#busyloading').hide();
                    }

                },
                error: function (response) {
                    console.log(response);
                    $('#busyloading').hide();
                    alertbox('danger', "Server error");
                }

            });
        }
    });


    $('body').on('click', ' .vendor , .desc_vendor', function () {
        var parent_target = $(this).parent().parent();
        var before_input = $(this).parent().parent().parent().find('.account');
        var attr = $(this).attr('readonly');
        if (typeof attr !== typeof undefined && attr !== false) {
            $(this).removeAttr('readonly').focus();
            parent_target.find('.del_icon').hide();
            parent_target.find('.edit_icon').show();
        }
    });

    $(document).on('click', '#vendor_category .edit_desc', function (e) {
        $('#busyloading').show();
        var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');
        var parent_target = $(this).parent().parent();
        
        var description = parent_target.find('.desc_vendor').val();
        var account_uuid = $(this).attr('data-uuid');
        var flag = '0';
        var url = "{{ url('admin/settings/vendor-categories') }}/" + account_uuid;

            e.preventDefault();
            var formData = new FormData();
            formData.append('type', 1);
            formData.append('description', description);
            formData.append('_token', CSRF_TOKEN);
            formData.append('_method', "PUT");
            $.ajax({
                type: 'POST',
                url: url,
                data: formData,
                contentType: false,
                processData: false,
                success: function (response) {
                    console.log

                    if (response.status ==
                        "{{ config('globalConstants.response_status.success_response') }}"
                    ) {
                        parent_target.find('.del').attr('data-uuid', response.data
                            .vendor_category_uuid);
                        parent_target.find('.add_row').attr('data-uuid', response.data
                            .vendor_category_uuid);
                        parent_target.find('.edit_row').attr('data-uuid', response.data
                            .vendor_category_uuid);
                        parent_target.find('.edit_icon').hide();
                        parent_target.find('.del_icon').show();
                        parent_target.find('.edit_desc').css('visibility', '');
                        parent_target.find('.vendor').attr('readonly', 'readonly');
                        parent_target.find('.desc_vendor').attr('readonly', 'readonly');

                        alertbox('success', response.message);
                        $('#busyloading').hide();
                    } else if (response.status ==
                        "{{ config('globalConstants.response_status.warning_response') }}"
                    ) {

                        parent_target.find('.edit_icon').hide();
                        parent_target.find('.del_icon').show();
                        parent_target.find('.vendor').attr('readonly', 'readonly');
                        parent_target.find('.desc_vendor').attr('readonly', 'readonly');
                        alertbox('warning', response.message);
                        $('#busyloading').hide();

                    } else if (response.status ==
                        "{{ config('globalConstants.response_status.error_response') }}"
                    ) {
                        alertbox('danger', response.errors);
                        $('#busyloading').hide();
                    }
                },
                error: function (response) {
                    $('#busyloading').hide();
                    alertbox('danger', "Server error");
                }

            });
        

    });


    $(document).on('click', '#vendor_category .edit_row', function (e) {
        $('#busyloading').show();
        var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');
        var parent_target = $(this).parent().parent();
        var account = parent_target.find('.vendor').val();
        var account_uuid = $(this).attr('data-uuid');
        var flag = '0';
        var url = "{{ url('admin/settings/vendor-categories') }}/" + account_uuid;

        if (account == '') {
            parent_target.find('.vendor').addClass('error_custom');

            flag = 1;
        } else {
            parent_target.find('.vendor').removeClass('error_custom');
        }

        if (flag == 1) {

            alertbox('danger', 'There are errors on page');
            $('#busyloading').hide();
            return false;

        } else {
            e.preventDefault();
            var formData = new FormData();
            formData.append('account', account);
            formData.append('type', 2);
            formData.append('_token', CSRF_TOKEN);
            formData.append('_method', "PUT");
            $.ajax({
                type: 'POST',
                url: url,
                data: formData,
                contentType: false,
                processData: false,
                success: function (response) {
                    console.log

                    if (response.status ==
                        "{{ config('globalConstants.response_status.success_response') }}"
                    ) {
                        parent_target.find('.del').attr('data-uuid', response.data
                            .vendor_category_uuid);
                        parent_target.find('.add_row').attr('data-uuid', response.data
                            .vendor_category_uuid);
                        parent_target.find('.edit_row').attr('data-uuid', response.data
                            .vendor_category_uuid);
                        parent_target.find('.edit_icon').hide();
                        parent_target.find('.del_icon').show();
                        parent_target.find('.vendor').attr('readonly', 'readonly');
                        parent_target.find('.desc_vendor').attr('readonly', 'readonly');

                        alertbox('success', response.message);
                        $('#busyloading').hide();
                    } else if (response.status ==
                        "{{ config('globalConstants.response_status.warning_response') }}"
                    ) {

                        parent_target.find('.edit_icon').show();
                        parent_target.find('.del_icon').hide();
       
                        alertbox('warning', response.message);
                        $('#busyloading').hide();

                    } else if (response.status ==
                        "{{ config('globalConstants.response_status.error_response') }}"
                    ) {
                        alertbox('danger', response.errors);
                        $('#busyloading').hide();
                    }
                },
                error: function (response) {
                    $('#busyloading').hide();
                    alertbox('danger', "Server error");
                }

            });
        }

    });



    var target1;

    $(document).on('click', '#vendor_category .del', function () {
        $('#sweetalert_wrap').show();
        target1 = $(this).parent().parent().parent();
        var account_uuid = $(this).attr('data-uuid');
        $('.confirm').addClass('vendor-category');
        $(".confirm").attr("account_id",account_uuid);
       
    });


    $(document).on('click', '.cancel', function () {
        $(".confirm").removeAttr("account_id");
        $('.confirm').removeClass('vendor-category');
        $('#sweetalert_wrap').hide();
        return false;
    });

    $(document).on('click', '.vendor-category.confirm', function () {
        var account_uuid = $(this).attr("account_id");
        target1 = target1;
        $.ajax({
            type: 'DELETE',
            url: "{{ url('admin/settings/vendor-categories') }}/" + account_uuid,
            headers: {
                'X-CSRF-TOKEN': '{{ csrf_token() }}'
            },
            success: function (response) {
                if (response.status ==
                    "{{ config('globalConstants.response_status.success_response') }}"
                ) {
                    target1.remove();

                    alertbox('success', response.message);
                    $('#busyloading').hide();
                } else if (response.status ==
                    "{{ config('globalConstants.response_status.warning_response') }}"
                ) {
                    alertbox('warning', response.message);
                    $('#busyloading').hide();

                } else if (response.status ==
                    "{{ config('globalConstants.response_status.error_response') }}"
                ) {
                    alertbox('danger', response.errors
                        .group_select);
                    $('#busyloading').hide();
                }
            },
            error: function (response) {
                $('#busyloading').hide();
                alertbox('danger', "Server error");
            }


        });
        $('#sweetalert_wrap').hide();
    });

</script>
@stop