@extends('layout.header')
        @section('title')
            ALIAN | Add New Product
        @endsection
        @section('main')
            <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">
                        Add New Product
                    </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">
                                               Inventory
                                            </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">
                                           Add New Product
                                            </span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- END: Sub header -->
        <!-- START :: main Content-->
        <div class="m-content add-new-product">
            <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">
                                Add New Product
                            </h3>
                        </div>
                    </div>
                    <div class="">
                        <li class="m-portlet__nav-item">
                            <a href="Inventory" class="new_order_btn">
                                            <span>
                                                <span>
                                                   Cancel
                                                </span>
                                            </span>
                            </a>
                        </li>
                        <li class="m-portlet__nav-item">
                            <a href="#" id="add_product" class="new_order_btn" onclick="validate_product()">
                                            <span>
                                                <i class="fa fa-check"></i>
                                                <span>
                                                     Save
                                                </span>
                                            </span>
                            </a>
                        </li>

                    </div>
                </div>
                <!-- Admin-Add_product From-->
                <div class="m-portlet__body">
                    <form id="product_form" name="product_form" method="post" action="Add-New-Product">
                        @csrf
                        <div class="containe">
                            <div class="login-details">
                                <h4>Product Information</h4>
                            </div>
                            <div class="form-group row">
                                <label for="name" class="col-sm-3  col-form-label">*Name:</label>
                                <div class="col-sm-9 ">
                                    <input type="text" class="form-control" id="product_name" name="product_name">
                                    <span id="name_result"></span>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label for="model_no" class="col-sm-3  col-form-label">*Model No.:</label>
                                <div class="col-sm-9 ">
                                    <input type="text" class="form-control" id="model_no" name="model_no" >
                                    <span id="model_result"></span>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label for="HS_code" class="col-sm-3  col-form-label">*HS Code:</label>
                                <div class="col-sm-9 ">
                                    <input type="number" class="form-control" id="HS_code" name="HS_code">
                                    <span id="hs_code_result"></span>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label for="category" class="col-sm-3  col-form-label">*Category:</label>
                                <div class="col-sm-9 ">
                                    <input type="text" class="form-control" id="category" name="category">
                                    <span id="category_result"></span>
                                </div>
                            </div>
                            {{--<div class="form-group row">--}}
                                {{--<label for="purchasing_price" class="col-sm-3  col-form-label">*Purchase Price (&#8377) without GST:</label>--}}
                                {{--<div class="col-sm-9 ">--}}
                                            {{--<input type="number" class="form-control" id="purchase_price" name="purchase_price" >--}}
                                    {{--<span id="purchase_result"></span>--}}
                                {{--</div>--}}
                            {{--</div>--}}
                            <div class="form-group row">
                                <label for="selling_price" class="col-sm-3  col-form-label">*Selling  Price (&#8377):</label>
                                <div class="col-sm-9 ">
                                    <input type="number" class="form-control" id="selling_price" name="selling_price">
                                    <span id="selling_result"></span>
                                </div>
                            </div>
                            <div class="form-group row ">
                                <label for="mrp" class="col-sm-3  col-form-label">*MRP (&#8377):</label>
                                <div class="col-sm-9 ">
                                    <input type="number" class="form-control" id="mrp" name="mrp">
                                    <span id="mrp_result"></span>
                                </div>
                            </div>
                            <div class="form-group row border-create-dashing ">
                                <label for="stock_in_hand" class="col-sm-3  col-form-label">*Stock In Hand:</label>
                                <div class="col-sm-9 ">
                                    <input type="number" class="form-control" id="stock_in_hand" name="stock_in_hand" onkeyup="stock()">
                                    <span id="stock_in_hand_result"></span>
                                </div>
                            </div>
                            <div class="login-details">
                                <h4>Product Information</h4>
                            </div>
                            <span id="product_information"></span>
                            <div class="product-information">
                                <div class="row">
                                    <div class="col-xl-6">
                                        <div class="check-box">
                                            <div class="m-checkbox-list">
                                                <label class="m-checkbox m-checkbox--solid m-checkbox--state-success ch1">
                                                    <input type="checkbox" name="with_gst" id="with_gst_1" class="gst_type" value="1" onchange="enable_textbox()">
                                                    <label class="label1"> With GST</label>
                                                    <span id="with_gst"></span>
                                                </label>

                                            </div>
                                            <div class="tooltip_09">
                                                <span class="image"></span>
                                                <div class="tooltip_content_09">
                                                    <span>Included GST Price</span><br>
                                                    <span>CGST 9%</span><br>
                                                    <span>SGST 9%</span><br>
                                                    <span>IF IGST 18%</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="check-box-no-bg">
                                            <div class="m-checkbox-list">
                                                <label class="m-checkbox m-checkbox--solid m-checkbox--state-success ch2">
                                                    <input type="checkbox" name="without_gst" id="without_gst_1" class="gst_type" value="1" onchange="enable_textbox()">
                                                    <label class="label2"> Without GST</label>
                                                    <span id="without_gst"></span>
                                                </label>
                                            </div>
                                        </div>
                                        <div class="check-box">
                                            <div class="m-checkbox-list">
                                                <label class="m-checkbox m-checkbox--solid m-checkbox--state-success ch3">
                                                    <input type="checkbox" name="under_value_gst" id="under_value_gst_1" value="1" onchange="gst_amount_txtbox()">
                                                    <label class="label3"> Under Value GST(&#8377)</label>
                                                    <span id="under_value_gst"></span>
                                                </label>
                                            </div>
                                            <div class="tooltip_09">
                                                <span class="image"></span>
                                                <div class="tooltip_content_09">
                                                    <span>Included GST Price</span><br>
                                                    <span>CGST 9%</span><br>
                                                    <span>SGST 9%</span><br>
                                                    <span>IF IGST 18%</span>
                                                </div>
                                            </div>
                                            <div class="input-values">
                                                <input type="number"  class="form-control" id="gst_amount" name="gst_amount"  disabled>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xl-3">
                                        <div class="final-rate">
                                            <span class="label1 mg-0">Final Rate:<span  id="with_gst_rate"></span></span><br>
                                            <span class="label2 mg-0">Final Rate:<span id="without_gst_rate"></span></span><br>
                                            <span class="label3 mg-0 m-0">Final Rate:<span  id="under_value_rate"></span></span>
                                        </div>
                                    </div>
                                    <div class="col-xl-3">
                                        <div class="slock">
                                            <div class="form-group row">
                                                <label for="stock_gst" class="col-sm-3  col-form-label label1">Stock:</label>
                                                <div class="col-sm-9 ">
                                                    <input type="number" value="0" class="form-control " id="stock_gst" name="stock_gst" onkeyup="stock()" disabled>
                                                    <span id="stock_gst_result"></span>
                                                </div>
                                            </div>
                                            <div class="form-group row">
                                                <label for="stock_without_gst" class="col-sm-3  col-form-label label1">Stock:</label>
                                                <div class="col-sm-9 ">
                                                    <input type="number" value="0" class="form-control " id="stock_without_gst" name="stock_without_gst" onkeyup="stock()" disabled>
                                                    <span id="stock_without_gst_result"></span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <span id="gst_amt_result"></span>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <!-- Admin-Add_product From End-->
            <!-- END EXAMPLE TABLE PORTLET-->
        </div>

        <!-- END :: main Content-->
    </div>


    @include('includes.add_product')
@endsection