@section('style')
    <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">  
@endsection
@section('script')
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>    
@endsection
@section('js-ext')
    <script>
        function numchange(obj, i, price) {
            $('#subtotal_' + i).html(number_format(parseInt(obj.value) * parseInt(price), 0, ',', '.') + '');
        }

        function number_format(number, decimals, dec_point, thousands_sep) {
            // Strip all characters but numerical ones.
            number = (number + '').replace(/[^0-9+\-Ee.]/g, '');
            var n = !isFinite(+number) ? 0 : +number,
                prec = !isFinite(+decimals) ? 0 : Math.abs(decimals),
                sep = (typeof thousands_sep === 'undefined') ? ',' : thousands_sep,
                dec = (typeof dec_point === 'undefined') ? '.' : dec_point,
                s = '',
                toFixedFix = function (n, prec) {
                    var k = Math.pow(10, prec);
                    return '' + Math.round(n * k) / k;
                };
            // Fix for IE parseFloat(0.55).toFixed(0) = 0;
            s = (prec ? toFixedFix(n, prec) : '' + Math.round(n)).split('.');
            if (s[0].length > 3) {
                s[0] = s[0].replace(/\B(?=(?:\d{3})+(?!\d))/g, sep);
            }
            if ((s[1] || '').length < prec) {
                s[1] = s[1] || '';
                s[1] += new Array(prec - s[1].length + 1).join('0');
            }
            return s.join(dec);
        }

        function saveOrder(i, orderID){
            if(i >= 0 && orderID > 0){
                $.ajax({
                    type: 'POST',
                    url: "{{ action('OrderController@saveOrder') }}",
                    data: {
                        name: $('#name-' + i).val(),
                        phone: $('#phone-' + i).val(),
                        address: $('#address-' + i).val(),
                        status:  $('#status-' + i).val(),
                        note:  $('#note-' + i).val(),
                        quanlity:  $('#quanlity-' + i).val(),
                        companyname: $('#companyname-' + i).val(),
                        taxcode: $('#taxcode-' + i).val(),
                        emailinvoice: $('#emailinvoice-' + i).val(),
                        phoneinvoice:  $('#phoneinvoice-' + i).val(),
                        inventoryId:  $('#inventoryId-' + i).val(),
                        orderId: orderID,
                    },
                    success: function (result) {
                        console.log(result);return false;
                        if(result == 'failed'){
                            alert('Không thể cập nhật. Vui lòng kiểm tra!!!');
                        }
                        else if(result == 'cancelnotnoted'){
                            alert('Bạn hủy đơn hàng nhưng không nhập lý do!!');
                        }
                        else if(result == 'success'){
                            $('#fullname-display-' + i).html($('#name-' + i).val());
                            $('#phone-display-' + i).html($('#phone-' + i).val());
                            $('#address-display-' + i).html($('#address-' + i).val());
                            if($('#status-' + i).val() == 1){
                                $('#status-display-' + i).html('<span class="badge-item badge-status">Pending</span>');
                            }
                            else if($('#status-' + i).val() == 2){
                                $('#status-display-' + i).html('<span class="badge-item badge-status confirmed-status">Confirmed</span>');
                            }
                            else if($('#status-' + i).val() == 3){
                                $('#status-display-' + i).html('<span class="badge-item badge-status in-progress-status">In Progress</span>');
                            }
                            else if($('#status-' + i).val() == 4){
                                $('#status-display-' + i).html('<span class="badge-item badge-status completed-status">Completed</span>');
                            }
                            else if($('#status-' + i).val() == 5){
                                $('#status-display-' + i).html('<span class="badge-item badge-status cancel-status">Cancel</span>');
                            }
                            $('#oder-edit-' + i + '.quick-edit').hide(0);
                            $('#oder-num-' + i).show(0);
                            $([document.documentElement, document.body]).animate({
                                scrollTop: $('#oder-num-' + i).offset().top - 50
                            }, 1000);
                        }
                    },
                    error: function (error) {
                        alert(error);
                    }
                });
            }
            return false;
        }

        $(document).ready(function () {
            "use strict";
            @for ($i = 0; $i < count($list); $i++)
            $('.oder-num-{{ $i }}').click(function () {
                $('.table-hover .quick-edit').hide(0);
                $('#oder-edit-{{ $i }}.quick-edit').show(0);
                //$('#oder-edit-{{ $i }}.quick-edit').focus();
                $([document.documentElement, document.body]).animate({
                    scrollTop: $("#oder-edit-{{ $i }}").offset().top - 50
                }, 1000);
            });
            $('.cancel-edit-{{ $i }}').click(function () {
                $('.table-hover .quick-edit').hide(0);
                $('#oder-edit-{{ $i }}.quick-edit').hide(0);
                $('#oder-num-{{ $i }}').show(0);
                $([document.documentElement, document.body]).animate({
                    scrollTop: $('#oder-num-{{ $i }}').offset().top - 50
                }, 1000);
            });
            @endfor
            $(".datepicker").datepicker({dateFormat: 'yy-mm-dd'});
        })
        function delete_data(link) {
            $("#delete-link").attr("href", link)           
            bPopup = $('#dialog-delete').bPopup();
        }
        function defaulString(val) {
            if (val == null) {
                return "";
            }
            return val;
        }
        function search_data(page) {
            var url = '{{ action('OrderController@index') }}';
            url += "?fromdate=" + $("#fromdate").val() + "&todate=" + $("#todate").val() + "&title=" + $("#title").val() + "&status=" + $("#status").val() + "&city=" + $("#city").val() + "&channel=" + $("#channel").val() + "&pg=" + page.toString();
            location.href = url;
        }
        function export_data(){
			$('form[name=orderForm] input[name=export]').val(1);
			$('form[name=orderForm]')[0].submit();
			return false;
            //var url = '{{ action('OrderController@index') }}';
            //url += "?fromdate=" + $("#fromdate").val() + "&todate=" + $("#todate").val() + "&pg=" + page.toString() + '&export=1' + "&title=" + $("#title").val() + '&status=' + $('#status').val() + "&city=" + $("#city").val() + "&channel=" + $("#channel").val();
            //location.href = url;
        }
    </script>
@endsection