@php
$page_name = 'Transaction ASC';
@endphp
@include('partial.header')

    <div class="container-fluid">

        @include('partial.navigation')
        <div class="main-container">
        <!-- Content wrapper start -->
        <div class="content-wrapper">

            <div class="table-container">
                <table class="table" style="margin-bottom: 0px !important;">
                    <tr>
                        <td style="width:230px;"><h5 class="table-title">Transaction ASC</h5></td>
                        <td style="width:50px;"><b>Shift</b></td>
                        <td style="width:180px;" id="ShiftCombo"></td>
                        <td style="width:50px;"><b>Date</b></td>
                        <td style="width:145px;" id="ShiftDatePanel"></td>
                        <td style="width:50px;"><b>Amount</b></td>
                        <td style="width:150px;">
                        <input id="AboveAmount" class="form-control form-control-sm" type="text" placeholder="Above">
                        </td>
                        <td style="width:150px;">
                        <button class="btn btn-success btn-block" onclick="getTransAsc()" >Search <span id="ajax_loader"></span></button>
                        </td>
                        <td></td>
                        <td style="width:100px;">
                        <button class="btn btn-success btn-block exportToExcel" onclick="ExportToExcel('Transaction_ASC_Rpt')" >Excel</button>
                        </td>
                    </tr>
                </table>
                <!--****************** Vertical Scroll table start ************************-->
                <div class="table-container">
                    <div class="table-responsive table2excel CustomFixedTbl" style="min-height:55vh; max-height:55vh; ">
                        <table class="table table-bordered">
                            <thead>
                                <tr style="border-top:1px solid #DDD;">
                                    <th style="width:50px;">Sr.</th>
                                    <th class="text-left" style="width:350px;">Party</th>	
                                    <th class="text-right" style="width:100px;">Number</th>
                                    <th class="text-right" style="width:100px;">Sale</th>
                                    <th  class="text-right" style="width:100px;">P&L Amount</th>
                                    <th  class="text-center" style="width:100px;">Rate</th>
                                    <th  class="text-center" style="width:100px;">S-Hissa</th>
                                    <th  class="text-center" style="width:100px;">O-Hissa</th>
                                    <th class=""></th>
                                </tr>
                            </thead>
                            <tbody id="ListBodyPanel"></tbody>
                            <tfoot id="ListFooterPanel"></tfoot>
                        </table>
                    </div>
                </div>
            

            </div>
            <!-- Content wrapper end -->


        </div>
    </div>
    <script>
        var BaseUrl = "/";
        var nav = "rpt_trans_asc";
    </script>

    @include('partial.footer')

 <script>
   
var IsLive = "Live";

var TransASC_ArrayList = [];
var Shift_ArrayList = [];


var TPCSelected = {};
var SelectedShift = {};

$( document ).ready(function() {
    //BlockSpace('#OrganizationUserName');
	setTimeout(function(){ 
		getShifts();
	}, 10);
});



function getShifts()
{
	var JsonData = {'SearchShift':"" };
	JsonData['nav'] = nav;
	JsonData['Method'] = "ajax_shift_transaction";
	AjaxCall("/getLiveShifts",JsonData,function(response) {
		if(response.status==true){
			Shift_ArrayList = [];
			var Row ='<select id="Shifts" name="Shifts" onchange="loadDate(this.value)" class="form-control form-control-sm">';
			$.each( response.data, function( index, obj ) {
				Shift_ArrayList[this.id] = obj;
				Row +='<option value="'+this.id+'">'+this.shift_name+'</option>';
			});
			Row +='</select>';
			$('#ShiftCombo').html(Row);
			setTimeout(function(){ $('#Shifts').focus(); }, 500);
			loadDate(response.data[0].id);
			//console.clear();
		}else if(response.status==true){
			Notify("Error ",response.message,"danger");
		}
	});
}

function loadDate(_Val)
{
	SelectedShift = {};
	SelectedShift = Shift_ArrayList[_Val];
    var ShiftDate = "{{date('Y-m-d')}}";
	if(IsLive=="Live"){
		$("#ShiftDatePanel").html(CustomDatePicker("ShiftDate", ShiftDate));
	}else{
		$("#ShiftDatePanel").html(CustomDatePicker("ShiftDate", "{{date('Y-m-d')}}"));
	}
}

