@extends('layouts/contentLayoutMaster')

@section('title', 'New Order')
@section('vendor-style')
    <link rel="stylesheet" href="{{ asset(mix('vendors/css/extensions/toastr.min.css')) }}">
@endsection
@section('page-style')
    <link rel="stylesheet" href="{{ asset(mix('css/base/plugins/extensions/ext-component-sliders.css')) }}">
    <link rel="stylesheet" href="{{ asset(mix('css/base/plugins/extensions/ext-component-toastr.css')) }}">
    <link rel="stylesheet" href="{{ asset('fonts/font-awesome/css/font-awesome.min.css') }}">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
     <link rel="stylesheet" href="{{ asset('select2/dist/css/select2.css') }}">
    <link rel="stylesheet" href="{{ asset('select2/dist/css/bootstrap-select.css') }}">
    
    
@endsection
@section('content')

<div class="card">
    <div class="card-header">
    </div>
    <div class="card-body">
        <div id="new-diamond-order">
            <form id="scan_tag_form">
                <div class="row">
                <div class="col-md-3">Tag<input type="text" name="tag" class="form-control tag" placeholder="Tag Here" id="tag"></div>
                <!--<div class="col-md-2"><button type="submit" class="btn btn-primary">Search</button></div>-->
                </div>
                </form>
            <form id="new-diamond-order-form">
                <div class="row">
                    
                    <div class="col-md-6">
                        Customer  <select class="customer-dropdown form-control mb-2 select2 form-select form-select-lg" name="customer_id" id="customer_id" >
                            <option value="0">Select Customer</option>
                        </select>
                        
                    </div>
                    <div class="col-md-6">Code <input type="text" class="form-control mb-2" name="order_code" id="orderCode" readonly></div>
                    
                </div>
                <br>
                <div class="order"></div>
                
                <div class="row">
                    <input type="hidden" name="sgst" id="sgst" class="form-control mb-2" value="1.5" readonly>
                    <input type="hidden" name="cgst" id="cgst" class="form-control mb-2" value="1.5" readonly>
                    <div class="col-md-3">Total Wt <input type="number" name="totalWt" id="total_wt" class="form-control mb-2" readonly></div>
                    <div class="col-md-3">Total Amt <input type="number" name="totalAmt" id="total_amt" class="form-control mb-2" readonly></div>
                
                </div>
                <!--<button type="submit" class="btn btn-primary" onclick="js:createNewOrder('{{ $token }}')">submit</button>-->
                <button type="button" class="btn btn-primary" onclick="js:createNewOrder('{{ $token }}')" id="createNewOrderButton">Submit</button>
            </form>
        </div>
    </div>
</div>
@endsection

@section('vendor-script')
<!--<script src="ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>-->
    <script src="{{ asset(mix('vendors/js/extensions/toastr.min.js')) }}"></script>
    <script src="{{ asset(mix('js/scripts/custom/common.js')) }}"></script>
    <script src="{{ asset('js/scripts/custom/billsale.js') }}"></script>
    <script src="{{ asset('select2/dist/js/select2.js') }}"></script>
<script src="{{ asset('select2/dist/js/bootstrap-select.js') }}"></script>
<script src="{{ asset('select2/dist/js/forms-selects.js') }}"></script>
    
