@extends('layout.header')

@section('title')
    ALIAN | Admin-Orders
@endsection
@section('main')
    <style>
        .fake-input { position: relative;}
        .fake-input input { border:none; background:#fff; display:block; width: 100%; box-sizing: border-box }
        .fake-input img { position: absolute; top: 8px; right: 5px }
    </style>
    {{--<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 Order
                    </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">
                                                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">
                                                New Order
                                            </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 Order
                            </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()" tabindex="10">
                                                                                <span>
                                                                                    <i class="la la-check btn_text submit_icon"></i>
                                                                                    <span class="btn_text text-capitalize">
                                                                                        save
                                                                                    </span>
                                                                                </span>
                                                                </a>-->
                                <button class="blue_bg_shadow_btn" id="create" onclick="validateCreateOrder()" tabindex="10">
                                    <span>
                                        <i class="la la-check btn_text submit_icon"></i>
                                        <span class="btn_text text-capitalize">
                                            save
                                        </span>
                                    </span>
                                </button>
                            </li>
                            <li class="m-portlet__nav-item" tabindex="11">
                                <!--                                <a href="orders" class="gray_bg_btn">
                                                                                <span>
                                                                                    <span class="btn_text">
                                                                                        Cancel
                                                                                    </span>
                                                                                </span>
                                                                </a>-->
                                <button class="gray_bg_btn" tabindex="11" onclick="location.href='orders';">
                                    <span>
                                        <span class="btn_text">
                                            Cancel
                                        </span>
                                    </span>
                                </button>
                            </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" tabindex="1" autocomplete="off">
                                        <span id="cityResult" class="text-danger"></span>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label for="city" class="col-sm-3  col-form-label">*Date:</label>
                                    <div class="col-sm-9">
                                        <input type="date" name="date_create_order" class="form-control" id="order_date" tabindex="2">
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label for="inputEmail3" 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()" tabindex="3" disabled/>
                                        <span id="list"></span>
                                        <span id="storeResult" class="text-danger"></span>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label for="store_name" 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"  tabindex="4">

                                            <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="inputEmail3" 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="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()" tabindex="5">
                                                        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()" tabindex="6">
                                                        Without GST
                                                        <span></span>
                                                    </label>

                                                </div>
                                                <span id="InvoiceResult" class="text-danger"></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group row gst_number">
                                        <label for="inputEmail3" 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" value="0" tabindex="7">

                                            <span id="gst_number_result"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="product_selection_content_04">

                                    <div class="form-group row">
                                        <label for="inputEmail3" class="col-sm-3  col-form-label">*Products:</label>
                                        <div class="col-sm-9" id="select_content_id">
                                            <div class="input_filter fake-input">
                                                <img src="{{URL::asset('images/loader.gif')}}" style="height: 25px; width: 25px; display: none;" id="show_loader"></img>
                                                <input type="text" id="myInput_filter_id" onkeyup="myFunction(); show_list();" placeholder="Search for names.."  class="myInput_filter_class" tabindex="8">
                                                <button class="close"></button>
                                                <span id="ProductsResult" class="text-danger"></span>
                                            </div>
                                            <div class="product" id="product">

                                            </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><br>
                                <div><button id="calculate" onclick="cal_sum(); cal_amt_paid(); hide_list();" tabindex="9">Calculate</button></div><br>

                                <div class="pro_sele_fluid_subtotal">

                                    <div class="add_order_info_subtotal_04 table_style_2 p_140">
                                        <div class="table show_all_cal_data">
                                            <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>
                            <br>
                                {{--<div class="deposit_store_amt">--}}
                                       {{--<input type="checkbox" id="use_deposited"> Use Deposited Amount--}}
                                    {{--deposited_amount--}}
                                {{--</div>--}}
                                <div class="table_row amount" id="amount">
                                    <div class="td"><span>Deposited Amount</span></div>
                                         <div class="td" data-title="Deposited Amount"><span>&#x20b9;<input type="number" value="0" name="deposited_amount" id="deposited_amount" disabled></span>
                                    </div>

                                    <div class="td remaining_amt"><span>Remaining Amount</span></div>
                                         <div class="td" data-title="Amount to be paid remaining_amt"><span class="remaining_amt">&#x20b9;<input type="number" name="remaining" id="remaining" disabled></span>
                                    </div>
                                    <div class="td"><span>Amount to be Paid</span></div>
                                         <div class="td" data-title="Amount to be paid"><span>&#x20b9;<input type="number" name="amt_paid" id="amt_paid" disabled></span>
                                    </div>
                                </div>
                            <br>
                                <div class="p_140 payment_select_div_04">
                                    <div class="payment_information_20 payment_info">
                                        <div class="m-form__group form-group">
                                            <label >
                                                *Select Payment Type:
                                            </label>
                                            <div class="m-radio-list payment_type">
                                                <label class="m-radio m-radio--solid m-radio--success">
                                                    <input type="radio" name="payment_type" value="Credit">
                                                    Credit
                                                    <span></span>
                                                </label>
                                                <label class="m-radio m-radio--solid m-radio--success">
                                                    <input type="radio" name="payment_type" value="Cash">
                                                    Cash
                                                    <span></span>
                                                </label>
                                                <label class="m-radio m-radio--solid m-radio--brand">
                                                    <input type="radio" name="payment_type" value="Cheque">
                                                    Cheque
                                                    <span></span>
                                                </label>
                                                <label class="m-radio m-radio--solid m-radio--brand">
                                                    <input type="radio" name="payment_type" value="Bank">
                                                    Bank
                                                    <span></span>
                                                </label>
                                            </div>

                                            <span id="PaymentResult" class="text-danger"></span>
                                        </div>
                                    </div>
                                    <div class="amount_collection_section_20">
                                        <div class="form-group m-form__group cheque">
                                            <label for="example-text-input" class="col-form-label" >
                                                *Cheque No.
                                            </label>
                                            <div class="input_width">
                                                <input class="form-control m-input" type="text"  id="cheque_no">
                                                <span id="cheque_noResult" class="text-danger"></span>
                                            </div>

                                        </div>
                                        <div class="form-group m-form__group cheque">
                                            <label for="example-text-input" class="col-form-label" >
                                                *Cheque Amount
                                            </label>
                                            <div class="input_width">
                                                <input class="form-control m-input" type="text" id="cheque_amt" onkeyup="cheque_function()">
                                                <span id="cheque_amtResult" class="text-danger"></span>
                                            </div>
                                        </div>
                                        {{--<span id="ChequeResult" class="text-danger"></span>--}}
                                        <div class="form-group m-form__group recieved_amount">
                                            <label for="example-text-input" class="col-form-label" >
                                                *Received Amount(&#x20b9;)
                                            </label>
                                            <div class="input_width">
                                                <input class="form-control m-input" type="number"  id="recieved_amt" onkeyup="recieved_function()">
                                            </div>
                                            <span id="recievedResult" class="text-danger"></span>

                                        </div>
                                        <div class="form-group m-form__group remaining_amount">
                                            <label for="example-text-input" class="col-form-label">
                                                Remaining Amount(&#x20b9;)
                                            </label>
                                            <div class="input_width">
                                                <input class="form-control m-input" type="number" id="remaining_amt" disabled>
                                            </div>
                                            <span id="RemainingResult" class="text-danger"></span>
                                        </div>
                                        <div class="form-group m-form__group next_payment" >
                                            <label for="example-text-input" class="col-form-label">
                                                *Next Payment Date
                                            </label>
                                            <div class="input_width">
                                                <input class="form-control m-input" type="text" id="next_payment_date" autocomplete="off">
                                                <span id="paydateResult" class="text-danger"></span>
                                            </div>
                                        </div>

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

                        </form>
                    </div>

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




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

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

    {{--@include('includes.scripts_Create_Orders')--}}
    @include('includes.scripts_Create_Orders_deposite_amt');
@endsection