@extends('layout.app')
@section('content')
    <style>
        .txt-dotted {
            border: 1px solid transparent;
            border-bottom: dotted 1px #999;
            width: 100%;
            padding: 0px;
        }

    </style>
    <div class="col-md-12 col-lg-12">
        <div class="card crm-list-card">
            <div class="card-header crm-list-header">
                <h3 class="card-title"><i class="fas fa-wallet"></i> Danh mục chi</h3>
                {{-- Nút thêm nhanh (trước nằm ở tiêu đề cột Thao tác), giữ id #add_new_cate cho JS --}}
                <a class="btn btn-primary" id="add_new_cate" href="javascript:void(0)"><i class="fa fa-plus-circle"></i> Tạo mới</a>
            </div>
            <div id="registration-form">
                @include('thu_chi.category.ajax')
            </div>
            <!-- table-responsive -->
        </div>
    </div>
@endsection
@section('_script')
    <script type="text/javascript">

        $(document).on('click','#add_new_cate',function () {
            $.ajax({
                url:'/danh-muc-thu-chi',
                method:'post',
                data:{
                    name:name
                },
                success: function (data) {
                    location.reload();
                }
            })
        })

        $(document).on('click','.save-cate',function () {
            let id = $(this).data('id');
            let name = $(this).closest('tr').find('.name').val();
            $.ajax({
                url:'/danh-muc-thu-chi/'+id,
                method:'PUT',
                data:{
                    name:name
                },
                success: function (data) {
                    location.reload();
                }
            })

        })

    </script>
@endsection