@extends('layout.header')
@section('title')
    ALIAN | Edit User
@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">
                        Edit User
                    </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">
                                            Edit User
                                            </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">
                                Edit User
                            </h3>
                        </div>
                    </div>
                    <div class="">
                        <li class="m-portlet__nav-item">
                            <a href="" class="new_order_btn">
                                            <span>
                                                <span>
                                                   Cancel
                                                </span>
                                            </span>
                            </a>
                        </li>
                        <li class="m-portlet__nav-item">
                            <a href="#" id="edituser" class="new_order_btn" onclick="validate_user()">
                                            <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">
                    <form method="post" action="EditUser" name="sales_form" id="edit_user_form" enctype="multipart/form-data">
                        @csrf

                        <div class ="container">
                            <input type="hidden" value="{{$user[0]->id}}" id="edit_user_id" name="edit_user_id">
                            <div class="form-group row">
                                <label for="name" class="col-sm-3  col-form-label"><img id="updated_profile" src="sales_images/{{$user[0]->profile_image}}" onerror="this.src='sales_images/IMG1550210555_images.png'" style="height: 100px; width: 100px; border-radius: 50%"></label>
                                <div class="col-sm-9 ">
                                    {{--<input type="text" class="form-control" id="name" name="name" value="{{$user[0]->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="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" value="{{$user[0]->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="gender" class="col-sm-3  col-form-label">*Gender:</label>
                                <div class="col-sm-9 ">
                                    <!--<input type="text" class="form-control" id="designation" name="designation" autocomplete="none" placeholder="Please Enter Designation">-->
                                    @if($user[0]->gender=="Male")
                                        <select class="form-control" id="gender" name="gender">
                                            <option selected value="Male">Male</option>
                                            <option value="Female">Female</option>
                                        </select>
                                    @else
                                        <select class="form-control" id="gender" name="gender">
                                            <option value="Male">Male</option>
                                            <option selected value="Female">Female</option>
                                        </select>
                                    @endif
                                    <label><span id="gender_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" value="{{$user[0]->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"  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">
                                    <input type="text" name="user_city"  class="form-control" id="user_city" value="{{$user[0]->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 ">
                                    <input type="text" name="user_state"  class="form-control" id="user_state" value="{{$user[0]->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" value="{{$user[0]->user_pincode}}" 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 ">
                                    @if($user[0]->designation=="Marketting")
                                        <select class="form-control" id="designation" name="designation">
                                            <option value="Sales">Sales</option>
                                            <option value="Admin">Admin</option>
                                            <option selected value="Marketting">Marketing</option>
                                        </select>
                                    @elseif($user[0]->designation=="Admin")
                                        <select class="form-control" id="designation" name="designation">
                                            <option value="Sales">Sales</option>
                                            <option selected value="Admin">Admin</option>
                                            <option value="Marketting">Marketing</option>
                                        </select>
                                    @else
                                        <select class="form-control" id="designation" name="designation">
                                            <option selected value="Sales">Sales</option>
                                            <option value="Admin">Admin</option>
                                            <option value="Marketting">Marketing</option>
                                        </select>
                                    @endif
                                    <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" value="{{$user[0]->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="date_of_birth_user" class="col-sm-3  col-form-label">*Date Of Birth :</label>
                                <div class="col-sm-9 ">
                                    <input type="text" class="form-control" id="date_of_birth_user" name="date_of_birth_user" value="{{$user[0]->birth}}" autocomplete="none" placeholder="Please Enter Date Of Birth">
                                    <label><span id="date_of_birth_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" value="{{$user[0]->email}}">
                                    <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">Update Profile Image:</label>
                                <div class="col-sm-9 ">
                                    <input type="file"  accept="image/*" id="update_profile_image" name="update_profile_image" autocomplete="none">
                                    <label><span id="profile_result" class="text-danger"></span></label>
                                </div>
                            </div>
                            <div class="login-details">
                                <h4>Update Password</h4>
                            </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 class="form-group row">
                                <label for="status" class="col-sm-3  col-form-label">*Status:</label>
                                <div class="col-sm-5">
                                    <select name="UserStatus" id="status" class="form-control">
                                        <option value="1" {{$user[0]->active_or_deactive == 1 ? 'selected' : ''}}>Active</option>
                                        <option value="0" {{$user[0]->active_or_deactive == 0 ? 'selected' : ''}}>Inactive</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <!-- Admin-Add_New_Salesperson From End-->
            <!-- END EXAMPLE TABLE PORTLET-->
        </div>
        <!-- END :: main Content-->
    </div>

    @include('includes.edit_user_scripts')
@endsection