@extends('sales.template.master')
@section('content')
            
<div class="row">
    <div class="col-md-9">
        <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 prd_stk"
                    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="fas fa-plus"></i> </button>
            </div>
            <div class="form-group col-md-1">
                <button class="btn btn-danger mt-20" data-toggle="modal" data-target="#return-item-modal" label="Return Items">
                    <i class="fas fa-reply-all"></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>
            <table id="" class="table table-striped table-bordered dt-responsive nowrap sr"
                cellspacing="0" width="100%">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>{{__('messages.barcode')}}</th>
                        <th style="width:250px;" class="text-center">{{__('messages.name')}}</th>
                        <th>{{__('messages.stock')}}</th>
                        <th>{{__('messages.quantity')}}</th>
                        <th>{{__('messages.unit_price')}}</th>
                        <th>{{__('messages.total_price')}}</th>
                        <th>{{__('messages.discount')}}</th>
                        <th>{{__('messages.after_discount')}}</th>
                        <th>{{__('messages.remove')}}</th>
                    </tr>
                </thead>
                <tbody id="prd_stk_tbody">

                </tbody>
            </table>
        </div>
        <hr>
    </div>
    @if(session('locale')=='ar')
        <div class="col-md-3" style="border-right:2px solid black;">
    @else
        <div class="col-md-3" style="border-left:2px solid black;">
    @endif
        <div class="row">

            <div class="col-md-6">
                <h4 class="text-center text-capitalize"> {{__('messages.sub_total')}} </h4>
            </div>
            <div class="col-md-6">
                <h4 class="text-center" id="subtotal"> 0.000 </h4>
            </div>

        </div>
        <hr>
        <div class="row">
            <div class="col-md-6">
                <h4 class="text-center text-capitalize"> {{__('messages.discount')}} <a href="#" id="dpercent" title="on"
                        class="text-danger"> % </a> </h4>
            </div>
            <div class="col-md-6">
                <input type="text" id="discount" class="form-control isnumber text-center"
                    placeholder="discount amount">
            </div>
        </div>
        <hr>
        <div class="row">

            <div class="col-md-6">
                <h4 class="text-center text-capitalize"> {{__('messages.grand_total')}} </h4>
            </div>
            <div class="col-md-6">
                <h4 class="text-center" id="grandtotal"> 0.000 </h4>
            </div>
        </div>
        <hr>
        <div class="row">

            <div class="col-md-6">
                <h4 class="text-center text-capitalize">{{__('messages.payment')}} </h4>
            </div>
            <div class="col-md-6">
                <input type="text" id="payments" class="form-control isnumber text-center"
                    placeholder="payment amount">
            </div>

        </div>
        <hr>
        <div class="row">
            <div class="col-md-6">
                <h4 class="text-center text-capitalize"> {{__('messages.change')}} </h4>
            </div>
            <div class="col-md-6">
                <h4 class="text-center" id="change"> 0.000 </h4>
            </div>

        </div>

        <div class="row">
            <div class="col-md-6">

                <button type="button" id="btn-process-items-drawer"
                    class="btn btn-block btn-primary m-t-30"><i class="fa fa-check"></i> {{__('messages.open_drawer')}}
                </button>
            </div>

            <div class="col-md-6">
                <a href="{{route('sales.last-invoice')}}" target="_blank" class="btn btn-block btn-danger m-t-30"><i
                        class="fa fa-check"></i> {{__('messages.print_last_bill')}} </a>
            </div>
        </div>

    </div>
</div>
 
<div id="return-item-modal" class="modal fade" role="dialog">
    <div class="modal-dialog modal-xl">
        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">{{__('messages.returns')}}</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="form-group col-md-3">
                        <label>INVOICE</label>
                        <input type="text" name="rtn_invoice" id="rtn_invoice" class="form-control"
                            placeholder="ENTER INVOICE NUMBER IF ANY" />
                    </div>
                    <div class="form-group col-md-3">
                        <label>Name/Barcode</label>
                        <input type="text" name="rtn_prd_stk" id="rtn_prd_stk" class="form-control"
                            placeholder="" />
                    </div>
                    <div class="form-group col-md-3">
                        <label>Quantity <span id="rtn_prd_stk_unit"></span></label>
                        <input type="text" name="rtn_prd_stk_qty" id="rtn_prd_stk_qty"
                            class="form-control isnumber" placeholder="" />
                    </div>
                    <div class="form-group col-md-2">
                        <h2 id="rtn_subtotal" class="mt-20 text-right">0.000</h2>
                    </div>
                    <div class="form-group col-md-1">
                        <button type="button" id="btn-add-rtn-prd-stk-atl"
                            class="btn btn-block btn-primary mt-20"><i class="fa fa-plus"></i> </button>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">

                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <table id="" class="table table-striped table-bordered dt-responsive nowrap sr2"
                            cellspacing="0" width="100%">
                            <thead>
                                <tr>
                                    <th>Sno</th>
                                    <th>Name-Barcode</th>
                                    <th>Purchase Price</th>
                                    <th>Quantity</th>
                                    <th>Unit Price</th>
                                    <th>Total Price</th>
                                    <th>Remove</th>
                                </tr>
                            </thead>
                            <tbody id="rtn_prd_stk_tbody">

                            </tbody>
                        </table>
                    </div>
                </div>


            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="button" id="btn-rtn-items" class="btn btn-danger waves-effect waves-light">Return
                    Items</button>
                <!-- <button type="button" id="btn-rtn-bill"  class="btn btn-success waves-effect waves-light">Adjust With Current Bill</button> -->
            </div>
        </div>
    </div>
</div>

<div id="return-inovice-modal" class="modal fade" role="dialog">
    <div class="modal-dialog modal-lg">
        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Return Items Bill</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                
            </div>
            <div class="modal-body" id="inv-mbody" style="height:600px;">
                <iframe src="" id="inv-iframe" style="width:100%;height:inherit;border:none;"></iframe>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

<div id="show-stock-modal" class="modal fade" role="dialog">
    <div class="modal-dialog modal-xl">
        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">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="card-box">
                            <div class="row">
                                <div class="table-responsive">
                                    <table id="salesStkItemsTable"
                                        class="table table-striped table-bordered dt-responsive nowrap"
                                        style="width:100%;">
                                        <thead>
                                            <tr>
                                                <th>Sno</th>
                                                <th>Category</th>
                                                <th>Barcode</th>
                                                <th>Name</th>
                                                <th>Selling Price</th>
                                                <th>Qty</th>
                                                @foreach ($branches as $branch)
                                                    <th>{{ $branch->branch_name }}</th>
                                                @endforeach
                                            </tr>
                                        </thead>
                                        <tbody>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

<div id="notes-modal" class="modal fade" role="dialog">
    <div class="modal-dialog modal-lg">
        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">{{__('messages.notes')}}</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">
                        <textarea class="form-control" rows="20" id="rmd_notes"></textarea>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-info" id="btn-save-notes">Save</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

@endsection
@section('customjs')
    <script src="{{ asset('custom_js/sales.js') }}"></script>
@endsection