@extends('layouts.admin_layout')
@section('title', 'Create Order')
@section('content')
<section class="content-header">
    <h1>Create Order</h1>
    <ol class="breadcrumb">
        <li><a href="{{Config::get('constants.admin_url')}}"><i class="fa fa-dashboard"></i> Home</a></li>
        <li><a href="{{Config::get('constants.admin_url')}}manage-orders"><i class="fa fa-dashboard"></i> Manage Orders</a></li>
        <li class="active">Create Order</li>
    </ol>
</section>
<!-- Main content -->
<section class="content">
    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 connectedSortable">
        <div class="box box-primary">
            <div class="box-header">
                <h3 class="box-title">Create Order</h3>
                <div class="box-tools"></div>
            </div>
            <form id="create_order" class="hideformspan" enctype="multipart/form-data">
                @csrf
                <div class="box-body">
                    <div class="form-group">
                        <label for="user_id">Registered User</label>
                        <select name="user_id" id="user_id" required>
                            <option value="">Select User</option>
                            @foreach($registered_users as $registered_user_row)
                            <option value="{{$registered_user_row->id}}">{{$registered_user_row->user_email_id}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="shipping_address_id">Shipping Address</label>
                        <select id="shipping_address_id" name="shipping_address_id">
                            <option value="">Select Shipping Address</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="shipping_address_first_name">Shipping First Name</label>
                        <input type="text" name="shipping_address_first_name" id="shipping_address_first_name" required>
                    </div>
                    <div class="form-group">
                        <label for="shipping_address_last_name">Shipping Last Name</label>
                        <input type="text" name="shipping_address_last_name" id="shipping_address_last_name" required>
                    </div>
                    <div class="form-group">
                        <label for="shipping_address_line_one">Shipping Address Line One</label>
                        <input type="text" name="shipping_address_line_one" id="shipping_address_line_one" required>
                    </div>
                    <div class="form-group">
                        <label for="shipping_address_line_two">Shipping Address Line Two</label>
                        <input type="text" name="shipping_address_line_two" id="shipping_address_line_two">
                    </div>
                    <div class="form-group">
                        <label for="shipping_address_pin_code">Shipping Address PIN Code</label>
                        <input type="text" name="shipping_address_pin_code" id="shipping_address_pin_code" maxlength="6" required>
                        <span id="shipping_address_pin_code_err"></span>
                    </div>
                    <div class="form-group">
                        <label for="shipping_address_city">Shipping Address City</label>
                        <input type="text" name="shipping_address_city" id="shipping_address_city" readonly required>
                    </div>
                    <div class="form-group">
                        <label for="shipping_address_state">Shipping Address State</label>
                        <input type="text" name="shipping_address_state" id="shipping_address_state" readonly required>
                    </div>
                    <div class="form-group">
                        <label for="shipping_address_mobile_number">Shipping Address Mobile Number</label>
                        <input type="text" name="shipping_address_mobile_number" id="shipping_address_mobile_number" maxlength="10" required>
                    </div>
                    <div class="form-group">
                        <input type="checkbox" class="same_address_shipping" id="same_address_shipping" value="1" checked> <label for="same_address_shipping">Billing same as shipping?</label>
                    </div>
                    <div class="form-group">
                        <label for="billing_address_id">Billing Address</label>
                        <select id="billing_address_id" name="billing_address_id">
                            <option value="">Select Billing Address</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="billing_address_first_name">Billing First Name</label>
                        <input type="text" name="billing_address_first_name" id="billing_address_first_name" required>
                    </div>
                    <div class="form-group">
                        <label for="billing_address_last_name">Billing Last Name</label>
                        <input type="text" name="billing_address_last_name" id="billing_address_last_name" required>
                    </div>
                    <div class="form-group">
                        <label for="billing_address_line_one">Billing Address Line One</label>
                        <input type="text" name="billing_address_line_one" id="billing_address_line_one" required>
                    </div>
                    <div class="form-group">
                        <label for="billing_address_line_two">Billing Address Line Two</label>
                        <input type="text" name="billing_address_line_two" id="billing_address_line_two">
                    </div>
                    <div class="form-group">
                        <label for="billing_address_pin_code">Billing Address PIN Code</label>
                        <input type="text" name="billing_address_pin_code" id="billing_address_pin_code" maxlength="6" required>
                    </div>
                    <div class="form-group">
                        <label for="billing_address_city">Billing Address City</label>
                        <input type="text" name="billing_address_city" id="billing_address_city" required>
                    </div>
                    <div class="form-group">
                        <label for="billing_address_state">Billing Address State</label>
                        <input type="text" name="billing_address_state" id="billing_address_state" required>
                    </div>
                    <div class="form-group">
                        <label for="billing_address_mobile_number">Billing Address Mobile Number</label>
                        <input type="text" name="billing_address_mobile_number" id="billing_address_mobile_number" maxlength="10" required>
                    </div>
                    <div class="form-group">
                        <label for="billing_address_gst_number">Billing Address GST Number</label>
                        <input type="text" name="billing_address_gst_number" id="billing_address_gst_number">
                    </div>
                    <div class="form-group">
                        <label>Cart</label>
                        <div class="section_blocks"></div>
                        <span id="product_variants_err" style="margin-top:35px;"></span>
                        <span id="product_variant_quantity_err" style="margin-top:35px;"></span>
                        <button type="button" class="btn btn-default add_section">Add New Product</button>
                        <label class="cart_total" style="float:right"></label>
                    </div>
                    <div class="form-group">
                        <label for="promo_code_id">Promo Code</label>
                        <select name="promo_code_id" id="promo_code_id">
                            <option value="0">Select Promo Code</option>
                            @foreach($promo_codes as $promo_code_row)
                            <option value="{{$promo_code_row->id}}">{{$promo_code_row->promo_code}} - {{$promo_code_row->discount_percent}} %</option>
                            @endforeach
                        </select>
                        <span id="promo_code_id_err"></span>
                    </div>
                    <div class="form-group">
                        <label>RazorPay Payment ID</label>
                        <input type="text" name="payment_gateway_ref" id="payment_gateway_ref" required>
                    </div>
                </div>
                <div class="box-footer">
                    <input type="submit" value="Create" class="btn btn-primary">
                </div>
            </form>
        </div>
        <div id="resultmessage"></div>
        <div id="reserved_section_html" style="display: none;">
            <div class="section_block" style="border: 1px solid black; padding: 25px; margin-bottom:20px;">
                <div class="form-group">
                    <label>Product</label>
                    <select name="product_variants[]" class="product_variant_id" required>
                        <option value="">Select Product Variant</option>
                        @foreach($products as $product_row)
                        <option value="{{$product_row->id}}" data-price="{{$product_row->product_variant_selling_price}}" data-stock="{{$product_row->product_variant_stock}}">{{$product_row->product_name}} {{$product_row->attribute_value_data}}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group">
                    <label>Quantity</label>
                    <input type="number" min="1" value="1" step="1" class="product_variant_quantity" name="product_variant_quantity[]" required>
                </div>
                <div class="form-group" style="margin-left: 92%">
                    <button type="button" class="btn btn-danger delete_section_block">Delete</button>
                </div>
            </div>
        </div>
    </div><!-- /.col -->
    <!-- /.row -->
</section><!-- /.content -->
@endsection