@extends('admin.template.master')
@section('content')
            
    <div class="row">
        <div class="col-md-8">
            <div class="row">
                <div class="form-group col-md-4">
                    <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-4">
                    <label>{{__('messages.quantity')}} <span id="prd_stk_unit"></span></label>
                    <input type="text" name="prd_stk_qty" id="prd_stk_qty" class="form-control isnumber"
                        placeholder="" />
                </div>
                <div class="form-group col-md-2">
                    <button type="button" id="btn-add-prd-stk-atl" class="btn btn-block btn-primary mt-20"><i
                            class="fa fa-plus"></i> </button>
                </div>
                <div class="form-group col-md-1">
                    <button class="btn btn-success mt-20" data-toggle="modal"
                        data-target="#show-stock-modal" label="Show Stock"><i class="fa fa-th"></i>
                    </button>
                </div>
                <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.purchase_price')}}</th>
                                <th>{{__('messages.quantity')}}</th>
                                <th>{{__('messages.unit_price')}}</th>
                                <th>{{__('messages.total_price')}}</th>
                                <th>{{__('messages.remove')}}</th>
                            </tr>
                        </thead>
                        <tbody id="prd_stk_tbody">

                        </tbody>
                        <tfoot>
                            <th>&nbsp;</th>
                            <th>&nbsp;</th>
                            <th id="purchase_total"></th>
                            <th>&nbsp;</th>
                            <th>&nbsp;</th>
                            <th>&nbsp;</th>
                            <th>&nbsp;</th>
                        </tfoot>
                    </table>
                </div>
                <div class="col-md-12">
                    <label for="">Notes</label>
                    <textarea name="notes" id="notes" class="form-control"></textarea>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="row">
                <div class="col-md-6 mb-2 align-middle">
                    <h5 class="text-center pt-2"> {{__('messages.customer')}} {{__('messages.number')}} </h5>
                </div>
                <div class="col-md-6">
                    <input type="text" id="customer_contact" class="form-control isnumber text-center"
                        placeholder="Phone / Contact #">
                </div>
                <div class="col-md-6 mb-3">
                    <h5 class="text-center pt-2"> {{__('messages.customer')}} {{__('messages.name')}}</h5>
                </div>
                <div class="col-md-6">
                    <input type="text" id="customer_name" class="form-control text-center"
                        placeholder="Name">
                </div>
                <div class="col-md-6 mb-2">
                    <h5 class="text-center pt-2"> {{__('messages.customer')}} {{__('messages.email')}} </h5>
                </div>
                <div class="col-md-6">
                    <input type="text" id="customer_email" class="form-control text-center"
                        placeholder="Email">
                </div>
                <div class="col-md-6 d-none">
                    <h5 class="text-center text-pink"> ITEMS-TOTAL </h5>
                </div>
                <div class="col-md-6 d-none">
                    <h5 class="text-center text-pink" id="item-subtotal"> 0.00 </h5>
                </div>
                <div class="col-md-6 d-none">
                    <h5 class="text-center text-purple"> SERVICE-TOTAL </h5>
                </div>
                <div class="col-md-6 d-none">
                    <h5 class="text-center text-purple" id="service-subtotal"> 0.00 </h5>
                </div>
                <div class="col-md-6 mb-2">
                    <h5 class="text-center pt-2"> {{__('messages.sub_total')}} </h5>
                </div>
                <div class="col-md-6">
                    <h5 class="text-center pt-2" id="subtotal"> 0.00 </h5>
                </div>
                <div class="col-md-6 mb-2">
                    <h5 class="text-center pt-2"> {{__('messages.discount')}} <a href="#" id="dpercent" title="on"
                            class="text-danger"> % </a></h5>
                </div>
                <div class="col-md-6">
                    <input type="text" id="discount" class="form-control isnumber text-center"
                        placeholder="discount amount">
                </div>
                <div class="col-md-6 mb-2">
                    <h5 class="text-center pt-2"> {{__('messages.grand_total')}} </h5>
                </div>
                <div class="col-md-6">
                    <h5 class="text-center pt-2" id="grandtotal"> 0.00 </h5>
                </div>
                <div class="col-md-6 d-none">
                    <h5 class="text-center"> PAYMENT </h5>
                </div>
                <div class="col-md-6 d-none">
                    <input type="text" id="payments" class="form-control isnumber text-center"
                        placeholder="payment amount">
                </div>
                <div class="col-md-6 d-none">
                    <h5 class="text-center"> CHANGE </h5>
                </div>
                <div class="col-md-6 d-none">
                    <h5 class="text-center" id="change"> 0.00 </h5>
                </div>
                <div class="col-md-12">
                    <button type="button" id="btn-process-items" class="btn btn-block btn-danger m-t-30"><i
                            class="fa fa-check"></i> {{__('messages.process_checkout')}} </button>
                </div>
            </div>
        </div>
    </div>

    <div id="show-stock-modal" class="modal fade" role="dialog">
        <div class="modal-dialog modal-lg modal-dialog-centered">
            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">{{__('messages.stock_items')}}</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="">
                                <table id="salesStkItemsTable"
                                    class="table table-striped table-sm table-bordered dt-responsive nowrap"
                                    style="width:100%;">
                                    <thead>
                                        <tr>
                                            <th>#</th>
                                            <th>{{__('messages.category')}}</th>
                                            <th>{{__('messages.barcode')}}</th>
                                            <th>{{__('messages.name')}}</th>
                                            <th>{{__('messages.purchase_price')}}</th>
                                            <th>{{__('messages.selling_price')}}</th>
                                            <th>{{__('messages.quantity')}}</th>
                                            <th>{{__('messages.notes')}}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">{{__('messages.close')}}</button>
                </div>
            </div>
        </div>
    </div>
   
@endsection
@section('customjs')
    <script src="{{ asset('custom_js/quotations.js') }}"></script>
@endsection