@extends('admin.layout.master')
@section('title','STORE TRANSFER MANAGEMENT')
@section('custom_style')
<style>
    /* input[type=text],
    input[type=file],
    input[type=number] {
        height: 35px !important;
    } */
    /* .gj-datepicker-bootstrap [role=right-icon] button .gj-icon, .gj-datepicker-bootstrap [role=right-icon] button .material-icons {
        top: 4px;
    } 
    .table th, .table td {
        padding: 0px 5px;
        color: black;
    }
    .table th {
        background: var(--tableHeader);
        padding: 5px !important;
        color: white !important;
    } */

</style>
@endsection
@section ('content') 
<div class="card sina-card">
    <div class="card-header card-header-s d-flex flex-wrap align-items-center">
        <h4 class="col-6 pl-0"> {{lt('obs.store')}} {{lt('obs.transfer')}} {{lt('obs.list')}}</h4>
        <div  class="col-6 d-flex justify-content-end">
           
        </div>
    </div>
    <div class="card-body">
        <form action="{{  Request::url() }}" method="get"> 
            <div class="d-flex flax-wrap justify-content-center"> 
                <div class="col-md-2 col-6">
                    <select name="store" id="store" class="form-control select_2">
                        <option value="0"> {{lt('obs.all')}} {{lt('obs.store')}}</option>
                        @forelse ($stores as $store)
                            <option value="{{$store->id}}"  @if(Request()->store==$store->id) selected="selected" @endif>{{$store->name_eng}}</option>
                        @empty
                            
                        @endforelse
                    </select>
                </div>
                <div class="col-md-2 col-6">
                    <select name="transaction_type" id="transaction_type" class="form-control select_2">
                        <option value="10"  @if(Request()->transaction_type==10) selected="selected" @endif>{{lt('obs.transfer ')}} {{lt('obs.out')}}</option>
                        <option value="11"  @if(Request()->transaction_type==11) selected="selected" @endif> {{lt('obs.transfer')}} {{lt('obs.in')}}/option>
                        <option value="0"  @if(Request()->transaction_type==0) selected="selected" @endif>Transfer To be IN</option>
                    </select>
                </div>
                <div class="col-md-2 col-6">
                    <select name="approve_status" id="approve_status" class="form-control select_2">
                        <option value="0" @if(Request()->approve_status==0) selected="selected" @endif>{{lt('obs.status')}}</option>
                        <option value="1"  @if(Request()->approve_status==1) selected="selected" @endif>{{lt('obs.pending')}}</option>
                        <option value="2"  @if(Request()->approve_status==2) selected="selected" @endif>{{lt('obs.accecpted')}}</option>
                    </select>
                </div>
                <div class="col-6 pl-0">
                    <div class="input-group ">
                        {!!getDateInput('date_from','date_from',Request()->date_from)!!}
                        <label class="input-group-text" style="height: 28px; margin-left: -2px; margin-right: -2px">{{lt('obs.date_to')}}</label>
                        {!!getDateInput('date_to','date_to',Request()->date_to)!!}
                        {{-- <input type="text" class="form-control date_picker_report" id="date_from" name="date_from" value="{{Request()->date_from?date('Y-m-d',strtotime(Request()->date_from)):date('Y-m-d')}}"> --}}
                        {{-- <input type="text" class="form-control date_picker_report" id="date_to" name="date_to" value="{{Request()->date_to?date('Y-m-d',strtotime(Request()->date_to)):date('Y-m-d')}}">  --}}
                    
                        <button type="submit" style="height: 28px; margin-left: -2px" class="btn btn-pill btn-sm btn-hover btn-danger">
                            <i class="fa fa-search"></i>
                        </button>
                    </div>
                </div>
            </div> 
        </form>
        <hr>
        <div class="cl-table-container"  id="print">
            <table class="table cl-table table-sm table-bordered table-hover datatable_apply">
                <thead class="">
                    <tr>
                        <th>#</th>
                        <th>{{lt('obs.trans')}}.{{lt('obs.no')}}</th>
                        <th>{{ lt('obs.date') }}</th>
                        <th>{{lt('obs.note')}}</th>
                        <th>{{lt('obs.cost')}}.{{lt('obs.Center')}}</th>
                        <th>{{lt('obs.from')}}</th>
                        <th>{{lt('obs.date_to')}}</th>
                        <th>e{{lt('obs.type')}}</th>
                        <th>{{lt('obs.status')}}</th>
                        <th>{{lt('obs.by')}}</th>
                        <th>{{lt('obs.action')}}</th>
                    </tr>
                </thead>
                <tbody id="tbl_body_index">
                    <input type="hidden" name="store_type" id="store_type" value="{{$storeType}}">
                    @forelse ($stocksToBeTransfered as $key=>$sttr)
                    <tr>
                        <td>{{ ($key+1) }}</td>
                        <td>{{ $sttr->invoice_no }}</td>
                        <td>{{ date('d-M-Y H:i A',strtotime($sttr->date)) }}</td>
                        <td>{{ $sttr->note }}</td>
                        <td>{{ $sttr->costCenter?$sttr->costCenter->name:'N/A' }}</td>
                        <td>{{ $sttr->transaction_type==10?$sttr->warehouse->name_eng:$sttr->transferedTo->name_eng }}</td>
                        <td>{{ $sttr->transaction_type==10?$sttr->transferedTo->name_eng:$sttr->warehouse->name_eng }}</td>
                        <td>{{ ($sttr->transaction_type==10?($sttr->approve_status==1?'To be In':'OUT'):'IN') }}</td>
                        <td>{{ $sttr->approve_status==1? 'PENDING':'ACCEPTED' }}</td>
                        <td>{{ $sttr->issuedBy? $sttr->issuedBy->name:'N/A' }}</td>
                        @php
                            $type=get_class($sttr)=='App\Models\Inventory\StoreInvoice'?0:1;
                        @endphp
                        <td>
                            @if ($sttr->transfer_to == current_store() && $sttr->approve_status == 1)
                                <button type="button" class="btn btn-sm btn-info" onclick="setDataForEdit({{$sttr}},'{{$type}}')"><i class="fas fa-eye"></i></button>
                            @endif
                            @if ($sttr->warehouse_id == current_store())
                                @if(checkAuthPermission('store_transfer.update'))
                                    <button type="button" class="btn btn-sm btn-warning" onclick="setDataForEditNew({{$sttr}},'{{$type}}')"><i class="fas fa-wrench"></i></button>                                
                                @endif
                            @endif
                            @if(checkAuthPermission('store_transfer.print'))
                                <a target="_blank" href="{{route('store_transfer.print',['store_invoice_id'=>$sttr->id,'model'=>$type])}}" class="btn btn-sm btn-dark"><i class="fa fa-print"></i></a>
                            @endif
                        </td>
                    </tr>
                    @empty
                        
                    @endforelse
                </tbody>
            </table>
        </div> 
    </div>