function getTransAsc(){
	
	var JsonData = {
		'ShiftDate'		: 	getCustomDatePicker("ShiftDate",'D'),
		'ShiftDateTo'	: 	getCustomDatePicker("ShiftDate",'D'),
		'ShiftId'		:	$('#Shifts').val(),
		'AboveAmount'	:	($('#AboveAmount').val() == "" ? "0" : $('#AboveAmount').val()),
		'IsLive'		:	IsLive,
	};
	if(JsonData.FromDate == "" || JsonData.ToDate == ""){
		Notify("Invalid ","Please enter all valid fields!","danger");
		return false;
	}
	JsonData['nav'] = nav;
	JsonData['Method'] = "ajax_trans_asc";
	   AjaxLoader("show");
	AjaxCall("/get_transaction_asc_data",JsonData,function(response) {
		 AjaxLoader("hide");
		if(response.status==true){	
			var Row = '';
			var RowFooter = '';
			var SaleAmount = 0;
			var ProfitLossAmount = 0;
			TransASC_ArrayList = [];
			$.each( response.data, function( index, obj ) {
				TransASC_ArrayList[index] = this;
				SaleAmount += Math.round(this.SaleAmount);
				ProfitLossAmount += Math.round(this.ProfitLossAmount);
				Row +='<tr>'
					+'<td class="text-left">'+(index+1)+'</td>'
					+'<td class="text-left">'+this.LedgerName+'</td>'
					+'<td class="text-center">'+this.Number+'</td>'
					+'<td class="text-right">'+customRound(this.SaleAmount)+'</td>' 
					+'<td class="text-right" style="background:#f2f2f2;">'+customRound(this.ProfitLossAmount)+'</td>'
					+'<td class="text-center">'+this.Rate+'/'+this.Commission+'</td>' 
					+'<td class="text-center">'+customRound(this.SelfHissa)+'</td>' 
					+'<td class="text-center">'+(this.OtherHissa)+'</td>' 
					+'<td class="text-right"></td>'
					+'</tr>';
			});
			RowFooter +='<tr>'
					+'<th class="text-left">'+TransASC_ArrayList.length+'</th>'
					+'<th class="text-left">Party</th>'
					+'<th class="text-left">Number</th>'
					+'<th class="text-right">'+ customRound(SaleAmount) +'</th>'
					+'<th class="">'+customRound(ProfitLossAmount)+'</th>'
					+'<th class="text-center">Rate</th>'
					+'<th class="text-center">S-Hissa</th>'
					+'<th class="text-center">O-Hissa</th>'
					+'<th class="text-left"></th>'
					+'</tr>';
			$('#ListBodyPanel').html(Row);
			$('#ListFooterPanel').html(RowFooter);
		}else if(response.status==false){
			Notify("Error ",response.message,"danger");
			$('#ListBodyPanel').html("");
			$('#ListFooterPanel').html("");
		}
	});
}


$(function(){
	$("body").keydown(function(e){
		var keyCode = e.keyCode || e.which;
		if(keyCode==113) // F2 - Save Transaction
		{
			e.preventDefault();
			
		}
		if(keyCode==116) // F5 - Random
		{
			e.preventDefault();		
		}		
	});
});


$(function(){
    var focusedRow = null;
    $('#scrollVerticalFixHeaderFooter').on('keydown', function(ev){
        console.log(ev.keyCode);
        if(focusedRow == null) {
            focusedRow = $('tr:nth-child(1)', '#scrollVerticalFixHeaderFooter');
        } else if(ev.keyCode === 38) {
            focusedRow.toggleClass('focused');
            focusedRow = focusedRow.prev('tr');
        } else if(ev.keyCode === 40) {
            focusedRow.toggleClass('focused');
            focusedRow = focusedRow.next('tr');
        }
        focusedRow.toggleClass('focused');
    });
    $('#scrollVerticalFixHeaderFooter').focus();
});


ko.bindingHandlers.nextFieldOnEnter = {
        init: function(element, valueAccessor, allBindingsAccessor) {
            $(element).on('keydown', 'input, select', function (e) {
                var self = $(this)
                , form = $(element)
                  , focusable
                  , next
                ;
				//LastFocusedControl_Id = $(":focus").attr("id");
                if (e.keyCode == 13) {
					focusable = form.find('input,select,button,textarea').filter(':visible');
					var nextIndex = focusable.index(this) == focusable.length -1 ? 0 : focusable.index(this) + 1;
					next = focusable.eq(nextIndex);
						
						
					next.focus().select();
					return false;
                }
            });
        }
    };
    ko.applyBindings({});
</script>