@extends('layout.header')
@section('title')
    ALIAN | Retail Orders
@endsection
@section('main')
    <meta name="csrf-token" content="{{ csrf_token() }}">

    <div class="m-grid__item m-grid__item--fluid m-wrapper">
        <!-- BEGIN: Subheader -->
        <div class="m-subheader ">
            <div class="d-sm-flex align-items-center subheader_border_bottom">
                <div class="mr-auto">
                    <h3 class="m-subheader__title m-subheader__title--separator">
                        Retail Orders
                    </h3>
                    <ul class="m-subheader__breadcrumbs m-nav m-nav--inline">
                        <li class="m-nav__item m-nav__item--home">
                            <a href="#" class="m-nav__link m-nav__link--icon">
                                <i class="m-nav__link-icon la la-home"></i>
                            </a>
                        </li>
                        <li class="m-nav__separator">
                            -
                        </li>
                        <li class="m-nav__item">
                            <a href="" class="m-nav__link">
                                            <span class="m-nav__link-text">
                                                Retail Orders
                                            </span>
                            </a>
                        </li>
                        {{--<li class="m-nav__separator">--}}
                        {{-----}}
                        {{--</li>--}}
                        {{--<li class="m-nav__item">--}}
                        {{--<a href="" class="m-nav__link">--}}
                        {{--<span class="m-nav__link-text">--}}
                        {{--Inventory--}}
                        {{--</span>--}}
                        {{--</a>--}}
                        {{--</li>--}}
                    </ul>
                </div>
            </div>
        </div>

        <!-- END: Sub header -->
        <!-- START :: main Content-->
        <div class="m-content Add-New-Store">
            <div class="m-portlet m-portlet--mobile margin_bottom_60">
                <div class="m-portlet__head">
                    <div class="m-portlet__head-caption">
                        <div class="m-portlet__head-title">
                            <h3 class="m-portlet__head-text">
                                Retail Orders
                            </h3>
                        </div>
                    </div>
                    <div class="">
                        <li class="m-portlet__nav-item">
                            <a href="#" class="new_order_btn" onclick="cancel()">
                                            <span>
                                                <span>
                                                   Cancel
                                                </span>
                                            </span>
                            </a>
                        </li>
                        <li class="m-portlet__nav-item" >
                            <a href="#"  class="new_order_btn" onclick="save()">
                                            <span>
                                                <i class="fa fa-check"></i>
                                                <span>
                                                     Save
                                                </span>
                                            </span>
                            </a>
                        </li>

                    </div>
                </div>
                <div class="m-portlet__body admin_orders_table table_style_2">

                    <div class="form-group row">
                        <label for="product_name" class="col-sm-3  col-form-label">*Products</label>
                        <div class="col-sm-9 ">
                            {{--<select name="users" id="users" class="form-control input-sm" onchange="get_userid()">--}}
                            <select name="products" id="products" class="form-control input-sm">

                                <option value="0">Select Product</option>
                                @foreach($product as $pro)
                                    <option value="{{$pro->pk_productid}}">{{$pro->product_name}}</option>

                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="stock" class="col-sm-3  col-form-label">*Add Stocks.:</label>
                        <div class="col-sm-9 ">
                            <input type="text" class="form-control" id="stock" name="stock" >
                        </div>
                    </div>

                    <!--begin: Datatable -->
                    <!--end: Datatable -->
                </div>
            </div>
            {{--<!-- END EXAMPLE TABLE PORTLET-->--}}
            {{--</div>--}}
        </div>
        <!-- END :: main Content-->
    </div>

<script>
    var product;
    var stock;
    $('select').on('change', function() {
        product=$("#products").val()

    });

function save()
{

    console.log('inside function save');
    console.log("Product",product);

    stock=document.getElementById('stock').value;
    console.log('stock',stock);

    var _token = $('input[name="_token"]').val();
    // console.log("Product name in get_price",product_name);


    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });
    $.ajax({
        type: 'POST',
        url: './send_stock',
        data: {

            message:"sucess",stock,product,
            _token: _token
        }
    }).then(function (data) {
        console.log("response",data)
        window.location = './Add_Stock';


    })



}
function cancel()
{
    console.log("inside cancel");
    document.getElementById('stock').value='';
    $('#products').val('0');
}

</script>
@endsection
{{--@include('includes.scripts')--}}