@extends('layout.header')
@section('title')
    ALIAN | Admin-Salesperson
@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 Salesperson
                    </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">
                                               User 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 Salesperson
                                            </span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- END: Sub header -->
        <!-- START :: main Content-->
        <div class="m-content admin_add_new_salesperson">
            <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 Salesperson
                            </h3>
                        </div>
                    </div>
                    <div class="">
                        <li class="m-portlet__nav-item">
                            <a href="Salesperson_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_sales()">
                                            <span>
                                                <i class="fa fa-check"></i>
                                                <span>
                                                     Save
                                                </span>
                                            </span>
                            </a>
                        </li>

                    </div>
                </div>
                <!-- Admin-Add_New_Salesperson From-->
                <div class="m-portlet__body">
                    @if($errors->any())
                        <div class="alert alert-danger">
                            <ul>
                                @foreach($errors->all() as $error)
                                    <li>{{$error}}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif
                    <form method="post" action="Admin-Salespersons" name="sales_form" id="sales_form" enctype="multipart/form-data">
                        @csrf

                        <div class ="container">


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

                                </div>
                            </div>
                            <div class="form-group row">
                                <label for="user_address" class="col-sm-3  col-form-label">*Address Line 1:</label>
                                <div class="col-sm-9 ">
                                    <input type="text" class="form-control" id="user_address" name="user_address" autocomplete="none" placeholder="Please Enter Address Line 1">
                                    <label><span id="address_result" class="text-danger"></span></label>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label for="user_address1" class="col-sm-3  col-form-label">Address Line 2:</label>
                                <div class="col-sm-9 ">
                                    <input type="text" class="form-control" id="user_address1" name="user_address1" onchange="concatinate()" autocomplete="none" placeholder="Please Enter Address Line 2">
                                    <label></label>
                                </div>
                            </div>

                            <div class="form-group row">
                                <label for="user_city" class="col-xl-3 col-lg-3 col-md-3  col-form-label">*City:</label>
                                <div class=" col-sm-9">
                                    {{--<select id="inputCity" class="form-control" name="user_city">--}}
                                    {{--<option selected> --Default-- </option>--}}
                                    {{--<option>Anand</option>--}}
                                    {{--<option>Baroda</option>--}}
                                    {{--<option>Mumbai</option>--}}
                                    {{--<option>Pune</option>--}}
                                    {{--<option>...</option>--}}
                                    {{--</select>--}}

                                    <input type="text" name="user_city"  class="form-control" id="user_city" autocomplete="none"placeholder="Please Select City">

                                    <label><span id="city_result" class="text-danger"></span></label>
                                </div>

                            </div>
                            <div class="form-group row">
                                <label for="user_state" class="col-sm-3  col-form-label">*State:</label>
                                <div class="col-xl-5 col-lg-9 col-md-9 ">
                                    {{--<select id="inputState" class="form-control" name="user_state">--}}
                                    {{--<option selected>--Default--</option>--}}
                                    {{--<option>...</option>--}}
                                    {{--</select>--}}
                                    <input type="text" name="user_state"  class="form-control" id="user_state" autocomplete="none" placeholder="Please Select State">
                                    <label><span id="state_result" class="text-danger"></span> </label>
                                </div>
                                <div class="col-xl-4  hide-lg ">
                                    <input type="text" class="form-control" id="user_pincode" name="user_pincode" autocomplete="none" placeholder="Please Enter Pincode">
                                    <label><span id="pincode_result" class="text-danger"></span></label>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label for="designation	" class="col-sm-3  col-form-label">*Designation:</label>
                                <div class="col-sm-9 ">
                                    <!--<input type="text" class="form-control" id="designation" name="designation" autocomplete="none" placeholder="Please Enter Designation">-->
                                    <select class="form-control" id="designation" name="designation">
                                        <option>Sales</option>
                                        <option>Admin</option>
                                    </select>
                                    <label><span id="designation_result" class="text-danger"></span></label>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label for="designation	" class="col-sm-3  col-form-label">*Branch:</label>
                                <div class="col-sm-9 ">
                                    <select class="form-control" id="branch_name" name="branch_name">
                                        @foreach($all_branches as $branch)
                                        <option value="{{$branch->branch_id}}">{{$branch->branch_name}}</option>
                                        @endforeach
                                    </select>
                                    <label><span id="designation_result" class="text-danger"></span></label>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label for="mobile_no" class="col-sm-3  col-form-label">*Phone:</label>
                                <div class="col-sm-9 ">
                                    <input type="number" class="form-control" id="mobile_no" name="mobile_no" autocomplete="none" placeholder="Please Enter Phone Number">
                                    <label><span id="mobile_result" class="text-danger"></span></label>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label for="email" class="col-sm-3  col-form-label">Email:</label>
                                <div class="col-sm-9 ">
                                    <input type="email" class="form-control" id="email" name="email" placeholder="Please Enter Email id" >
                                    <label><span id="email_result" class="text-danger"></span></label>
                                </div>
                            </div>
                            <div class="form-group row ">
                                <label for="profile_image" class="col-sm-3  col-form-label">*Attach Profile Image:</label>
                                <div class="col-sm-9 ">
                                    <input type="file"  accept="image/*" id="profile_image" name="profile_image" autocomplete="none">
                                    <label><span id="profile_result" class="text-danger"></span></label>
                                </div>
                            </div>
                            <div class="login-details">
                                <h4>Create Password</h4>
                            </div>
                            {{--<div class="form-group row">--}}
                            {{--<label for="inputEmail3" class="col-sm-3  col-form-label">*User Id:</label>--}}
                            {{--<div class="col-sm-5">--}}
                            {{--<input type="text" class="form-control" id="id" name="id">--}}
                            {{--<label> You Can Use Letters, Numbers & Periods<span id="id_result"></span></label>--}}
                            {{--</div>--}}
                            {{--</div>--}}
                            <div class="form-group row">
                                <label for="password" class="col-sm-3  col-form-label">*Password:</label>
                                <div class="col-sm-5">
                                    <input type="password" class="form-control" id="password" name="password" autocomplete="none"placeholder=" Use 8 or More Characters With a Mix of Letters, Numbers & Symbols">
                                    <label><span id="password_result" class="text-danger"></span></label>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label for="confirmed" class="col-sm-3  col-form-label">*Confirm Password:</label>
                                <div class="col-sm-5">
                                    <input type="password" class="form-control" id="confirmed" name="confirmed" autocomplete="none" placeholder="Please Enter Confirm Password">
                                    <label><span id="confirmed_result" class="text-danger"></span></label>
                                </div>
                            </div>

                        </div>
                    </form>
                </div>
            </div>
            <!-- Admin-Add_New_Salesperson From End-->
            <!-- END EXAMPLE TABLE PORTLET-->
        </div>
        <!-- END :: main Content-->
    </div>

    @include('includes.scripts')
@endsection