@extends('admin.layout.master')
@section('title','ORDER MANAGEMENT')
@section('custom_style')
<style>
    input[type=text],
    input[type=file],
    input[type=number] {
        height: 35px !important;
    }
    .table thead th {
        border: 1px solid rgb(3, 3, 3) !important;
        text-align: center;
        vertical-align: middle;
        border-collapse: collapse;
    }
    .table tbody td {
        border: 1px solid rgb(194, 81, 81) !important;
        text-align: center;
        vertical-align: middle;
        border-collapse: collapse;
    }
    .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-12"> {{$type==1? __('obs.order_return_invoice_details_') : ''}} </h4>
        {{-- <div class="col-6 d-flex justify-content-end">
            <div class="d-flex">
                <label for="" class="text-light" style="min-width:70px;"> <b>{{__('obs.store')}}</b></label>
                <select class="select_2" style="width: 100%" name="store_id" id="store_id" onchange="updateOrderValue('{{$orderInvoice->id}}',0,this.value)">
                    @forelse ($stores as $store)
                        <option value="{{$store->id}}" @if($orderInvoice->warehouse_id==$store->id) selected="selected" @endif> {{$store->name_eng}}</option>
                    @empty
                    @endforelse
                </select>
            </div>
        </div> --}}
    </div> 
    
    <div class="card-body">
         
        <input type="hidden" name="" id="csrf-token" value="{{ Session::token() }}" />
        <form id="form" method="post" action="{{ route('order.update') }}" name="form" enctype="multipart/form-data">
            @csrf
            <div class="row mb-2">
                <div class="col-md-4 col-12 d-flex align-items-center mb-1">
                    <label for="date" class="col-3">{{__('obs.date')}} </label>
                    <input style="height:28px !important" type="date" required class="form-control col-9" onchange="updateOrderValue('{{$orderInvoice->id}}',2,this.value)" id="date" name="date" min="{{getAllowedPostDate()}}" max="{{getAllowedPostDate(1)}}" value="{{$orderInvoice->date?date('d-m-Y',strtotime($orderInvoice->date)):date('Y-m-d')}}">
                </div>
                @if(marketing_customer())
                    <div class="col-md-4 col-12 d-flex align-items-center mb-1">
                        <label for="party_id" class="col-3">{{__('obs.dealer')}} </label>
                        <select name="party_id" class="col-9" id="party_id" style="width: 100%" onchange="updateOrderValue('{{$orderInvoice->id}}',1,this.value)">
                            @forelse ($parties as $party)
                                <option @if($orderInvoice->party_id==$party->id) selected="selected" @endif value="{{$party->id}}">{{$party->name_eng}}</option>
                            @empty
                                
                            @endforelse
                        </select>
                    </div>
                    <div class="col-md-4 col-12 d-flex align-items-center mb-1">
                            <label for="store_id" class="col-3">{{__('obs.store')}} </label>
                            <select class="select_2 col-9" name="store_id" id="store_id" onchange="updateOrderValue('{{$orderInvoice->id}}',0,this.value)">
                                @forelse ($stores as $store)
                                    <option value="{{$store->id}}" @if($orderInvoice->warehouse_id==$store->id) selected="selected" @endif> {{$store->name_eng}}</option>
                                @empty
                                @endforelse
                            </select>
                    </div>
                @endif
            </div>
            <div class="table-responsive">
                <table class="table table-bordered table-hover">
                    <thead>
                        <tr>
                            <th width="5%">#</th>
                            <th width="60%">{{__('obs.product')}}</th>
                            <th width="5%">{{__('obs.unit')}}</th>
                            <th width="30%" style="min-width:100px;">{{__('obs.quantity')}}</th>
                            {{-- <th width="10%">{{__('obs.delivered')}} {{__('obs.qty')}}</th> --}}
                        </tr>
                    </thead>
                    <tbody id="tbl_body">
                        @php
                            $i=0;
                            $categoryPros=count($orderInvoice->transactions)>0?$orderInvoice->transactions->groupBy('product.cat_code'):(count($orderInvoice->fgTransactions)>0?$orderInvoice->fgTransactions->groupBy('product.cat_code'):$orderInvoice->details->groupBy('product.cat_code'));
                        @endphp
                        @forelse ($categoryPros as $categoryProduct)
                        <tr>
                            <th colspan="5" class="text-center" style="background-color:#002952">{{$categoryProduct->first()->product->catByCatCode?$categoryProduct->first()->product->catByCatCode->name_eng:''}}</th></tr>
                            @forelse ($categoryProduct as $k=>$item)
                            <tr id="tr{{$item->id}}">
                                <td>{{ ($i+1) }}</td>
                                <td class="text-left">
                                    <div class="d-flex text-center">
                                        <select class="form-control select_2 n_val" style="width: 100%" >
                                            <option value="{{ $item->product->id }}"> {{ $item->product->name_eng }}</option>
                                        </select>
                                    </div>
                                   
                                </td>
                                <td>
                                    {{ ($item->product->primaryUnit ? $item->product->primaryUnit->name : '') }}
                                </td>
                                <td>
                                    <input type="number" min="0" name="quantity[{{$item->id}}]" id="quantity{{ $item->id }}" class="form-control" step=".01" onblur="setModelData({{$item}})" value="{{$item->order_qty/$item->unit_qty}}">
                                    <input type="hidden" min="0" id="quantity_h{{ $item->id }}" value="{{$item->order_qty/$item->unit_qty}}">
                                    {{--  onchange="updateOrderValue('{{$item->id}}',this.value)" --}}
                                </td>
                            </tr>
                            @php
                                $i++;
                            @endphp
                            @empty
                            @endforelse

                        @empty
                        @endforelse
                    </tbody>
                    <input type="hidden" name="" id="index_num" value="{{($i)}}">
                    <input type="hidden" name="order_id" id="index_num" value="{{($orderInvoice->id)}}">
                </table>
            </div>
            
            <hr>
            
            <div class="row pb-0  modal-footer">
                {{-- <input class="btn-danger" value="Empty Cart" onclick="deleteRow(0)"> --}}
                <div style="position: fixed;bottom:5%;right:20px">
                    <input class="btn-sina-submit" type="button" value="Update" id="update" onclick="updateExtInvoice()">
                    {{-- <input class="btn-sina-submit" type="submit" id="save" style="display:none" value="save" onclick="return confirm('are you sure?');">  --}}
                    <button class="btn btn-sm btn-primary btn-pill btn-sina-submit" onclick="addRow()" type="button"name="add_Row" id="add_Row"><i class="fas fa-plus"></i></button>

                </div>
            </div>
        </form>
    </div>
