@extends('layouts.app')
@section('title','Production Costing Setup')

@section('content')
<!-- Content Header (Page header) -->
<section class="content-header">
    <h1>Production Costing Setup
        <small>Manage Production Cost Setup</small>
    </h1>
</section>

<!-- Main content -->
<section class="content">
    <div class="row">
        <div class="col-sm-12">
            <div class="nav-tabs-custom">
                <ul class="nav nav-tabs">
                    <li class="active">
                        <a href="#account_types" data-toggle="tab">
                            <i class="fa fa-list"></i> <strong>
                            Production Costing Setup</strong>
                        </a>
                    </li>
                </ul>
                <div class="tab-content">
                    <div class="tab-pane active" id="manage_decompose">
                        <div class="row">
                            <div class="col-md-12">
                                <button type="button" class="btn btn-primary btn-modal pull-right" 
                                    data-href="{{action('ProductionCostingController@createRecipeCostSetup')}}"
                                    data-container="#account_type_modal">
                                    <i class="fa fa-plus"></i> @lang( 'messages.add' )</button>
                            </div>
                        </div>
                        <br>
                        <div class="row">
                            <div class="col-md-12">
                                <table class="table table-striped table-bordered" id="manage_decompose_table" style="width: 100%;">
                                    <thead>
                                        <tr>
                                            <th>Production Costing Details</th>
                                            <th>Requires Production</th>
                                            <th>@lang( 'messages.action' )</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($decompose_setup as $account_type)
										@php 
											$requireproduction=$account_type->require_production;
											if($requireproduction==1){
												$requireproduction='Yes';
											}else{
												$requireproduction='No';
											}
										@endphp
                                            <tr class="account_type_{{$account_type->id}}">
                                                <th>{{$account_type->name}} --- {{$account_type->production_qty}}</th>
                                                <th>{{$requireproduction}}</th>
                                                <th>
                                                     {!! Form::open(['url' => action('ProductionCostingController@destroyRecipeCostSetup', $account_type->id), 'method' => 'delete' ]) !!}
                                                         <button type="button" class="btn btn-primary btn-modal btn-xs" 
                                                     data-href="{{action('ProductionCostingController@editRecipeCostSetup', $account_type->id)}}"
                                                     data-container="#account_type_modal">
                                                     <i class="fa fa-edit"></i> @lang( 'messages.edit' )</button>
                                                         <button type="button" class="btn btn-danger btn-xs delete_account_type" >
                                                         <i class="fa fa-trash"></i> @lang( 'messages.delete' )</button>
                                                         {!! Form::close() !!}
												</th>
                                            </tr>
                                            @foreach($account_type->sub_products as $sub_type)
                                                <tr>
                                                    <td>&nbsp;&nbsp;-- {{$sub_type->name}}&nbsp;&nbsp; {{$sub_type->required_qty}}&nbsp;&nbsp;</td>
                                                    <td>
                                                        
                                                    </td>
                                                </tr>
                                            @endforeach
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade account_model" tabindex="-1" role="dialog" 
    	aria-labelledby="gridSystemModalLabel">
    </div>

    <div class="modal fade account_type_modal" tabindex="-1" role="dialog" 
        aria-labelledby="gridSystemModalLabel" id="account_type_modal">
    </div>
</section>
<!-- /.content -->

@endsection

