@extends('admin.layout.master')
@section('title','INDENT MANAGEMENT')
@section('custom_style')
<style>
    /* input[type=text],
    input[type=file],
    input[type=number] {
        height: 35px !important;
    } */
    .table td {
        padding: 0px 5px;
        color: black;
    }
    .table th {
        background: var(--cl-primary);
        padding: 5px !important;
        color: white !important;
    }
    .custom-td {
        white-space:pre-wrap;
        word-wrap:break-word;
    }

</style>
@endsection
@section ('content')
<style>
    .gj-datepicker-bootstrap [role=right-icon] button .gj-icon, .gj-datepicker-bootstrap [role=right-icon] button .material-icons {
        top: 4px;
    }
</style>
<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">{{__('obs.indent')}} {{__('obs.list')}}</h4>
        <div  class="col-6 d-flex justify-content-end">

        </div>
    </div>

    <div class="card-body">
        @php
            $statusArray=[1=>'PENDING',2=>'REQUESTED',3=>'ISSUED',4=>'ACCEPTED',5=>'FINISHED'];
            $classArray=[1=>'warning',2=>'info',3=>'primary',4=>'success',5=>'danger'];
            $action_id=getDefaultSettings(26)->action_id;
        @endphp
        <form action="{{  Request::url() }}" method="get">
                <div class="row justify-content-center">
                    <div class="col-6 col-md-2">
                        <input type="text" name="indent_no" id="indent_no" placeholder="indent No" class="form-control" value="{{Request()->indent_no}}">
                       
                    </div>
                    
                    <div class="col-6 col-md-2">
                        <select name="store_id" id="store_id" class="form-control select_2">
                            <option value="0">{{__('obs.all_store')}}</option>
                            @forelse ($stores->where('parent_id',current_warehouse()) as $k=>$store)
                                <option value="{{$store->id}}"  @if(Request()->store_id==$store->id) selected="selected" @endif>{{$store->name_eng}}</option>
                            @empty
                            @endforelse
                        </select>
                    </div>
                    <div class="col-6 col-md-2">
                        <select name="status" id="status" class="form-control select_2">
                            <option value="0">{{__('obs.all_status')}}</option>
                            @forelse ($statusArray as $k=>$status_name)
                                <option value="{{$k}}"  @if(Request()->status==$k) selected="selected" @endif>{{$status_name}}</option>
                            @empty
                            @endforelse
                        </select>
                    </div>
                    <div class="col-6 col-md-6">
                        <div class="d-flex">
                            {!!getDateInput('start_date','start_date',Request()->start_date)!!}
                            <label class="input-group-text" style="height: 24px; margin-left: -2px; margin-right: -2px">{{__('obs.date_to')}}</label>
                            {!!getDateInput('end_date','end_date',Request()->end_date)!!}
                            <button type="submit" style="height: 24px; margin-left: -2px" class="btn btn-pill btn-sm btn-hover btn-danger">
                                <i class="fa fa-search"></i>
                            </button>
                        </div>
                    </div>
                </div>
            {{-- </div> --}}
        </form>
        <hr>
        <div class="table-responsive"  id="print">
            <table class="table table-bordered table-hover">

                <thead class="">
                    <tr>
                        <th>#</th>
                        <th>{{__('obs.date')}}</th>
                        <th>{{__('obs.indent_no')}}</th>
                        <th>{{__('obs.finished_product')}}</th>
                        <th>{{__('obs.by')}}</th>
                        <th>{{__('obs.from')}}</th>
                        <th>{{__('obs.qty')}}</th>
                        <th>{{__('obs.finished_qty')}} </th>
                        <th>staus</th>
                        @if($action_id)
                            <th>{{__('obs.approvals')}}</th>
                        @endif
                        <th>{{__('obs.action')}}</th>
                        <th>{{__('obs.print')}}</th>
                    </tr>
                </thead>
                <tbody id="tbl_body_index">
                    @forelse ($indents as $key=>$indent)
                    <tr>
                        <td>{{ ($key+1) }}</td>
                        <td class="custom-td">{{ date('d-m-Y h:i A',strtotime($indent->created_at)) }}</td>
                        <td>{{ $indent->indent_no }} {{ $indent->indent_type == 2 ? '(R)' : '' }}</td>
                        <td>{{ $indent->product?$indent->product->name_eng:'N/A' }}</td>
                        <td class="custom-td">{{ $indent->madeBy->name }}</td>
                        <td class="custom-td">{{ $indent->madeStore->name_eng }}</td>
                        <td>{{ $indent->indent_qty }}</td>
                        <td>{{ $indent->finished_qty }}</td>
                        <td>
                            <span class="badge badge-{{$classArray[$indent->status]}}" id="status_span{{$indent->id}}">{{$statusArray[$indent->status]}}</span>
                        </td>
                        @if($action_id)
                            <td>
                                @if(($indent->approve_status==1))
                                    <button type="button" class="btn btn-sm btn-success">{{__('obs.approved')}}</button>
                                @else
                                    {!! getApprovalInputField($indent->id,$action_id) !!}
                                @endif
                            </td>
                        @endif
                        <td>
                            <div class="d-flex">
                                @if($indent->status==1)
                                    <div class="col-2">
                                        @if(checkAuthPermission('indent.update'))
                                            <button type="button" class="btn btn-info btn-sm" onclick="setDataForEdit({{$indent}})"><i class="fas fa-wrench"></i></button>
                                        @endif
                                    </div>
                                @endif
                                @if($indent->status!=5)
                                    <div class="col-{{ $indent->status==1 ? 10 : 12 }}">
                                        @if($indent->status!=2)
                                            @if(checkAuthPermission('indent.request_to_submit'))
                                                <select name="status" id="status_row{{$indent->id}}" style="width:100%" class="form-control select_2" onchange="updateStatus('{{$indent->id}}',this.value)">
                                                    <option value="0">{{__('obs.select')}} {{__('obs.status')}}</option>
                                                    @if($indent->status==1)
                                                        <option value="2" {{($indent->status==5)?'disabled':''}} {{($indent->status==2)?'selected':''}}>{{__('obs.request_indent')}}</option>
                                                    @endif

                                                    @if($indent->status>2)
                                                        <option {{($indent->status==5)?'disabled':''}} value="4" {{($indent->status==4)?'selected':''}}>{{__('obs.accepted')}}</option>
                                                    @endif
                                                    {{-- @if($indent->status>3)
                                                        <option value="5" {{($indent->status==5)?'selected':''}}>{{__('obs.finished')}}</option>
                                                    @endif --}}
                                                </select>
                                            @endif
                                        @endif
                                    </div>
                                @endif
                                @if($indent->status == 4)
                                    @if(checkAuthPermission('production.add'))
                                        <a class="btn btn-danger btn-sm" href="{{route('production.add',[$indent->reference_id,'indent_id'=>$indent->id])}}">
                                            <i class="fa fa-industry"></i>
                                        </a>
                                    @endif
                                @endif
                            </div>
                        </td>
                        <td>

                            <div class="input-group">
                                {{-- <div class="input-group-append"> --}}
                                    @if(checkAuthPermission('indent.print'))
                                        <a target="_blank" class="btn btn-info btn-sm" href="{{route('indent.print',['indent_id'=>$indent->id])}}"><i class="fas fa-print"></i></a>
                                    @endif
                                {{-- </div> --}}
                                @if($indent->status>3)
                                {{-- <div class="input-group-append"> --}}
                                    @if(checkAuthPermission('issue.print'))
                                        <a target="_blank" class="btn btn-{{$indent->finished_qty?'danger':'warning'}} btn-sm" href="{{route('issue.print',['id'=>$indent->reference_id])}}"><i class="fas fa-print"></i> {{$indent->finished_qty?'Production':'Issue'}}</a>
                                    @endif
                                    {{-- </div> --}}
                                @endif
                        </div>
                        </td>
                    </tr>
                    @empty

                    @endforelse
                </tbody>
            </table>
        </div>
        <div class="d-flex justify-content-end pt-2">
            {{-- {!! $invoices->links() !!} --}}
        </div>
    </div>