</div>

@endsection
@section('script')
<script>
    const store_setting = @json(store_info());
</script>
<script type="text/javascript" src="{{ asset('inventory/blade_js/common.js') }}"></script>
<script>
    var pub_product;
    // var p_ids=[];
    let rawData=[];
 $(document).ready(function() {
    $('.n_val').select2();
    $('#store_id').select2();
    $('#party_id').select2();
    pro_ids();
        $('#datatable_apply').dataTable({
            "paging": false,
            "columnDefs": [ {
                "orderable": false,
                // "visible": false, 
                'targets': 2,
            } ]
        });
    });
const updateBatchOrderValue=(id,qty,field_data=0)=>{
    $.ajax({
            type: "POST",
            url: "{{route('order.update')}}",
            data: {
                _token: "{{ csrf_token() }}",
                fg_id:id,
                qty:qty,
                field_data:field_data
            },
            success: function (data) {
                console.log(data);
            },
            error: function (response) {
            },
        });
}
const updateOrderValue=(id,qty,field_data=0)=>{
    if(confirm('are you sure?')){
        $.ajax({
            type: "POST",
            url: "{{route('order.update')}}",
            data: {
                _token: "{{ csrf_token() }}",
                fg_id:id,
                qty:qty,
                field_data:field_data
            },
            success: function (data) {
                    location.reload();
                },
            error: function (response) {},
        });
    }
}
    const setModelData=(data)=>{
        var qty=parseFloat($('#quantity'+data.id).val());
        var qty_h=parseFloat($('#quantity_h'+data.id).val());
        var type=1;
        let keys=[];
        keys[1]='sell_price';keys[2]='retail_sell_price';keys[3]='whole_sell_price';keys[4]='flash_sell_price';
        if(qty!=qty_h){
            let data_pass={'id':data.id,'qty':qty};
            let item = rawData.find( t  => t.id == data.id);
            if (item) {
                item.qty=qty;
            } else {
                rawData.push(data_pass);
            }            
        }else{
            rawData=rawData.filter( t  => t.id != data.id);
        }
    }
    const updateExtInvoice=()=>{
        if(confirm('are you sure?')){
            if(rawData.length){
                let subtotal=0;
                for (let index = 0; index < rawData.length; index++) {
                    updateBatchOrderValue(rawData[index].id,rawData[index].qty);
                }
            }
            if($("tr").hasClass("new_row")){
                $('#form').submit();
            }
        }
    }
function addRow(){
    var index=parseInt($('#index_num').val())+1;
    var returnData='';
    returnData+=`<tr id="tr-`+index+`" class="new_row">
                    <td>`+(index)+`</td>
                    <td>
                        <div class="d-flex text-center">
                            <select class="form-control new_product n_val" style="width: 100%" name="product_id[`+index+`]" onchange="setUnit(this.value,`+index+`)">
                                <option value=" ">--   --{{__('obs.select_product')}}</option>
                            </select>
                        </div>
                    </td>`;
                    returnData+=` <td class="text-center" id="unit_name`+index+`"> </td>`;
                    
                    returnData+=`<td class="text-center">
                                    <div class="input-group text-right">  
                                        <input type="number" min="0"  name="new_quantity[`+index+`]" id="new_quantity`+index+`" step=".01" class="form-control-sm" value="0" style="width:90%">  
                                        <div class="input-group-append" style="width:10%">
                                            <button type="button" onclick="deleteRow(`+index+`)" class="btn btn-danger btn-sm">
                                                <span class="fa fa-minus"></span><span class="btn_text-`+index+`"></span>
                                            </button>
                                        </div>
                                    </div>

                                    </td>
                                </tr>`;
                                $('#index_num').val((index));
                        $('#tbl_body').append(returnData);
                        productSearch('new_product');
                        // $('#save').show();
}
function deleteRow(row_id){
    $('#tr-'+row_id).remove();
    // if(!$("tr").hasClass("new_row")){
    //     $('#save').hide();
    // }
    // $('#index_num').val(($('#index_num').val()-1));
   // getSum();
}
function setUnit(product_id,row_id){
    $.each(pub_product, function(index, pro) {
        if (pro.id == product_id) {
            $('#unit_name' + row_id).text(pro.primary_unit.name);
        }
    });
    pro_ids();
}
function pro_ids() {
    $('.n_val').each(function(i) {
        if(this.value > 0)
            p_ids[i] = parseInt(this.value);
    });
    console.log(p_ids);
}
</script>
@stop