@endsection
@section('page-script')
<script>
window.onload = () => {
 const myInput = document.getElementById('tag');
 //alert('Please do not paste tag');
 myInput.onpaste = e => e.preventDefault();
}
$(document).ready(function() {
    
    getOrderCode('<br />
<b>Warning</b>:  Undefined variable $token in <b>/home2/dev22ks/public_html/resources/views/app/diamond_jewellery/order/add.blade.php</b> on line <b>79</b><br />
','diamond');
    
});
$('#scan_tag_form').submit(function(e){
    e.preventDefault();
    //var barcode = $(this).val();
    var barcode = $('#tag').val();
    var rowCount = $("#new-diamond-order .orderDetail").length;
     //var rate = <?//=$hoCash;?>
     // console.log('value '+barcode);
    $.ajax({
            url: "/api/diamond-jewellery/stock/getStockDetail",
            type: "get",
            dataType: 'json',            
            headers: {
                'Authorization': 'Bearer '+'<br />
<b>Warning</b>:  Undefined variable $token in <b>/home2/dev22ks/public_html/resources/views/app/diamond_jewellery/order/add.blade.php</b> on line <b>94</b><br />
'
            },
            data:{
                'barcode':barcode,
                //'id':id
            },
            success: function(response){
               // console.log('response = '+response);
                $('#tag').val('');
                $('#tag').focus();
                if(response.status == true){
                    var tagCount = $("#new-diamond-order .tag_"+response.data.id).length;
                    if(response.data.status == 'sales_order'){
                       setTimeout(function () {
                            toastr["success"](
                                "",
                                'Tag is Already in Sales Order.First Cancel Previous Order',
                                {
                                    closeButton: false,
                                    tapToDismiss: false,
                                    rtl: "rtl",
                                }
                            );
                        }, 2000);
                    }else if(response.data.status == 'approved'){
                   
                    //console.log('tagCount = '+tagCount);
                    if(tagCount > 0){
                        setTimeout(function () {
                            toastr["success"](
                                "",
                                'Record is Already Added. Please Try with Different Code.',
                                {
                                    closeButton: false,
                                    tapToDismiss: false,
                                    rtl: "rtl",
                                }
                            );
                        }, 2000);
                    }else{
                        setTimeout(function () {
                            toastr["success"](
                                "",
                                response.msg,
                                {
                                    closeButton: false,
                                    tapToDismiss: false,
                                    rtl: "rtl",
                                }
                            );
                        }, 2000);
                        var item = response.data.shape+' '+response.data.color+' '+response.data.cut+' '+response.data.clarity;
                        var category = response.data.category+' '+response.data.subcategory;
                        var grossWt = parseFloat(response.data.diamond_wt)+parseFloat(response.data.net_wt);
                        var list = `<div class="row orderDetail tag_${response.data.id}" id="${rowCount}">
                        <input type="hidden"  id="stock_detail_id_${rowCount}" class="form-control mb-2" readonly value="`+response.data.id+`" name="diamond_order_detail[${rowCount}][branch_stock_detail_id]">
                        <input type="hidden" name="diamond_order_detail[${rowCount}][category_id]" id="category_id_${rowCount}" class="form-control mb-2" value="`+response.data.category_id+`">
                        <input type="hidden" name="diamond_order_detail[${rowCount}][subcategory_id]" id="subcategory_id_${rowCount}" class="form-control mb-2" value="`+response.data.subcategory_id+`">
                        <input type="hidden" name="diamond_order_detail[${rowCount}][metal_type]" id="metal_type_${rowCount}" class="form-control mb-2" value="diamond">
                        <div class="col-md-2">Tag<input type="text  id="tag_${rowCount}" class="form-control mb-2" readonly value="`+response.data.tag+`" name="diamond_order_detail[${rowCount}][tag]"></div>
                        <div class="col-md-2">Category<input type="text"  id="categoryId_${rowCount}" class="form-control mb-2" readonly value="`+category+`"></div>
                        <div class="col-md-2">Item<input type="text" name="diamond_order_detail[${rowCount}][item]" id="item_${rowCount}" class="form-control mb-2" readonly value="`+item+`"></div>
                        <div class="col-md-2">Gr Wt<input type="text" name="diamond_order_detail[${rowCount}][wt]" id="g_wt_${rowCount}" class="form-control mb-2 wt" readonly value="`+response.data.wt+`"></div>
                        <div class="col-md-2">Diamond Carat<input type="text" name="diamond_order_details[${rowCount}][diamond_wt]" id="diamond_wt_${rowCount}" class="form-control mb-2" readonly value="`+response.data.diamond_wt+`"></div>
                        <div class="col-md-2">Net Wt<input type="text" name="diamond_order_details[${rowCount}][net_wt]" id="net_${rowCount}" class="form-control mb-2" readonly value="`+response.data.net_wt+`"></div>
                        
                        
                        
                        <div class="col-md-2">Gold<br>Karat<input type="text"  id="subcategoryId_${rowCount}" class="form-control mb-2" readonly value="`+response.data.gold_karat+`"></div>
                        <div class="col-md-2">Purity<input type="number" name="diamond_order_detail[${rowCount}][carat]" id="carat_${rowCount}" readonly class="form-control mb-2" value="`+response.data.purity+`"></div>
                        <div class="col-md-1">Price<input type="number" name="diamond_order_detail[${rowCount}][amt]" id="total_${rowCount}" class="form-control mb-2 total" readonly value="`+response.data.price+`"></div>
                        <div class="col-md-1"><a href='#' data-tr='${rowCount}' class='removeEntry'><span class='close'><i class='fa fa-close'></i></span></a></div>
                        </div>`;
                        $('#new-diamond-order .order').append(list);
                        
                        
                        priceCalculation(rowCount);
                    }
                    
                    }
                }else{
                    setTimeout(function () {
                        toastr["success"](
                            "",
                            response.msg,
                            {
                                closeButton: false,
                                tapToDismiss: false,
                                rtl: "rtl",
                                positionClass: "toast-top-center",
                            }
                        );
                    }, 2000);   
                }
            },
            fail:function(response){
                $('#tag').val('');
                $('#tag').focus();
                setTimeout(function () {
                    toastr["success"](
                        "",
                        response.msg,
                        {
                            closeButton: false,
                            tapToDismiss: false,
                            rtl: "rtl",
                        }
                    );
                }, 2000);
            }
        });
});

$(document).on('change','.order_type', function(){
    //console.log('reached here');
    var elementId = this.id;
    var element = elementId.split('_');
    var id = element[1];
    var orderType = $('#order-type_'+id).val();
    
    if(orderType == 'partial'){
        $('#category_'+id).attr("disabled", false); 
        $('#subcategory_'+id).attr("disabled", false); 
        $('#item_'+id).attr("readonly", false); 
        //$('#sellingWt_'+id).attr("readonly", false); 
    }else{
        $('#category_'+id).attr("disabled", true); 
        $('#subcategory_'+id).attr("disabled", true); 
        $('#item_'+id).attr("readonly", true); 
        //$('#sellingWt_'+id).attr("readonly", true); 
    }
   
       
});

$(document).on('click', '.removeEntry', function() {
      //console.log("hii");
      if( !confirm('Are you sure, you want to remove this entry?') ) {
      e.preventDefault();
      return;
     }
    event.preventDefault();
        //var rowId = $(this).closest('tr').attr('id');
        var rowId = $('.orderDetail').attr('id');
        console.log('rowId = '+rowId);
        //$(this).closest('tr').fadeout();
        $('#'+rowId).remove();
        //$('div #'+rowId).remove();
       // $(this).closest('tr').remove();
   });
   
function priceCalculation(index){
    var price = $('#price_'+index).val();
    var cgst = $('#cgst').val();
    var sgst = $('#sgst').val();
    var wtTotal = $(".wt");
    var amtTotal = $(".total");
    var totalWt = 0;
    var totalAmt = 0;
    var tax = 0;
    
    for(var i = 0; i < wtTotal.length; i++){
       totalWt = parseFloat(totalWt)+parseFloat($(wtTotal[i]).val());
    }
    $('#total_wt').val(totalWt.toFixed(3));
    for(var i = 0; i < amtTotal.length; i++){
       totalAmt = parseFloat(totalAmt)+parseFloat($(amtTotal[i]).val());
    }
    //console.log('totalAmt = '+totalAmt);
    tax = totalAmt*(parseFloat(cgst)+parseFloat(sgst))/100;
    //var totalAmount = parseFloat(totalAmt)+parseFloat(tax);
    var totalAmount = parseFloat(totalAmt);
    //console.log('tax = '+tax);
    //$('#total_amt').val(totalAmt.toFixed(3));
    $('#total_amt').val(totalAmount.toFixed(3));
}



function createNewOrder(token){
    try{

        var formData = new FormData(document.getElementById("new-diamond-order-form"));
        var customer = $('#new-diamond-order #customer_id').val();
        if(customer == '' || customer == 0){
            alert('Cannot Proceed With Empty Customer');
            return false;
        }
        var wt = $('#new-diamond-order #total_wt').val();
        var amt = $('#new-diamond-order #total_amt').val();
        /*if(wt == '' || amt == ''){
            alert('Cannot Proceed With Empty Weight And Price');
            return false;
        }*/
        $('#new-diamond-order #createNewOrderButton').prop('disabled',true);
        //console.log('wt = '+wt+'amt = '+amt);
        $.ajax({
            url: "/api/diamond-jewellery/order/newOrder",
            type: "post",
            dataType: 'json',
            headers: {
                'Authorization': 'Bearer '+token
            },
            data:formData,
            async: false,
            cache: false,
            contentType: false,
           // enctype: 'multipart/form-data',
            processData: false,
            success: function(response){
                console.log('response = '+response);
                $('#new-diamond-order #createNewOrderButton').prop('disabled',false);
                if(response.status == 'true'){
                    
                
                    setTimeout(function () {
                        toastr["success"](
                            "",
                            response.msg,
                            {
                                closeButton: false,
                                tapToDismiss: false,
                                rtl: "rtl",
                            }
                        );
                    }, 2000);
                //location.replace('list');
                $('#new-diamond-order-form')[0].reset();
                  
                    if(makeBillTypeWise(token,response.id,'diamond')){
                          var url = window.location.origin+'/diamond-jewellery/order/sale-bill-list';
                        location.replace(url);
                        
                    }
                }else{
                   setTimeout(function () {
                        toastr["success"](
                            "",
                            response.msg,
                            {
                                closeButton: false,
                                tapToDismiss: false,
                                rtl: "rtl",
                            }
                        );
                    }, 2000); 
                }
            },
            fail:function(response){
                setTimeout(function () {
                    toastr["error"](
                        "",
                        response.msg,
                        {
                            closeButton: false,
                            tapToDismiss: false,
                            rtl: "rtl",
                        }
                    );
                }, 2000);
            }
        });
    }catch(e){
        console.log(e);
    }
}

function makeBillTypeWise(token, id,metal){
    try{
        var id = id;
        $.ajax({
            url: "/api/gold-management/order/generateBillBranchWise",
            type: "get",
            dataType: 'json',
            headers: {
                'Authorization': 'Bearer '+token
            },
            //data:$('form').serialize(),
            data:{'id':id,metal:metal},
            success: function(response){
                console.log(response);
                setTimeout(function () {
                        toastr["success"](
                            "",
                            response.msg,
                            {
                                closeButton: false,
                                tapToDismiss: false,
                                rtl: "rtl",
                            }
                        );
                    }, 2000);
                var url = window.location.origin+'/diamond-jewellery/order/sale-bill-list';
                location.replace(url);   
                //makeBillList(token,1,response.role);
                
                },
            fail:function(response){
                console.log('in failure');
            }
        });
    }catch(e){
        console.log(e);
    }
}

</script>
    
    
@endsection