@extends('backend.layouts.app')

@section('title', 'Update Profile')
@section('page-title', 'Update Profile')
@section('page-breadcrumb', 'Update Profile')


@section('content')

<div class="content mt-3">

<div class="animated fadeIn">


                <div class="row">
                    <div class="col-lg-12">

                    <div class="card">
<h5 class="card-header">
    <strong><i class="fa fa-user-plus fa-lg"></i> Update Profile | <blink style="color:red">Please Complete the details to access dashboard</blink></strong>

</h5>
<!--Card content-->


 <form class="card" action="{{route('UpdateProfile')}}" method="POST" enctype="multipart/form-data" >
   @csrf

    <div class="card-body">
        <!-- Form -->

        <div class="form-body">
            <!-- User Details -->

@foreach($users_list as $user)
<input type="hidden" name="id" value="{{$user->id}}">
<h6 class="form-section mt-4"><b>User Info</b></h6>
<hr>

<div class="row">
<div class="col-md-6">
    <div class="form-group row">
        <label class="form-label col-md-3" for="UserDetails_FirstName">First Name<span class="text-danger"> *</span></label>
        <div class="col-md-9">
            <input class="form-control nameChar " required="" type="text" data-val="true" name="first_name" value="{{$user->first_name}}">

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

<!--/span-->
<div class="col-md-6">
    <div class="form-group row">
        <label class="form-label col-md-3" for="UserDetails_LastName">Last Name</label>
        <div class="col-md-9">
            <input class="form-control nameChar " type="text"  name="last_name" value="{{$user->last_name}}">

        </div>
    </div>
</div>
<!--/span-->
</div>
<div class="row">
<div class="col-md-6">
    <div class="form-group row">
        <label class="form-label col-md-3" for="UserDetails_FatherName">Father Name<span class="text-danger"> *</span></label>
        <div class="col-md-9">
            <input class="form-control nameChar" required="" type="text"  name="father_name" value="{{$user->father_name}}">

        </div>

    </div>
</div>
<!--/span-->
<div class="col-md-6">
    <div class="form-group row">
        <label class="form-label col-md-3" for="UserDetails_DOB">DOB<span class="text-danger"> *</span></label>
        <div class="col-md-9">
            <input class="form-control Date"  required="" type="text" id="dob" readonly name="dob" value="{{$user->dob}}">

        </div>
    </div>
</div>
<!--/span-->
</div>
<!--/row-->
<div class="row">
<div class="col-md-6">
    <div class="form-group row">
        <label class="form-label col-md-3" for="UserDetails_FirmName">Firm Name<span class="text-danger"> *</span></label>
        <div class="col-md-9">
            <input class="form-control nameChar required" required="" type="text" name="firm_name" value="{{$user->firm_name}}">

        </div>
    </div>
</div>
<!--/span-->
<div class="col-md-6">
    <div class="form-group row">
        <label class="form-label col-md-3" for="UserDetails_Email">Email<span class="text-danger"> *</span></label>
        <div class="col-md-9">
            <input class="form-control laxEmail required" required="" type="email" id="email"  name="email" value="{{$user->email}}" onblur="checkData(this.value,'email')">

        </div>
    </div>
</div>
<!--/span-->
</div>
<!--/row-->
<div class="row">
<div class="col-md-6">
    <div class="form-group row">
        <label class="form-label col-md-3" for="UserDetails_Mobile">Mobile<span class="text-danger"> *</span></label>
        <div class="col-md-9">
            {{$user->mobile}}

        </div>
    </div>
</div>
<div class="col-md-6 hide">
    <div class="form-group row">
        <label class="col-form-label col-md-3" for="UserDetails_PanNo">Pan Number<span class="text-danger"> *</span></label>
        <div class="col-md-9">
            <input class="form-control pancard required" required minlength="10" maxlength="10" name="pan_no" id="pan_no" value="{{$user->pan_no}}"">

        </div>
    </div>
</div>
<!--/span-->
<!--/span-->
</div>
<div class="row">

<!--/span-->
<div class="col-md-6 hide">
    <div class="form-group row">
        <label class="col-form-label col-md-3" for="UserDetails_AadhaarNo">Aadhaar Number<span class="text-danger"> *</span></label>
        <div class="col-md-9">
            <input class="form-control adharCard required" type="number" required minlength="12" maxlength="12" name="aadhar_no" id="aadhar_no" value="{{$user->aadhar_no}}" >

        </div>
    </div>