</div>
@include('inventory.store_transfer.store_transfer_edit_modal')
@include('inventory.store_transfer.store_transfer_edit_new_modal')
@endsection
@section('script')
<script>
    const store_setting = @json(store_info());
</script>
{{-- <script type="text/javascript" src="{{ asset('inventory/blade_js/purchase/purchase-default.js') }}"></script> --}}
<!-- page script -->
<script type="text/javascript" src="{{ asset('inventory/blade_js/common.js') }}"></script>
<script type="text/javascript">
$('.datatable_apply').dataTable();
$('.select_2').select2();
var temp;
// var p_ids=[];
var productAvailableQty = [];
var pub_product=[];
    function getFormatedDate(dateToBeFormated){
            var now = new Date(dateToBeFormated);
            var day = ("0" + now.getDate()).slice(-2);
            var month = ("0" + (now.getMonth() + 1)).slice(-2);
            var return_date = now.getFullYear()+"-"+(month)+"-"+(day) ;
            return return_date;
        }
    function setDataForEdit(data,type){
        $('#cost_center_id option').each(function(){ 
            if($(this).attr('value')==data.cost_center_id){
                $(this).attr('selected', true);
            }
        });
        $('#store_id option').each(function(){ 
            if($(this).attr('value')==data.warehouse_id){
                $(this).attr('selected', true);
            }
        });
 
        var str ='';
        if(data.approve_status==2){
            $('#btn_accept').attr('disabled',true);
            $('#btn_reject').attr('disabled',true);
        }else{
            $('#btn_accept').attr('disabled',false);
            $('#btn_reject').attr('disabled',false);
        }
        $('#invoice_id').val(data.id);
        $('#store_type').val(type);
        $('#date').val(getFormatedDate(data.date));
        rawData=data.transactions;
                if(rawData.length>0){
                    for (let index = 0; index < rawData.length; index++) {
                            str += `<tr id="tr`+index+`">
                            <td>`+(index+1)+`</td>
                            <td>
                                <div class="d-flex text-center">
                                    <div class="input-group">
                                    <select class="form-control raw_product" tyle="width: 90%" name="raw_product_id[]" id="raw_product`+index+`" onchange="getAvailQTY(this.value,` + index + `)">
                                        <option value=`+rawData[index].product_id+`>`+rawData[index].product.name_eng+`</option>
                                    </select>
                                    <div class="input-group-append" style="width: 8%;height: 30px !important">
                                        <span class="input-group-text" id="unit_name` + index + `"></span>
                                    </div>
                                    </div>
                                    <input type="hidden" name="raw_product_table_id[]" value="`+rawData[index].id+`"
                                </div>
                            </td>
                            <td>
                                <input type="text" name="desc[]" id="desc`+index+`" class="form-control" value="`+(rawData[index].description != null ?rawData[index].description : '')+`">
                            </td>
                            <td>
                                <input type="number" min="0"  name="quantity[]" step=".01"
                                    id="quantity`+index+`" class="form-control" value="`+rawData[index].quantity+`" readonly>
                            </td>
                            
                            
                        </tr>`;
                        temp=(index+2);
                    }

                }
                console.log(str);
                $('#tbl_body').html(str);
                $("#store_edit_modal").modal("show");
                // $('#edit_form').show();
                initSelect2();
    }
    function setDataForEditNew(data,type)
    {
        $("#store_transfer_edit_modal").modal("hide");
        var str ='';
        console.log(data);
        var checkAvailQty=[];
        $('#recipe_id').val(data.recipe_id);
        $('#st_id').val(data.id);
        $('#store_type_edit').val(type);
        $('#note_edit').val(data.note);
        $('#cost_center_id_edit').val(data.cost_center_id).trigger('change');
        $('#store_id_edit').val(data.transfer_to).trigger('change');
        $('#date_edit').val(getFormatedDate(data.date));
        if(data.transaction_type==10){
            $('#store_id_edit_level').text('StoreFrom');
        }
        rawData=data.transactions;
        if(rawData.length>0){
            for (let index = 0; index < rawData.length; index++) {
                   var singleStr = `<tr id="tr`+index+`">
                    <td>`+(index+1)+`</td>
                    <td>
                        <div class="d-flex text-center">
                            <div class="input-group">
                                <select class="form-control raw_product" style="width: 80%" name="raw_product_id[]" id="raw_product`+index+`" onchange="getAvailQTY(this.value,` + index + `)">
                                    <option value=`+rawData[index].product_id+`>`+rawData[index].product.name_eng+`</option>
                                </select>
                                <div class="input-group-append" style="width: 8%;height: 30px !important">
                                    <span class="input-group-text" id="unit_name` + index + `">`+(rawData[index].product.primary_unit?rawData[index].product.primary_unit.name:'')+`</span>
                                </div>
                            </div>
                            <input type="hidden" name="raw_product_table_id[]" value="`+rawData[index].id+`"
                        </div>
                    </td>
                    <td>
                        <input type="text" name="desc[]" id="desc`+index+`" class="form-control" value="`+(rawData[index].description??'')+`">
                    </td>
                    <td>
                        <input type="number" step=".00001" min="0"  name="quantity[]" id="quantity`+index+`" class="form-control" value="`+rawData[index].quantity+`">
                        <input type="hidden" id="old_quantity`+index+`" class="form-control" value="`+rawData[index].quantity+`">
                    </td>
                    <td>
                        <input type="number" min="0" step=".01" disabled
                        id="avail_quantity` + index + `" class="form-control" readonly>
                    </td>
                    <td text-align="center">
                       
                    </td>
                </tr>`;
                str +=singleStr;
                // $('#tbl_body_edit').append(singleStr);
                //  <a class="btn btn-hover text-danger p-0" name="remove _row`+index+`" id="remove_row`+index+`" onclick="removeRow(`+index+`)"><i class="fas fa-trash-alt"></i></a>
                //getAvailQTY(rawData[index].product_id,index);
                checkAvailQty.push({'row_id':index,'product_id':rawData[index].product_id});
                temp=(index+2);
            }

        }     
        $('#tbl_body_edit').html(str);
        if(data.transaction_type==10){
            if(checkAvailQty.length>0){
                for (let a = 0; a < checkAvailQty.length; a++) {
                    getAvailQTY(checkAvailQty[a].product_id,checkAvailQty[a].row_id)
                }
            }
        }
        $("#store_transfer_edit_modal").modal("show");
        initSelect2();
    }
    function initSelect2(){
        pro_ids();
        transactionProductSearchWarehouseOnly('raw_product', 'transaction');
        $('#finished_product').select2({
            minimumInputLength: 3,
            // tags: [],
            ajax: {
                url: "/product-live-search",
                dataType: 'json',
                type: "POST",
                quietMillis: 50,
                data: function (term) {
                    return {
                        _token: $("input[name='_token']").val(),
                        type: 1,
                        p_ids:[0],
                        //p_ids: (p_ids.length == 0 ? [0] : p_ids),
                        name: term
                    };
                },
                processResults: function (data) {
                    return {
                        results: $.map(data, function (item) {
                            return {
                                // text: item.name_eng + ' -- ' + item.barcode,
                                text: item.name_eng + ((store_setting.is_barcode_show == 1) ? ' ('+ item.barcode +')' : ''),
                                id: item.id
                            }
                        })
                    };
                }
            }                                                   
        });
    }
    function addRow() {
        
        var str = `<tr id="tr`+temp+`">
                            <td>`+temp+`</td>
                            <td>
                                <div class="d-flex text-center">
                                    <div class="input-group">
                                    <select class="form-control raw_product" style="width: 80%" name="raw_product_id[]" id="raw_product`+temp+`" onchange="getAvailQTY(this.value,` + temp + `)">
                                        <option value=" ">-- Select Product --</option>
                                    </select>
                                    <div class="input-group-append" style="width: 8%;height: 30px !important">
                                            <span class="input-group-text" id="unit_name` + temp + `"></span>
                                        </div>
                                    </div>
                                </div>
                            </td>
                            <td>
                                <input type="text" name="desc[]" id="desc`+temp+`" class="form-control">
                            </td>
                            <td>
                                <input type="number" min="0" step=".01"  name="quantity[]"
                                    id="quantity`+temp+`" class="form-control">
                            </td>
                            <td>
                            <input type="number" min="0" step=".01" id="avail_quantity` + temp + `" class="form-control" readonly>
                        </td>
                            <td text-align="center">
                                <a class="btn btn-hover text-danger p-0" name="remove_row`+temp+`"
                                    id="remove_row`+temp+`" onclick="removeRow(`+temp+`)"><i class="fas fa-trash-alt"></i></a>
                            </td>
                        </tr>`;

        $('#tbl_body_edit').append(str);
        initSelect2();
        
        temp++;
    }
    function pro_ids() {
        $('.raw_product').each(function(i) {
            if(this.value > 0)
                p_ids[i] = this.value;
        });
    }

    function updateStatus(status) { debugger
        var invoice_id= $('#invoice_id').val();
        var store_type= $('#store_type').val();
        if(confirm('are you sure?')) {  
            $.ajax({
                    type: "GET",
                    url: "{{route('store_transfer.request_to_submit')}}",
                    data: {
                        invoice_id:invoice_id,
                        store_type:store_type,
                        status:status,
                    },
                    success: function (data) {
                        if(data==1) { 
                            location.reload();
                        }
                    },
                    error: function (data) {
                        alert("something Went Wrong.!");
                        console.log(data);
                    },
                });
            
            $("#store_edit_modal").modal("hide");
        }
    }

    function removeRow(row_id){
        $('#tr'+row_id).remove();
        temp--; 
    }
    function getAvailQTY(pro_id, i) {
        var store_table_type = $('#store_type').val();
        $.each(pub_product, function (index, pro) {
            if (pro.id == pro_id) {
                $('#unit_name' + i).text(pro.primary_unit.name);
            }
        });
        $.ajax({
            url: '/purchase/invoice-transaction/avail-qty/' + pro_id + '/' + store_table_type,
            method: "get",
            dataType: 'JSON',
            data: {},
            success: function (data) {
                var t = data;
                var old_quantity=parseFloat($('#old_quantity' + i)?$('#old_quantity' + i).val():0);
                var availQty=(parseFloat(data['qty'])+old_quantity);
                $('#avail_quantity' + i).val(parseFloat(availQty).toFixed(2));
                $('#quantity' + i).attr('max', parseFloat(availQty).toFixed(2)).attr('readonly', false);
            },
            error: function (data) {
                alert('Something Went Wrong.!');
                console.log(data);
            }
        });
        pro_ids('raw_product');
    }
</script>
{{-- @include('inventory.recipe.recipe_js') --}}
@stop