@extends('admin.layout.master')
@section('title', 'SELL')
@section('custom_style')
    @include('inventory.blade_styles.posting_blade_css')
@endsection
@section('content')
    <div class="card sina-card">
        <div class="card-header card-header-s">
            <div class="d-flex justify-content-between">
                <h4 class="col-md-6 pl-0">{{__('obs.stock')}} {{__('obs.closing')}}</h4>
                <div class="col-md-4 d-flex pr-o">
                    <label for="" class="text-light mr-2" style="font-size: 17px;">{{__('obs.date')}}</label>
                    <input type="text" inv_bind="date" name="date" id="date" value="{{ date('d-m-Y') }}" class="form-control date_picker">
                </div>
            </div>
        </div>
        <div class="card-body pt-2">
            @csrf
            @include('inventory.global.install_product_by_category')
            {{-- <div class="row">
                <div class="col-md-10 col-12 d-flex flex-wrap">
                    <div class="col-1" style="margin: auto">
                        <label for="category_id">{{__('obs.category')}}</label>
                    </div>
                    <div class="col-10" style="margin: auto">
                        <select class="form-control select2_tag" style="width: 100%" name="category_id[]" id="category_id" multiple>
                            @forelse ($categories as $cat)
                                <option value="{{$cat->id}}" code={{ $cat->code }}> {{$cat->name_eng .' ('. $cat->code.')'}} </option>
                                @forelse ($cat->child as $sub_cat)
                                    <option value="{{$sub_cat->id}}" code={{ $sub_cat->code }}>&nbsp;&nbsp; {{$sub_cat->name_eng}}</option>
                                    @forelse ($sub_cat->child as $sub_sub_cat)
                                        <option value="{{$sub_sub_cat->id}}" code={{ $sub_sub_cat->code }}>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {{$sub_sub_cat->name_eng}}</option>
                                    @empty
                                    @endforelse
                                @empty
                                @endforelse
                            @empty
                            @endforelse
                        </select>
                    </div>
                </div>
                <div class="col-md-2 col-12 d-flex flex-wrap pr-0 mb-3 text-left">
                    <div class="col-12 px-0"> <br>
                        <a class="btn btn-sm btn-outline-info font-weight-bold" name="filter1" id="filter1" onclick="getProductByCategory()">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filter" viewBox="0 0 16 16">
                            <path d="M6 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/>
                        </svg>&nbsp;{{__('obs.filter')}}</a>
                    </div>
                </div>
            </div> --}}
            <hr class="mt-2">
            <div class="table-responsive">
                <table class="table table-bordered table-hover sm-pd-t">
                    <thead>
                        <tr>
                            <th class="text-center">#</th>
                            <th class="d-none">{{__('obs.products')}}</th>
                            <th class="text-center">{{__('obs.desc')}}</th>
                            <th class="text-center">{{__('obs.price')}}</th>
                            <th class="text-center">{{__('obs.closing')}}</th>
                            <th class="text-center">{{__('obs.total')}}</th>
                        </tr>
                    </thead>
                    <tbody id="tbl_body">
                        {{-- <tr>
                            <td>${ temp }</td>
                            <td> <select class="selectTransaction form-control" style="width: 100%" name="product_id[]" id="product_id${ temp }"> <option value=""></option> </select> </td>
                            <td> <input type="text" name="desc[]" id="desc${ temp }" class="form-control"> </td>
                            <td> <input type="number" step=".0000001" min="0" value="0" name="product_quantity[]" id="product_quantity${ temp }" onkeyup="calculateTotal(${ temp })" class="form-control"> </td>    
                            <td> <input type="number" step=".000000000000000001" min="0" value="0" name="price[]" id="price${ temp }" class="form-control price"> </td>
                            <td> <input type="number" value="0" step=".01" name="net_price[]" id="net_price${ temp }" class="form-control"> </td>
                            <td></td>
                        </tr> --}}
                    </tbody>
                    <tfoot>
                        <tr>
                            <td colspan="15">
                                @include('admin.global.loader')
                            </td>
                        </tr>
                    </tfoot>
                </table>
            </div>
            <hr class="mt-0 mb-2">
            <div class="row justify-content-end">
                <div class="col-md-2" id="div_qty">
                    <label for="total_quantity">{{__('obs.quantity')}}</label>
                    <input type="number" value="0" min="0" step=".0000001" class="form-control" name="total_quantity" id="total_quantity" readonly>
                </div>
                <div class="col-md-2" id="div_qty">
                    <label for="sub_total">{{__('obs.total')}}</label>
                    <input type="number" value="0" min="0" step=".0000001" class="form-control" name="sub_total" id="sub_total" readonly>
                </div>
            </div>
            <div class="row pb-0  modal-footer">
                <a type="button" class="btn-sina-close" href="{{ route('sell.index') }}">{{__('obs.close')}}</a>
                <input class="btn-sina-submit" type="button" id="save" value="Save" onclick="submitFormNew(false)">
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script type="text/javascript" src="{{ asset('inventory/blade_js/common.js') }}"></script>
    <script type="text/javascript" src="{{ asset('inventory/blade_js/product/sell/pricewise-closing.js') }}"></script>
    <script type="text/javascript" src="{{ asset('inventory/blade_js/product/inventory-default-v2.js') }}"></script>
    <script>
        const setting = @json($setting);
        const store_setting = @json(store_info());
        const warehouse_setting = @json(warehouse_info());
        const categories = @json($categories);
        const cat_ids_by_code = @json($cat_ids);
    </script>
@endsection