@extends('layouts.members')
@section('page_title', 'NEW SALE')
<link rel="stylesheet" href="{{ asset('public/css/app.css') }}"/>
<script defer src="{{ asset('public/js/app.js') }}"></script>
@section('content')
    <div class="container" id="#app">
        <div id="app">
            <new_sales :products="{{$products}}" :inventories="{{ json_encode($inventories) }}"></new_sales>
        </div>
{{--        <div class="card card-primary">--}}
{{--            <div class="panel panel-black">--}}
{{--                <div class="panel-heading">--}}
{{--                    <a href="{{route('member_all_sales', Session('store_id'))}}" class="btn btn-raised btn-primary">Sales</a>--}}
{{--                    --}}{{--<a href="{{route('welcomePack')}}" class="btn btn-raised btn-primary">Welcome Pack</a>--}}
{{--                    <hr/>--}}
{{--                    <h3 class="text-center">{{Session('store_name')}}--Sell</h3>--}}
{{--                </div>--}}
{{--                <div class="panel-body">--}}
{{--                    @include('includes.flash')--}}
{{--                    <form class="form-horizontal" role="form" method="POST"--}}
{{--                          action="{{route('member_save_sale', Session('store_id'))}}">--}}
{{--                        {!! csrf_field() !!}--}}

{{--                        <div class="form-group">--}}
{{--                            <label for="product_id" class="col-md-4 control-label">Product</label>--}}
{{--                            <div class="col-md-6">--}}
{{--                                <select name="product_id" class="form-control" id="product_id">--}}
{{--                                    <option value="">Select Product</option>--}}
{{--                                    @foreach($products as $product)--}}
{{--                                        <option value="{{$product->id}}"--}}
{{--                                                data-price="{{$product->price}}" id="{{$product->id}}"> {{$product->name}} -  {{$product->description}}</option>--}}
{{--                                    @endforeach--}}
{{--                                </select>--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                        <div class="form-group">--}}
{{--                            <label for="product_id" class="col-md-4 control-label">Quantity</label>--}}

{{--                            <div class="col-md-6">--}}
{{--                                <input type="number" required placeholder="Enter Quantity" min="1" name="quantity" id="quantity"--}}
{{--                                       value="1" class="form-control">--}}
{{--                            </div>--}}
{{--                        </div>--}}

{{--                        <div class="form-group">--}}
{{--                            <label for="product_id" class="col-md-4 control-label">Date</label>--}}

{{--                            <div class="col-md-6">--}}
{{--                                <input type="date" name="date" required id="date"--}}
{{--                                       class="form-control">--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                        <div class="form-group">--}}
{{--                            <div class="col-md-6">--}}
{{--                                <label for="amount">Amount</label>--}}
{{--                                <input id="amount" required name="amount" readonly class="col-md-4 control-label form-control"--}}
{{--                                       value="">--}}
{{--                            </div>--}}

{{--                        </div>--}}

{{--                        <div class="form-group">--}}
{{--                            <div class="col-md-6">--}}
{{--                                <select class="form-control" required id="pay_channel" name="pay_channel">--}}
{{--                                    <option value="">Select Payment Channel</option>--}}
{{--                                    <option value="POS">POS</option>--}}
{{--                                    <option value="CASH">CASH</option>--}}
{{--                                    <option value="TRANSFER">TRANSFER</option>--}}
{{--                                    <option value="ONLINE">ONLINE</option>--}}
{{--                                    <option value="PENDING">PENDING</option>--}}
{{--                                </select>--}}
{{--                            </div>--}}

{{--                        </div>--}}

{{--                        <div class="form-group">--}}
{{--                            <div class="col-md-6 review_wrapper" id="review_wrapper" style="display:none;">--}}
{{--                                <label for="memo">Review</label>--}}
{{--                                <input type="text" placeholder="Review" class="form-control" name="review" id="review">--}}
{{--                            </div>--}}
{{--                        </div>--}}

{{--                        --}}{{--<div class="form-group">--}}
{{--                        --}}{{--<label for="message" class="col-md-4 control-label">Quantity</label>--}}

{{--                        --}}{{--<div class="col-md-6">--}}
{{--                        --}}{{--<input id="quantity" type="text" class="form-control" name="quantity"--}}
{{--                        --}}{{--onchange="calAmount();" onkeyup="this.onchange();" onpaste="this.onchange();"--}}
{{--                        --}}{{--oninput="this.onchange();" value="">--}}

{{--                        --}}{{--</div>--}}
{{--                        --}}{{--</div>--}}

{{--                        <div class="form-group">--}}
{{--                            <p id="amount" class="col-md-6 col-md-offset-4"></p>--}}
{{--                        </div>--}}
{{--                        <div class="form-group">--}}
{{--                            <div class="col-md-6 col-md-offset-4">--}}
{{--                                <button type="submit" style="border: 1px solid #f25f43;" class="btn btn-primary">--}}
{{--                                    <i class="fa fa-btn fa-money"></i> Add--}}
{{--                                </button>--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                    </form>--}}
{{--                </div>--}}
{{--            </div>--}}

{{--        </div>--}}
    </div>

@endsection