@section('javascript')
<script>
    $(document).ready(function(){
		
    $(document).on('change', 'select#main_category', function() {
		var main_cat=$(this).val();
		var url="{{action('ProductionCostingController@getProductList')}}";
                $.ajax({
                    type: "GET",
                    url: url,
                    data: {'main_cat': main_cat},
                    dataType: "json",
                    beforeSend: function () {
						$('select#finished_product').html("");
                    },
                    success: function (data) {
						var div_data = '<option value="">Select Product</option>';
                        $.each(data, function (i, obj)
                        {
                            div_data += "<option value=" + obj.id + ">" + obj.name + "</option>";
                        });
                        $('select#finished_product').append(div_data);
                    }
                });
		
    }); 
	
    $(document).on('submit', 'form#decompose_setup', function(e){
        e.preventDefault();
        var data = $(this).serialize();
        $.ajax({
          method: "POST",
          url: $(this).attr("action"),
          dataType: "json",
          data: data,
          success: function(result){
            if(result.success == 1){
              $('div.account_type_modal').modal('hide');
              toastr.success(result.msg);
			  location.reload();
            } else {
              toastr.error(result.msg);
            }
          }
        });
    }); 

        $(document).on('click', 'button.close_account', function(){
            swal({
                title: LANG.sure,
                icon: "warning",
                buttons: true,
                dangerMode: true,
            }).then((willDelete)=>{
                if(willDelete){
                     var url = $(this).data('url');

                     $.ajax({
                         method: "get",
                         url: url,
                         dataType: "json",
                         success: function(result){
                             if(result.success == true){
                                toastr.success(result.msg);
                                capital_account_table.ajax.reload();
                                other_account_table.ajax.reload();
                             }else{
                                toastr.error(result.msg);
                            }

                        }
                    });
                }
            });
        });

        $(document).on('submit', 'form#edit_payment_account_form', function(e){
            e.preventDefault();
            var data = $(this).serialize();
            $.ajax({
                method: "POST",
                url: $(this).attr("action"),
                dataType: "json",
                data: data,
                success:function(result){
                    if(result.success == true){
                        $('div.account_model').modal('hide');
                        toastr.success(result.msg);
                        capital_account_table.ajax.reload();
                        other_account_table.ajax.reload();
                    }else{
                        toastr.error(result.msg);
                    }
                }
            });
        });

        $(document).on('submit', 'form#payment_account_form', function(e){
            e.preventDefault();
            var data = $(this).serialize();
            $.ajax({
                method: "post",
                url: $(this).attr("action"),
                dataType: "json",
                data: data,
                success:function(result){
                    if(result.success == true){
                        $('div.account_model').modal('hide');
                        toastr.success(result.msg);
                        capital_account_table.ajax.reload();
                        other_account_table.ajax.reload();
                    }else{
                        toastr.error(result.msg);
                    }
                }
            });
        });


    $('#account_status').change( function(){
        other_account_table.ajax.reload();
    });

    $(document).on('submit', 'form#deposit_form', function(e){
        e.preventDefault();
        var data = $(this).serialize();

        $.ajax({
          method: "POST",
          url: $(this).attr("action"),
          dataType: "json",
          data: data,
          success: function(result){
            if(result.success == true){
              $('div.view_modal').modal('hide');
              toastr.success(result.msg);
              capital_account_table.ajax.reload();
              other_account_table.ajax.reload();
            } else {
              toastr.error(result.msg);
            }
          }
        });
    });

    $('.account_model ').on('shown.bs.modal', function(e) {
        $('.account_model .select2').select2({ dropdownParent: $(this) })
    });
    $('.account_type_modal ').on('shown.bs.modal', function(e) {
        $('.account_type_modal .select2').select2({ dropdownParent: $(this) })
    });

    //Add products
	$(document).on('focus','#search_product',function(){
    if ($('#search_product').length > 0) {
        $('#search_product')
            .autocomplete({
                source: function(request, response) {
                    $.getJSON(
                        '/recipe-costing/get_products',
                        {term: request.term },
                        response
                    );
                },
                minLength: 2,
                response: function(event, ui) {
                    if (ui.content.length == 1) {
                        ui.item = ui.content[0];
                        $(this)
                            .data('ui-autocomplete')
                            ._trigger('select', 'autocompleteselect', ui);
                        $(this).autocomplete('close');
                    } else if (ui.content.length == 0) {
                        var term = $(this).data('ui-autocomplete').term;
                        swal({
                            title: LANG.no_products_found,
                            text: 'Search Afresh...Product Missing',
                            buttons: [LANG.cancel],
                        });
                    }
                },
                select: function(event, ui) {
                    $(this).val(null);
                    get_purchase_entry_row(ui.item.product_id, ui.item.variation_id);
                },
            })
            .autocomplete('instance')._renderItem = function(ul, item) {
            return $('<li>')
                .append('<div>' + item.text + '</div>')
                .appendTo(ul);
        };
    }
    });
   
   $(document).on('click', 'button.delete_account_type', function(){
        swal({
            title: LANG.sure,
            icon: "warning",
            buttons: true,
            dangerMode: true,
        }).then((willDelete)=>{
            if(willDelete){
                $(this).closest('form').submit();
            }
        });
    })

function get_purchase_entry_row(product_id, variation_id) {
    if (product_id) {
        var row_count = $('#product_row_count').val(); 
        $.ajax({
            method: 'POST',
            url: '/recipe-costing/get_purchase_entry_row',
            dataType: 'html',
            data: { 
                product_id: product_id, 
                row_count: row_count, 
                variation_id: variation_id 
            },
            success: function(result) {
                $(result)
                    .find('.purchase_quantity')
                    .each(function() {
                        row = $(this).closest('tr');
							$('#purchase_entry_table tbody').append(
								update_purchase_entry_row_values(row)
							);
                    });
                if ($(result).find('.purchase_quantity').length) {
                    $('#product_row_count').val(
                        $(result).find('.purchase_quantity').length + parseInt(row_count)
                    );
                }
            },
        });
    }
}


function update_purchase_entry_row_values(row) {
    if (typeof row != 'undefined') {
        return row;
    }
}
 
    $(document).on('click', '.remove_purchase_entry_row', function() {
        swal({
            title: LANG.sure,
            icon: 'warning',
            buttons: true,
            dangerMode: true,
        }).then(value => {
            if (value) {
                $(this)
                    .closest('tr')
                    .remove();
            }
        });
    });
  
$(document).on('change', '#finished_product', function() {
    if ($('#finished_product').val()) {
        $('#search_product').removeAttr('disabled');
        $('#search_product').focus();
    } else {
        $('#search_product').attr('disabled', true);
    }
});
   });
</script>
@endsection