@extends('admin.template.master')
@section('content')
<div class="row">
    <div class="form-group col-md-3">
        <label>{{__('messages.name')}}/{{__('messages.barcode')}}</label>
        <input type="text" name="prd_stk" id="prd_stk" class="form-control" placeholder="" />
    </div>
    <div class="form-group col-md-1">
        <label>{{__('messages.quantity')}} </label>
        <input type="text" name="prd_stk_qty" id="prd_stk_qty" class="form-control isnumber"
            placeholder="" />
    </div>
    <div class="form-group col-md-1">
        <label>{{__('messages.price')}} </label>
        <input type="text" name="prd_stk_price" id="prd_stk_price" class="form-control isnumber"
            placeholder="" />
    </div>
    <div class="form-group col-md-1">
        <label>{{__('messages.date')}} </label>
        <input type="text" name="prd_stk_date" id="prd_stk_date" class="form-control datepickr"
            placeholder="Date" value="2025-12-06" readonly="" style="font-size:12px;" />
    </div>
    <div class="form-group col-md-2">
        <label>{{__('messages.notes')}} </label>
        <input type="text" name="prd_stk_notes" id="prd_stk_notes" class="form-control" placeholder="" />
    </div>
    <div class="form-group col-md-1">
        <label>&nbsp;</label>
        <button type="button" id="btn-add-prd-stk-atl" class="btn btn-block btn-primary"><i
                class="fa fa-plus"></i> </button>
    </div>
    <div class="form-group col-md-2">
        <label>&nbsp;</label>
        <button type="button" id="btn-process-items" class="btn btn-block btn-danger"><i class="fa fa-check"></i>
            {{__('messages.process')}}</button>
    </div>
    <div class="form-group col-md-1">
        <label>&nbsp;</label>
        <p id="req-msg" class="text-danger"></p>
    </div>
</div>
<div class="row">
    <div class="col-12">
        <hr>
    </div>
</div>
<div class="row">
    <div class="col-md-12">
        <table id="" class="table table-striped table-bordered dt-responsive nowrap sr"
            cellspacing="0" width="100%">
            <thead>
                <tr>
                    <th>#</th>
                    <th>{{__('messages.name')}}-{{__('messages.barcode')}}</th>
                    <th>{{__('messages.quantity')}}</th>
                    <th>{{__('messages.unit_price')}}</th>
                    <th>{{__('messages.total_price')}}</th>
                    <th>{{__('messages.date')}}</th>
                    <th>{{__('messages.notes')}}</th>
                    <th>{{__('messages.remove')}}</th>
                </tr>
            </thead>
            <tbody id="prd_stk_tbody">

            </tbody>
            <tfoot>
                <tr>
                    <th colspan="4">{{__('messages.total')}}</th>
                    <th id="sub_total"></th>
                    <th>&nbsp;</th>
                </tr>
            </tfoot>
        </table>
    </div>
</div>
@endsection
@section('customjs')
    <script src="{{ asset('custom_js/stock_items.js') }}"></script>
@endsection