</div>
@include('inventory.indent.indent_edit_modal')
@endsection
@section('script')
{{-- <script type="text/javascript" src="{{ asset('inventory/blade_js/purchase/purchase-default.js') }}"></script> --}}
<!-- page script -->
<script type="text/javascript">
var clickMe=0;
var temp;
var stArrt=@json($statusArray);
var p_ids=[];
let additional = {};
var store_setting = @json(store_info());
$(document).ready(function() {
    additional['codes'] = @json($cat_codes);
    additional['party_type'] = null;
});
$('.select_2').select2();
function updateStatus(id,status){
    console.log(stArrt);

   if(status==0){
       return null;
   }
   if(status==5){
    var finish_qty=parseInt(prompt('finised_quantity:'));
   }else{
    var finish_qty=0;
   }
        if(confirm('Are You Sure?')){
            $.ajax({
                    type: "GET",
                    url: "{{route('indent.request_to_submit')}}",
                    data: {
                        indent_id:id,
                        finish_qty:finish_qty,
                        status:status,
                    },
                    success: function (data) {
                    location.reload();
                    },
                    error: function (response) {
                    },
                });
        }
}
    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 setQtyToRawProduct(){
        var batch_qty=$('#b_qty').val();
        $('.hidden_quantity').each(function(){
                var idx =  $(this).attr("id").split('-')[1]; //this.id
                $('#quantity'+idx).val($(this).val()*batch_qty);
        });
    }
    function setDataForEdit(data)
    {
        $("#indent_edit_modal").modal("hide");
        var str ='';
        console.log(data);
        $('#recipe_id').val(data.recipe_id);
        $('#indent_id').val(data.id);
        $('#note').val(data.note);
        $('#b_qty').val(data.indent_qty);
        $('#store_id_edit').val(data.store_id).trigger('change');
        $('#finished_product').html(
        `<option value=`+data.product_id+`>`+(data.product?data.product.name_eng:'NA')+`</option>`
        );
        //    $('#finished_product').val(data.name);
        rawData=data.raw_product;
        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">
                            <select class="form-control raw_product" style="width: 100%" name="raw_product_id[]" id="raw_product`+index+`">
                                <option value=`+rawData[index].product_id+`>${rawData[index].product.name_eng} ${store_setting.is_barcode_show ? '('+rawData[index].product.barcode+')' : ''}</option>
                            </select>
                            <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].note == null ? '' : rawData[index].note)+`">
                    </td>
                    <td>
                        <input type="number" step=".01" min="0"  name="quantity[]" id="quantity`+index+`" class="form-control" value="`+rawData[index].quantity+`">
                        <input type="hidden" step=".01" min="0" id="hidden_quantity-`+index+`" class="form-control hidden_quantity" value="`+(rawData[index].quantity/data.indent_qty)+`">
                    </td>

                    <td class="text-center">
                        <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>
                    </td>
                </tr>`;
                temp=(index+2);
            }

        }
        $('#cost_center').val(data.cost_center_id).trigger('change');
        $('#tbl_body').html(str);
        $("#indent_edit_modal").modal("show");
        initSelect2();
    }
    function initSelect2(){
            pro_ids();
            $('.raw_product').select2({
                minimumInputLength: 3,
                // tags: [],
                ajax: {
                    url: "/product-live-search",
                    dataType: 'json',
                    type: "POST",
                    quietMillis: 0,
                    data: function (term) {
                        return {
                            _token: $("input[name='_token']").val(),
                             // type: 1,
                             additional: additional,
                            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
                                }
                            })
                        };
                    }
                }
            });

            $('#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: 2,
                            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">
                                       <select class="form-control raw_product" style="width: 100%" name="raw_product_id[]" id="raw_product`+temp+`">
                                           <option value=" ">-- Select Product --</option>
                                       </select>
                                       <a class="btn btn-hover text-success p-0 pl-2" id="add`+temp+`"
                                           style="display: none"><i class="fas fa-plus"></i></a>
                                   </div>
                               </td>
                               <td>
                                   <input type="text" name="desc[]" id="desc`+temp+`" class="form-control">
                               </td>
                               <td>
                                   <input type="number" step=".01" min="0"  name="quantity[]"
                                       id="quantity`+temp+`" class="form-control">
                               </td>
                               <td class="text-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').append(str);
            initSelect2();

       temp++;
       }
       function pro_ids() {
            $('.raw_product').each(function(i) {
                if(this.value > 0)
                    p_ids[i] = this.value;
            });
            console.log(p_ids);
        }

        function removeRow(i){
            $(`#tr${i}`).remove();
        }
</script>
{{-- @include('inventory.indent.recipe_js') --}}
@stop