</div>
<div class="col-md-6 hide">
    <div class="form-group row">
        <label class="col-form-label col-md-3" for="UserDetails_SelectedParent">Parent</label>
        <div class="col-md-9">
          {{$user->parent_alias}}
        </div>
    </div>
</div>
<!--/span-->
</div>
<div class="row">

<div class="col-md-6">
    <div class="form-group row">
        <label class="col-form-label col-md-3" for="UserDetails_GST">GST</label>
        <div class="col-md-9">
            <input class="form-control" type="text"  name="gst" value="{{$user->gst}}">

        </div>
    </div>
</div>
        <div class="col-md-6 hideForChannel">
            <div class="form-group row">
                <label class="col-form-label col-md-3" for="UserDetails_UserId">User Id <span class="text-danger"> *</span></label>
                <div class="col-md-9">
                    <input class="form-control"  type="text" data-val="true" maxlength="10" name="user_id" value="{{$user->user_id}}" required>

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





<h6 class="form-section mt-4"><b>Address</b></h6>
<hr>

<input type="hidden" id="Address_AddressId" name="Address.AddressId" value="" autocomplete="off">
<!--/row-->
<div class="row">
<div class="col-md-6">
    <div class="form-group row">
        <label class="col-form-label col-md-3" for="Address_Address">House No, Building Name<span class="text-danger"> *</span></label>
        <div class="col-md-9">
            <input class="form-control required" type="text" placeholder="House No, Building Name" required="" name="address" value="{{$user->address}}">
            <span class="text-danger field-validation-valid" data-valmsg-for="House No, Building Name" data-valmsg-replace="true"></span>
        </div>
    </div>
</div>

<div class="col-md-6">
    <div class="form-group row">
        <label class="col-form-label col-md-3" for="Address_Address">Road Name, Area, Colony<span class="text-danger"> *</span></label>
        <div class="col-md-9">
            <input class="form-control required" type="text" placeholder="Road Name, Area, Colony" required="" name="address2" value="{{$user->address2}}">
            <span class="text-danger field-validation-valid" data-valmsg-for="Road Name, Area, Colony" data-valmsg-replace="true"></span>
        </div>
    </div>
</div>




</div>
<div class="row">
<!--/span-->

<div class="col-md-6">
    <div class="form-group row">
        <label class="col-form-label col-md-3" for="Address_SelectedState">State<span class="text-danger"> *</span></label>
        <div class="col-md-9">
            <select class="form-control required" required name="state">
                <option value="{{$user->state}}">{{$user->state}}</option>
                @foreach($state_list as $state)
                  <option value="{{$state->st_name}}">{{$state->st_name}}</option>
                  @endforeach

</select>

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

<div class="col-md-6">
    <div class="form-group row">
        <label class="col-form-label col-md-3" for="Address_CityName">CityName<span class="text-danger"> *</span></label>
        <div class="col-md-9">
            <input class="form-control nameChar required" required="" type="text"  name="city_name" value="{{$user->city}}">

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

<!--/span-->
</div>
<!--/row-->



<div class="row">
<!--/span-->

<div class="col-md-6">
    <div class="form-group row">
        <label class="col-form-label col-md-3" for="Address_PinCode">PinCode<span class="text-danger"> *</span></label>
        <div class="col-md-9">
            <input class="form-control postalcode Numeric required" required="" maxlength="6" type="text" name="pin_code" value="{{$user->pincode}}">

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



<!--/span-->
</div>


            <!-- Service  -->
  @endforeach



<!--div class="row">
<div class="form-group">
    <div class="col-md-12">

        @foreach($services_list as $service)

        <div class="custom-control-inline customCheckbox">
            <input class="toggle__input normalCheckbox" name="services[]" type="checkbox" value="{{$service->id}}">
            &nbsp;<label for="Service0">{{$service->service_name}}</label>
        </div>
        @endforeach



    </div>
</div>
</div-->
        </div>
    </div>
    <div class="card-footer">
        <button type="submit" class="btn btn-primary btn-sm waves-effect waves-light">
            Submit <i class="fa fa-arrow-circle-right fa-lg"></i>
        </button>
        <button type="button" onclick="history.back();" class="btn btn-danger btn-sm waves-effect waves-light">
            Back <i class="fa fa-arrow-circle-left fa-lg"></i>
        </button>
    </div>





</form>
<!-- Form -->

</div>



    <!-- ============================================================== -->

</div>



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

@endsection

@section('self_script')

<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
$( function() {
$( "#dob" ).datepicker({
  changeMonth: true,
  changeYear: true,
  yearRange: "-80:+10",
  dateFormat:"yy-mm-dd",});
} );
</script>



@endsection