@extends('layout.header')

@section('title')
    ALIAN | Admin-PreOrders
@endsection
@section('main')

    {{--<meta name="_token" content="{{ csrf_token() }}">--}}
    <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">
                        New PreOrder
                    </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">
                                                Sales Order Management
                                            </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">
                                                PreOrders
                                            </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">
                                                New PreOrder
                                            </span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- END: Sub header -->
        <!-- START :: main Content-->
        <div class="m-content add-new-order-04">
            <div class="m-portlet m-portlet--mobile margin_bottom_60">
                <div class="m-portlet__head resp_head_btn">
                    <div class="m-portlet__head-caption">
                        <div class="m-portlet__head-title">
                            <h3 class="m-portlet__head-text">
                                Create New PreOrder
                            </h3>
                        </div>
                    </div>
                    <div class="m-portlet__head-tools">
                        <ul class="m-portlet__nav admin_form_record">
                            <li class="m-portlet__nav-item">
                                <a href="#" class="blue_bg_shadow_btn" id="create" onclick="validateCreateOrder()">
                                                <span>
                                                    <i class="la la-check btn_text submit_icon"></i>
                                                    <span class="btn_text text-capitalize">
                                                        save
                                                    </span>
                                                </span>
                                </a>
                            </li>
                            <li class="m-portlet__nav-item">
                                <a href="Preorders" class="gray_bg_btn">
                                                <span>
                                                    <span class="btn_text">
                                                        Cancel
                                                    </span>
                                                </span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- Admin-new-order-04 From-->
                <div class="m-portlet__body">
                    <div class="container">
                        <form class="form_info_content">
                            <div class="p_140">
                                <h4>Store Information</h4>
                                <div class="form-group row">
                                    <label for="city" class="col-sm-3  col-form-label">*City:</label>
                                    <div class="col-sm-9 ">

                                        <input type="text" value="" class="form-control" id="city" name="city" autocomplete="off">
                                        <span id="cityResult" class="text-danger"></span>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label for="store_list" class="col-sm-3  col-form-label">*Store Name:</label>
                                    <div class="col-sm-9  store-name">
                                        {{--<input type="text" class="form-controller" id="search" name="search"></input>--}}
                                        {{--<input type="text" class="form-control text-left" id="search" name="search" autocomplete="off" onkeyup="Store_name()"/>--}}
                                        <input type="text" class="form-control text-left" id="store_list" name="store_list" autocomplete="off" onchange="with_gst_number()"/>
                                        <span id="list"></span>
                                        <span id="storeResult" class="text-danger"></span>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label for="users" class="col-sm-3  col-form-label">*User Name</label>
                                    <div class="col-sm-9 ">
                                        {{--<select name="users" id="users" class="form-control input-sm" onchange="get_userid()">--}}
                                        <select name="users" id="users" class="form-control input-sm">

                                            <option value="0">Select User</option>
                                            @foreach($users as $user)
                                                <option value="{{ $user->id}}">{{ $user->name}}</option>

                                            @endforeach
                                        </select>
                                        <span id="userResult" class="text-danger"></span>
                                    </div>
                                </div>
                                <div class="form-group row hide">
                                    <label for="name" class="col-sm-3  col-form-label">Review Shop Details:</label>
                                    <div class="col-sm-9 ">
                                        <div class="address-new-order" >
                                            <div class="top-address">
                                                <h6>Address</h6>
                                                <span id="name"></span>
                                                <span id="address"></span>
                                            </div>
                                            <div class="last-contact">
                                                <h6>Contact Information</h6>
                                                <span id="contact"></span>
                                            </div>
                                            <div class="last-contact">
                                                <h6>Gst Number</h6>
                                                <span id="gst_number"></span>
                                            </div>
                                        </div>
                                        <label>Above Information will be Display as per selected shop</label>
                                    </div>
                                </div>
                                <div class="form-group row gst_number">
                                    <label for="gst_num" class="col-sm-3  col-form-label">*Gst Number:</label>
                                    <div class="col-sm-9  store-name">
                                        <input type="text" class="form-control text-left" id="gst_num" name="gst_num" />
                                        <span id="gst_number_result"></span>
                                    </div>
                                </div>




                                <div class="product-information_04">
                                    <h4>Product Information</h4>
                                    <div class="form-group row">
                                        <div class=" col-sm-12 payment_information_20">
                                            <div class="m-form__group form-group">
                                                <label >
                                                    *Select Invoice Type:
                                                </label>
                                                <div class="m-radio-list gst_type ">
                                                    <label class="m-radio m-radio--solid m-radio--success">
                                                        <input type="radio" name="gst_type" id="with_gst" value="WITH GST" onclick="with_gst_number()">
                                                        With GST
                                                        <span></span>
                                                    </label>
                                                    <label class="m-radio m-radio--solid m-radio--brand">
                                                        <input type="radio" name="gst_type" id="without_gst" value="WITHOUT GST" onclick="with_gst_number()">
                                                        Without GST
                                                        <span></span>
                                                    </label>

                                                </div>
                                                <span id="InvoiceResult" class="text-danger"></span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="product_selection_content_04">

                                    <div class="form-group row">
                                        <label for="myInput_filter_id" class="col-sm-3  col-form-label">*Products:</label>
                                        <div class="col-sm-9" id="select_content_id">
                                            <div class="input_filter">
                                                <input type="text" id="myInput_filter_id" onkeyup="myFunction(); show_list();" placeholder="Search for names.."  class="myInput_filter_class">
                                                <button class="close"></button>
                                                <span id="ProductsResult" class="text-danger"></span>
                                            </div>
                                            <div class="product" id="product">
                                                {{--<ul id="myInput_filter_content_id" class="myInput_filter_content ">--}}
                                                {{--<li>--}}
                                                {{--<div class="table_add_content">--}}
                                                {{--<p class="table_add_content_msg" id="btn_selected_val_txt">ALIAN Type-C Cable 3Amp (Gold) 1 Meter</p>--}}
                                                {{--<a href="javascript:void(0);" class="btn_style" id="btn_selected_val">Select</a>--}}
                                                {{--</div>--}}
                                                {{--</li>--}}
                                                {{--<li>--}}
                                                {{--<div class="table_add_content">--}}
                                                {{--<p class="table_add_content_msg">ALIAN Type-C Cable 3Amp (Gold) 2 Meter</p>--}}
                                                {{--<a href="javascript:void(0);" class="btn_style">Select</a>--}}
                                                {{--</div>--}}
                                                {{--</li>--}}
                                                {{--<li>--}}
                                                {{--<div class="table_add_content">--}}
                                                {{--<p class="table_add_content_msg">ALIAN Type-C Cable Dimond</p>--}}
                                                {{--<a href="javascript:void(0);" class="btn_style">Select</a>--}}
                                                {{--</div>--}}
                                                {{--</li>--}}
                                                {{--</ul>--}}
                                            </div>
                                        </div>
                                    </div>

                                    <!--Order Information :: START-->
                                    <div class="add_order_info_table_04" id="add_order_info_table_04_id">
                                        <div class="order_info_table_03 table_style_2">
                                            <div class="table" id="hidden">
                                                <div class="table_header">
                                                    <div class="table_row">
                                                        <div class="th"><h6>Product Name</h6></div>
                                                        <div class="th"><h6>Per Piece</h6></div>
                                                        <div class="th"><h6>Qty</h6></div>
                                                        <div class="th"><h6>Offered Price</h6></div>
                                                        <div class="th"><h6>Total Amount</h6></div>
                                                        <div class="th"><h6></h6></div>
                                                    </div>
                                                </div>


                                                <div class="tbody" id="dynamic_form">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!--Order Information :: END-->
                                </div>
                                <div><button id="calculate" onclick="cal_sum(); hide_list();">Calculate</button></div>

                                <div class="pro_sele_fluid_subtotal">

                                    <div class="add_order_info_subtotal_04 table_style_2 p_140">
                                        <div class="table">
                                            <div class="tbody" id="div_with_gst">
                                                <h5>With GST</h5>
                                                <div class="table_row">
                                                    <div class="td"><span>Subtotal (Tax Exclusive):</span></div>
                                                    <div class="td" data-title="Subtotal"><span>&#x20b9;<span id="sub_total1"></span></span></div>
                                                </div>
                                                <div class="table_row">
                                                    <div class="td"><span class="color_green_font">Discount</span></div>
                                                    <div class="td" data-title="Discount"><span class="color_green_font">&#x20b9;<span class="color_green_font" id="dis"></span></span></div>
                                                </div>
                                                <div class="table_row">
                                                    <div class="td"><span>CGST@<span id="cgst@"></span>%:</span></div>
                                                    <div class="td" data-title="CGST@9%"><span> &#x20b9;<span id="cgst1"></span></span></div>
                                                </div>
                                                <div class="table_row">
                                                    <div class="td"><span>SGST@<span id="sgst@"></span>%:</span></div>
                                                    <div class="td" data-title="SGST@9%"><span> &#x20b9;<span id="sgst1"></span></span></div>
                                                </div>
                                                <div class="table_row m-30">
                                                    <div class="td"><span>IGST@<span id="igst@"></span>%:</span></div>
                                                    <div class="td" data-title="IGST@18%"><span>&#x20b9;<span id="igst1"></span></span></div>
                                                </div>
                                                <div class="table_row">
                                                    <div class="td"><span>Total (With GST):</span></div>
                                                    <div class="td" data-title="Grand Total"><span>&#x20b9;<input type="number" value="0"
                                                                                                                  name="grand_total1"
                                                                                                                  id="grand_total1" disabled></span>
                                                    </div>
                                                    <input type="hidden" id="c" name="c" value="0">
                                                    <input type="hidden" id="s" name="s" value="0">
                                                    <input type="hidden" id="ig" name="ig" value="0">

                                                </div>

                                            </div>
                                            <div class="tbody" id="div_without_gst">
                                                <h5>Without GST</h5>
                                                <div class="table_row">
                                                    <div class="td"><span>Subtotal (Tax Exclusive):</span></div>
                                                    <div class="td" data-title="Subtotal"><span>&#x20b9;<span id="sub_total2"
                                                                                                              name="sub_total2"></span></span></div>
                                                </div>
                                                <div class="table_row">
                                                    <div class="td"><span class="color_green_font">Discount</span></div>
                                                    <div class="td" data-title="Discount"><span class="color_green_font">&#x20b9;<span class="color_green_font" id="dis2"></span></span></div>
                                                </div>

                                                <div class="table_row">
                                                    <div class="td"><span>Total (Without GST):</span></div>
                                                    <div class="td" data-title="Grand Total"><span>&#x20b9;<input type="number" value="0"
                                                                                                                  name="grand_total2"
                                                                                                                  id="grand_total2" disabled></span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>

                            </div>

                        </form>
                    </div>

                </div>
            </div>
        </div>
    </div>






    <!-- Admin-new-order-04 End-->
    <!-- END EXAMPLE TABLE PORTLET-->

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

    {{--Display cities using api code--}}
    @include('includes.scripts_Create_PreOrders')
@endsection