@extends('layout.app')
<style>
    .table-primary{
        background-color:white !important;
    }
</style>
@section('content')
    <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-hand-holding-usd"></i> DANH SÁCH CÔNG THỦ THUẬT</h3>
                <div class="crm-list-header__actions">
                    <a class="btn btn-outline-secondary mr-2" href="{{url('tips-export')}}" data-toggle="tooltip" data-placement="right" title="Tải xuống Excel">
                        <i class="fas fa-cloud-download-alt"></i> Xuất Excel</a>
                    {{-- Giữ hook JS #add_new_status (trước nằm ở tiêu đề cột thao tác) --}}
                    <a class="btn btn-primary" id="add_new_status" href="javascript:void(0)"><i class="fa fa-plus-circle"></i> Tạo mới</a>
                </div>
            </div>
            @include('tips.ajax')
        </div>
    </div>
@endsection
@section('_script')
    <script src="{{asset('js/format-number.js')}}"></script>
    <script>
        // Tooltip cho nút tải Excel trên header
        if ($.fn.tooltip) {
            $('.crm-list-header [data-toggle="tooltip"]').tooltip({trigger: 'hover'});
        }

        $(document).on('keyup', '.number', function () {
            let earn = $(this).val();
            $(this).val(formatNumber(earn));
        })

        $(document).on('click', '#add_new_status', function () {
            $.ajax({
                url: '{{route('tips.store')}}',
                method: 'POST',
                success: function (data) {
                    location.reload();
                }
            })
        })

        $(document).on('click', '.save-status', function () {
            let id = $(this).data('id');
            let data = {
                name: $(this).closest('tr').find('.name').val(),
                price: $(this).closest('tr').find('#price').val(),
                location_id: $(this).closest('tr').find('.location_id').val(),
            }
            $.ajax({
                url: 'tips/' + id,
                data: data,
                method: 'PUT',
                success: function (data) {
                    if (data) {
                        swal({
                            title: 'Cập nhật thành công !!!',
                            type: 'success',
                            confirmButtonText: 'OK'
                        });
                    }
                }
            })
        })
    </script>
@endsection