@extends('admin.layout.master')
@section('title','SHOTAGE STOCK')
@section ('content')
 
<style>
    td.lastCat {
        border-bottom: 1px solid red;
    }
    .table th, .table td {
            padding: 0px 5px;
            color: black;
        }
    .table th {
           background: var(--tableHeader);
           /* padding: 5px !important; */
           color: white !important;
        }
</style>
    <div class="card sina-card">
        <div class="card-header card-header-s d-flex flex-wrap align-items-center">
            <div class="col-md-6 col-12 pl-0">
                <h4 >{{__('obs.direct')}} {{__('obs.purchase')}} {{__('obs.order')}}</h4>
            </div> 
        </div>
        <div class="card-body"> 
            <form method="get" action="{{route('po-by-vendor.create')}}" name="filter_form" id="filter_form"> 
                <div class="row justify-content-end">
                    <div class="col-2">
                        <label for="short_id">{{__('obs.product')}} {{__('obs.type')}}</label>
                        <select class="select_2 form-control" style="width: 100%" name="short_id" id="short_id" required>
                            <option @if(Request()->short_id==0) selected="selected" @endif value="0">{{__('obs.short')}} {{__('obs.stock')}}</option>
                            <option @if(Request()->short_id==1) selected="selected" @endif value="1">{{__('obs.all')}}</option>
                        </select>
                    </div> 
                    <div class="col-3">
                        <label for="party_id">{{__('obs.vendor')}}</label>
                        <select class="party_live form-control" style="width: 100%" name="party_id" id="party_id" required> </select>
                    </div> 
                    <div class="col-3">
                        <label for="pro_id">{{__('obs.product')}}</label>
                        <select class="product_live form-control" style="width: 100%" name="pro_id" id="pro_id"> </select>
                    </div> 
                    <div class="col-3">
                        <label for="category_id">{{__('obs.category')}}</label>
                        <select class="form-control select_2" style="width: 100%" name="category_code" id="category_id"> 
                            <option value="" selected> -- select category -- </option>
                            @forelse ($categories as $cat)
                                <option value="{{$cat->code}}" > {{$cat->name_eng .' ('. $cat->code.')'}} </option>
                                
                                @forelse ($cat->child as $sub_cat)
                                    <option value="{{$sub_cat->code}}">&nbsp;&nbsp; {{$sub_cat->name_eng}}</option>
                                    
                                    @forelse ($sub_cat->child as $sub_sub_cat)
                                        <option value="{{$sub_sub_cat->code}}">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {{$sub_sub_cat->name_eng}}</option>
                                    @empty
                                        
                                    @endforelse
                                @empty
                                    
                                @endforelse
                            @empty
                                
                            @endforelse
                        </select>
                    </div> 
                    <div class="col-1 pl-0 m-auto"> 
                        <br>
                        <button type="submit" class="btn btn-pill btn-sm btn-hover btn-danger">
                            <i class="fa fa-search"></i>
                        </button> 
                    </div> 
                </div> 
            </form>
            <hr>
            <div class="table-responsive"  id="print">
                <form method="post" action="{{route('prepurchase.po_store')}}" name="filter_form" id="filter_form">
                    @csrf
                    <input type="hidden" name="vendor_id" id="vendor_id" value="{{ request()->party_id }}">
                    <table class="table table-striped table-bordered dataTable" id="tbl_data">
                        <input type="hidden" name="type" id="" value="1">
                        <thead>
                            <tr>
                                <th>{{__('obs.sl')}}</th>
                                <th>{{__('obs.product')}} {{__('obs.name')}}</th>
                                <th>{{__('obs.reorder')}} {{__('obs.level')}}</th>
                                <th>{{__('obs.sp')}}</th>
                                <th>{{__('obs.in')}} {{__('obs.stock')}}</th>
                                <th>{{__('obs.rate')}}</th>
                                <th>{{__('obs.quantity')}}</th> 
                            </tr>
                        </thead>
                        <tbody>
                            @php
                                $g=1;
                                $p=1;
                            @endphp
                            @if(count($products)>0)
                                @forelse ($products->groupBy('cat_code') as $cat=>$categoryProducts) 
                                    @forelse ($categoryProducts as $product)
                                        @php
                                            $stk = array_key_exists($product->id, $stocks) ? $stocks[$product->id] : 0;    
                                        @endphp
                                        @if(Request()->short_id)
                                            <tr>
                                                <td>{{$g}}.{{$p++}}</td>
                                                <td>
                                                    <input type="hidden" name="product_id[{{$product->id}}]" value="{{$product->id}}"> 
                                                    {{ $product->name_eng }}
                                                </td>
                                                <td class="text-right">{{ $product->reorder_level }}</td>
                                                <td class="text-right">{{ $product->sell_price }}</td>
                                                <td class="text-right"><input type="number" disabled name="rate[{{$product->id}}]" id="rate" value="{{$stk}}" class="form-control"></td>
                                                <td class="text-right"><input type="number" name="rate[{{$product->id}}]" id="rate" value="{{$product->buy_price}}" class="form-control"></td> 
                                                <td class="text-right"><input type="number" name="quantity[{{$product->id}}]" class="form-control" value="0"></td>                                                
                                            </tr>
                                        @else
                                            @if($stk <= $product->reorder_level)
                                                <tr>
                                                    <td>{{$g}}.{{$p++}}</td>
                                                    <td>
                                                        <input type="hidden" name="product_id[{{$product->id}}]" value="{{$product->id}}"> 
                                                        {{ $product->name_eng }}
                                                    </td>
                                                    <td class="text-right">{{ $product->reorder_level }}</td>
                                                    <td class="text-right">{{ $product->sell_price }}</td>
                                                    <td class="text-right"><input type="number" disabled name="rate[{{$product->id}}]" id="rate" value="{{$stk}}" class="form-control"></td>
                                                    <td class="text-right"><input type="number" name="rate[{{$product->id}}]" id="rate" value="{{$product->buy_price}}" class="form-control"></td> 
                                                    <td class="text-right"><input type="number" name="quantity[{{$product->id}}]" class="form-control" value="0"></td>                                                
                                                </tr>
                                            @endif
                                        @endif
                                    @empty 
                                    @endforelse
                                    @php
                                        $g++;
                                    @endphp
                                @empty 
                                @endforelse
                            @endif
                        </tbody>
                        
                    </table>
                    @if (count($products) > 0)
                        <button style="position: fixed;top:90%;right:2px;" class="btn-sina-submit" type="submit"><i class="fa fa-save"></i> {{__('obs.submit')}} </button>                        
                    @endif
                </form>
            </div>
            <div class="d-flex justify-content-end pt-2"> 
            </div>
        </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 type="text/javascript">
        $(document).ready(function() {
            partySearch('party_live', 1);

            $('#tbl_data').dataTable({
                "paging": false,
                "columnDefs": [ {
                    "orderable": false, 
                    'targets': [0,3,4],
                } ]
            }); 
            select2('select_2');
            transactionProductSearch('product_live','transaction', true); //Select2

        });  
    </script>
@endsection