@extends('layout.header')
@section('title')
ALIAN | Add New Store
@endsection
<style>
    /*the container must be positioned relative:*/
    .autocomplete {
        position: relative;
        display: inline-block;
    }
    .autocomplete-items {
        position: absolute;
        border: 1px solid #d4d4d4;
        border-bottom: none;
        border-top: none;
        z-index: 99;
        /*position the autocomplete items to be the same width as the container:*/
        top: 100%;
        left: 0;
        right: 0;
    }
    .autocomplete-items div {
        padding: 10px;
        cursor: pointer;
        background-color: #fff; 
        border-bottom: 1px solid #d4d4d4; 
    }
    /*when navigating through the items using the arrow keys:*/
    .autocomplete-active {
        background-color: DodgerBlue !important; 
        color: #ffffff; 
    }
</style>
@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 Client
                </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">
                                Client 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">
                                Add New Client
                            </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">
                            Add New Client
                        </h3>
                    </div>
                </div>
                <div class="">
                    <li class="m-portlet__nav-item">
                        <a href="Store_List" class="new_order_btn">
                            <span>
                                <span>
                                    Cancel
                                </span>
                            </span>
                        </a>
                    </li>
                    <li class="m-portlet__nav-item" >
                        <a href="#" id="register" class="new_order_btn"  onclick="validate_store()" >
                            <span>
                                <i class="fa fa-check"></i>
                                <span>
                                    Save
                                </span>
                            </span>
                        </a>
                    </li>

                </div>
            </div>




            <!-- Admin-Add_store From-->
            <div class="m-portlet__body">
                <form id="myform" name="myform" action="AddStore" method="post">
                    @csrf
                    <div class="container">
                        <div class="login-details">
                            <h4>Client Information</h4>
                        </div>                               
                        <div class="form-group row" style="display: none;">
                            <label for="store_name" class="col-sm-3  col-form-label">*User Name</label>
                            <div class="col-sm-9 ">
                                <select name="user_id" id="user_id" class="form-control input-sm" onchange="get_userid()">

                                    <option value="">Select User</option>
                                    @foreach($users as $user)
                                    <option value="{{ $user->id}} " {{$user->id == Session::get('uid') ? 'Selected' : ' ' }} >{{ $user->name}}</option>

                                    @endforeach
                                </select>
                                <span id="user_result"></span>
                            </div>

                        </div>

                        <div class="form-group row">
                            <label for="store_name" class="col-sm-3  col-form-label">*Client Name:</label>
                            <div class="col-sm-9 ">
                                <input type="text" class="form-control" id="store_name" name="store_name" autocomplete="none" placeholder="Please Enter Client Name">
                                <label><span id="store_name_result"></span></label>
                            </div>
                        </div>


                        <div class="form-group row">
                            <label for="owner_fname" class="col-xl-3 col-lg-3 col-md-3 col-form-label">Nick Name:</label>
                            <div class="col-xl-5 col-lg-9 col-md-9 ">
                                <input type="text" class="form-control" id="owner_fname" name="owner_fname" autocomplete="none" placeholder="Please Enter Nick Name">
                                <label><span id="owner_fname_result"></span></label>
                            </div>
                            <div class="col-xl-4 hide-lg" style="display: none;">
                                <input type="text" class="form-control" id="owner_lname" name="owner_lname"  autocomplete="none" placeholder="Please Enter Last Name">
                                <label><span id="owner_lname_result"></span></label>
                            </div>
                        </div>


                        <div class="form-group row">
                            <label for="store_address" class="col-sm-3  col-form-label">Country:</label>
                            <div class="col-sm-9 ">
                                <input type="text" class="form-control d_client_country_list" id="store_address" autocomplete="none" name="store_address"  placeholder="Please Enter Country">
                                <label><span id="store_address_result"></span></label>
                            </div>
                        </div>

                        <div class="form-group row" style="display:none;">
                            <label for="store_city" class="col-sm-3  col-form-label">*City:</label>
                            <div class="col-sm-9 ">
                                {{--<select id="inputState" class="form-control" id="store_city" name="store_city">--}}
                                {{--<option selected>Anand</option>--}}
                                {{--</select>--}}
                                <input type="text" name="store_city" class="form-control" id="store_city" autocomplete="none">
                                <label><span id="store_city_result"></span></label>
                            </div>
                        </div>
                        <div class="form-group row" style="display:none;">
                            <label for="store_state" class="col-sm-3  col-form-label">*State:</label>
                            <div class="col-sm-9 ">
                                {{--<select id="inputState" class="form-control" id="store_state" name="store_state">--}}
                                {{--<option selected> Gujarat</option>--}}
                                {{--</select>--}}
                                <input type="text" name="store_state" class="form-control" id="store_state" autocomplete="none" placeholder="Please Select State">
                                <label><span id="store_state_result"></span></label>
                            </div>
                        </div>
                        <div class="form-group row" style="display:none;">
                            <label for="store_pincode" class="col-sm-3  col-form-label">*Pincode:</label>
                            <div class="col-sm-9 ">
                                <input type="number" class="form-control" id="store_pincode" name="store_pincode" autocomplete="none" placeholder="Please Enter Pincode" >
                                <label><span id="store_pincode_result"></span></label>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="store_mobile" class="col-xl-3 col-lg-3 col-md-3 col-form-label">Contact Information:</label>
                            <div class="col-xl-5 col-lg-9 col-md-9 " style="display: none;">
                                <select id="m_select2_1" class="form-control" >
                                    <option selected>Mobile</option>
                                    <option value="Landline">Landline</option>
                                </select>
                            </div>

                            <div class="col-xl-4  hide-lg">
                                <input type="number" class="form-control" id="store_mobile" name="store_mobile"  autocomplete="none" placeholder="Please Enter Number">
                                <label><span id="mobile_result"></span></label>

                            </div>
                        </div>
                        {{--<div class="show-lg">--}}
                        {{--<div class="form-group row">--}}
                        {{--<label for="inputEmail3" class="col-sm-3  col-form-label">Number:</label>--}}
                        {{--<div class="col-sm-9 ">--}}
                        {{--<input type="number" class="form-control" id="inputEmail3" name="store_mobile" >--}}
                        {{--<label> Please Enter Number</label>--}}
                        {{--</div>--}}
                        {{--</div>--}}
                        {{--</div>--}}

                        <div class="form-group row">
                            <label for="store_email" class="col-sm-3  col-form-label">Email:</label>
                            <div class="col-sm-9 ">
                                <input type="email" class="form-control" id="store_email" name="store_email" autocomplete="none" placeholder="Please Enter Email id">
                                <label><span id="store_email_result"></span></label>
                            </div>
                        </div>
                        <div class="form-group row" style="display: none;">
                            <label for="gst_number" class="col-sm-3  col-form-label">Gst Number:</label>
                            <div class="col-sm-9 ">
                                <input type="text" class="form-control" id="gst_number" name="gst_number" autocomplete="none" placeholder="Please Enter Gst Number">
                                <label><span id="gst_number_result"></span></label>
                            </div>
                        </div>
                        <div class="form-group row " style="display: none;">
                            <label for="store_visitingcard" class="col-sm-3  col-form-label">*Attach Visiting Card:</label>
                            <div class="col-sm-9 ">
                                <input type="file"  accept="image/*" id="store_visitingcard" name="store_visitingcard">
                                <label><span id="profile_result"></span></label>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <!-- Admin-Add_store From End-->
        <!-- END EXAMPLE TABLE PORTLET-->
    </div>
    <!-- END :: main Content-->
</div>
@include('includes.add_new_store_scripts')

@endsection