@extends('backend.admin-master')
@section('site-title')
    {{__('Dashboard')}}
@endsection
@section('content')
          <!-- Content wrapper -->
          <div class="content-wrapper">
            <!-- Content -->
            <div class="container-xxl flex-grow-1 container-p-y">
              <h4 class="fw-bold py-3 mb-4"><span class="text-muted fw-light">User /</span> User Profile Edit</h4>
              <div class="row">
                <div class="col-md-12">
                  <div class="card mb-4">
                    <hr class="my-0" />
                    <div class="card-body">
                      <form id="formAccountSettings" method="POST" action="{{route('superadmin.update_user_profile',$user_details->id)}}" enctype="multipart/form-data">
                        @method('PUT')
                        @csrf
                          <div class="card-body">
                            <div class="d-flex align-items-start align-items-sm-center gap-4">
                              <img
                                src="@if(isset($user_details->profilepic)) {{asset('public/uploads/user_media/user_profile/'.$user_details->profilepic)}} @else {{ asset('../assets/dashboard/assets/img/avatars/1.png')}} @endif"
                                alt="user-avatar"
                                class="d-block rounded"
                                height="100"
                                width="100"
                                id="uploadedAvatar"
                              />
                              <div class="button-wrapper">
                                <label for="upload" class="btn btn-primary me-2 mb-4" tabindex="0">
                                  <span class="d-none d-sm-block">Upload new photo</span>
                                  <i class="bx bx-upload d-block d-sm-none"></i>
                                  <input
                                    type="file"
                                    id="upload"
                                    class="account-file-input"
                                    hidden
                                    name="profilepic"
                                    accept="image/png, image/jpeg"
                                  />
                                </label>
                                <button type="button" class="btn btn-outline-secondary account-image-reset mb-4" onclick="resetform();">
                                  <i class="bx bx-reset d-block d-sm-none"></i>
                                  <span class="d-none d-sm-block">Reset</span>
                                </button>

                                <p class="text-muted mb-0">Allowed JPG, GIF or PNG. Max size of 800K</p>
                              </div>
                            </div>
                          </div>
                          <hr class="my-0" />
                          <div class="card-body">
                              <div class="row">
                                <div class="mb-3 col-md-6">
                                  <label for="firstName" class="form-label">First Name</label><sup style="color:red;">*</sup>
                                  <input
                                    class="form-control"
                                    type="text"
                                    id="firstName"
                                    name="name"
                                    onkeyup="value=value.replace(/[^\a-\z\A-\Z]/g,'')"
                                    value="{{$user_details->name}}"
                                    autofocus
                                  />
                                </div>
                                <div class="mb-3 col-md-6">
                                  <label for="lastName" class="form-label">Last Name</label><sup style="color:red;">*</sup>
                                  <input class="form-control" type="text" onkeyup="value=value.replace(/[^\a-\z\A-\Z]/g,'')" name="last_name" id="lastName" value="{{$user_details->last_name ?? old('last_name')}}" />
                                </div>
                                <div class="mb-3 col-md-6">
                                  <label for="email" class="form-label">E-mail</label><sup style="color:red;">*</sup>
                                  <input
                                    class="form-control"
                                    type="text"
                                    id="email"
                                    name="email"
                                    value="{{$user_details->email ?? old('email')}}"
                                    placeholder=""
                                  />
                                </div>

                                <div class="mb-3 col-md-6">
                                  <label class="form-label" for="phoneNumber">Phone Number</label><sup style="color:red;">*</sup>
                                  <div class="input-group input-group-merge">

                                    <input
                                      id="phoneNumber"
                                      name="phone"
                                      class="form-control"
                                      placeholder=""
                                      type="tel" maxlength="12" onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')"
                                      value="{{$user_details->phone ?? old('phone')}}"
                                    />
                                  </div>
                                </div>
                               <div class="mb-3 col-md-6">
                                  <label for="organization" class="form-label">Organization</label><sup style="color:red;">*</sup>
                                  <input
                                    type="text"
                                    class="form-control"
                                    id="organization"
                                    name="organization"
                                    value="{{$user_details->organization ?? old('organization')}}"
                                  />
                                </div>
                                <div class="mb-3 col-md-6">
                                    <label class="form-label" for="country">Country</label>
                                    <div class="col-sm-12">
                                    <select id="country" class="select2 form-select" name="country">
                                      <option disabled selected>Select country</option>
                                      @foreach($country as $list)
                                        @if($user_details->country_id == $list->country_id)
                                        <option value="{{$list->country_id}}" selected>{{$list->country_name}}</option>
                                        @else
                                        <option value="{{$list->country_id}}">{{$list->country_name}}</option>
                                        @endif
                                      @endforeach
                                    </select>
                                    @if($errors->has('country'))
                                        <div class="error">{{ $errors->first('country') }}</div>
                                    @endif
                                  </div>
                                  </div>
                                  <div class="mb-3 col-md-6">
                                    <label class="form-label" for="state">State</label>
                                    <div class="col-sm-12">
                                    <select id="state" class="select2 form-select" name="state">
                                      <option disabled selected>Select state</option>
                                      @foreach($state as $list)
                                        @if($user_details->state_id == $list->state_id)
                                        <option value="{{$list->state_id}}" selected>{{$list->state_name}}</option>
                                        @else
                                        <option value="{{$list->state_id}}">{{$list->state_name}}</option>
                                        @endif
                                      @endforeach
                                    </select>
                                    @if($errors->has('state'))
                                      <div class="error">{{ $errors->first('state') }}</div>
                                    @endif
                                  </div>
                                </div>
                                <div class="mb-3 col-md-6">
                                    <label class="form-label" for="city">City</label>
                                    <div class="col-sm-12">
                                    <select id="city" class="select2 form-select" name="city">
                                      <option disabled selected>Select city</option>
                                      @foreach($city as $list)
                                        @if($user_details->city_id == $list->city_id)
                                        <option value="{{$list->city_id}}" selected>{{$list->city_name}}</option>
                                        @else
                                        <option value="{{$list->city_id}}">{{$list->city_name}}</option>
                                        @endif
                                      @endforeach
                                    </select>
                                    @if($errors->has('city'))
                                      <div class="error">{{ $errors->first('city') }}</div>
                                    @endif
                                  </div>
                                </div>

                                <div class="mb-3 col-md-6">
                                  <label for="zipCode" class="form-label">Zip Code</label><sup style="color:red;">*</sup>
                                  <input
                                    type="tel"
                                    maxlength="6"
                                    onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')"
                                    class="form-control"
                                    id="zipCode"
                                    name="zipcode"
                                    placeholder=""
                                    value="{{$user_details->zipcode ?? old('zipcode')}}"
                                  />
                                </div>
                                <div class="mb-3 col-md-6">
                                  <label for="address" class="form-label">Address</label><sup style="color:red;">*</sup>
                                  <input type="text" class="form-control" id="address" name="address" placeholder="" value="{{$user_details->address ?? old('address')}}"/>
                                </div>

                                <div class="mb-3 col-md-6">
                                  <label for="language" class="form-label">Working Status</label><sup style="color:red;">*</sup>
                                  <select id="language" class="select2 form-select" name="working_status">
                                    <option disabled selected>Select status</option>
                                    <option value="student" {{ ($user_details->working_status ?? '') == 'student' ? 'selected' : old('working_status') }}>Student</option>
                                    <option value="salaried" {{ ($user_details->working_status ?? '') == 'salaried' ? 'selected' : old('working_status') }}>Salaried</option>
                                    <option value="self_employeed" {{ ($user_details->working_status ?? '') == 'self_employeed' ? 'selected' : old('working_status') }}>Self Employeed</option>
                                    <option value="business" {{ ($user_details->working_status ?? '') == 'business' ? 'selected' : old('working_status') }}>Business</option>
                                    <option value="housewife" {{ ($user_details->working_status ?? '') == 'housewife' ? 'selected' : old('working_status') }}>Housewife</option>
                                    <option value="other" {{ ($user_details->working_status ?? '') == 'other' ? 'selected' : old('working_status') }}>Other</option>
                                  </select>
                                </div>
                                <div class="mb-3 col-md-6">
                                  <label for="address" class="form-label">User Type</label> 
                                  <select  class="select2 form-select" name="usertype" >
                                    <option value=" " disabled>Select User Type</option>
                                    <option value="dpuser" {{$user_details->role == 'dpuser' ? 'selected' : '' }}  >DP User </option>
                                    <option value="dpbuddy" {{$user_details->role == 'dpbuddy' ? 'selected': ''  }}  >DP Buddy </option>
                                    <option value="dpSaarthi" {{$user_details->role == 'dpSaarthi' ? 'selected'  : ''}}  >DP Saarthi </option>
                                  </select>
                            </div>
                                <h6 class="green">Reset Password</h6>
                    <hr>
                                <div class="mb-3 col-md-6">
                                  <label for="address" class="form-label">New password</label>
                                  <input type="password" class="form-control" id="address" name="password" placeholder="" />
                                </div>
                                <div class="mb-3 col-md-6">
                                  <label for="state" class="form-label">Confirm Password</label>
                                  <input class="form-control" type="password" id="state" name="password_confirmation" placeholder="" />
                                </div>
                              </div>
                              <div class="mb-3 col-md-6">
                                <div class="col-md">
                                <label class="form-label  col-lg-12" for="password">Residential Status <sup style="color:red;">*</sup></label>
                                          <div class="form-check form-check-inline ">
                                            <input
                                              class="form-check-input"
                                              type="radio"
                                              name="inlineRadioOptions"
                                              id="inlineRadio1"
                                              value="Indian"
                                             {{ ( $user_details->residential =='Indian' ) ? 'checked' : '' }}
                                            />
                                            <label class="form-check-label" for="inlineRadio1">Indian Resident</label>
                                          </div>
                                          <div class="form-check form-check-inline">
                                            <input
                                              class="form-check-input"
                                              type="radio"
                                              name="inlineRadioOptions"
                                              id="inlineRadio2"
                                              value="NRI"
                                             {{ ( $user_details->residential =='NRI' ) ? 'checked' : '' }}
                                            />
                                            <label class="form-check-label" for="inlineRadio2">Non Indian Resident</label>
                                          </div>
                                        </div>
                                </div>
                              <div class="mt-2">
                                <button type="submit" class="btn btn-primary me-2">Save changes</button>
                                <a href="{{ url('superadmin/user-profile') }}" class="btn btn-outline-secondary">Cancel</a>
                              </div>
                            </form>
                          </div>
                          <!-- /Account -->
                        </div>

                        <div class="card mb-3">
                          <h5 class="card-header">Make Yourself DP Buddy</h5>
                          <div class="card-body">


                            @if(isset($user_media->user_id))
                            <form id="formAuthentication" class="mb-3" action="{{route('update_user_profile_media',$user_media->user_id)}}"  enctype="multipart/form-data" method="POST">
                            @csrf
                            @method('PUT')
                            @else
                            <form id="formAuthentication" class="mb-3" action="{{route('user_profile_media')}}"  enctype="multipart/form-data" method="POST">
                            @endif
                            @csrf
                             <!-- <div class="row mb-3">
                                <div class="col-lg-2"><label class=" col-form-label" for="basic-default-name">Upload Aadhar Card</label></div>
                                <div class="col-lg-5">
                                  <input class="form-control" type="file" id="formFile" name="aadhar_card"/>
                                </div>
                               <div class="col-lg-5">
                                  <input class="form-control" type="tel" name="adhar_no" id="lastName" value="{{ $user_media->adhar_no ?? old('adhar_no') }}" placeholder="Enter Adhar card No." maxlength="12" onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')"/>
                                </div>
                             </div>
							 -->
                             <div class="row mb-3">
                                <div class="col-lg-2"><label class=" col-form-label" for="basic-default-name">Upload PAN Card</label></div>
                                <div class="col-lg-5">
                                  <input class="form-control" type="file" id="formFile"  name="pan_card"/>
                                </div>
                               <div class="col-lg-5">
                                  <input class="form-control" type="text" name="pan_no" id="lastName"  value="{{ $user_media->pan_no ?? old('pan_no') }}" placeholder=""/>
                                </div>
                              </div>
                              <div class="row mb-3">
                                <div class="col-lg-2"><label class=" col-form-label" for="basic-default-name">Upload GSTIN</label></div>
                                <div class="col-lg-5">
                                  <input class="form-control" type="file" id="formFile"  name="gstin"/>
                                </div>
                               <div class="col-lg-5">
                                  <input class="form-control" type="text" id="lastName" value="{{ $user_media->gstin_no ?? old('gstin_no') }}" placeholder="" name="gstin_no"/>
                                </div>
                              </div>
                             <div class="row mb-3">
                                <div class="col-lg-2"><label class=" col-form-label" for="basic-default-name">Address Proof</label></div>
                                <div class="col-lg-5">
                                 <select id="language" class="select2 form-select" name="address_proof">
                                    <option disabled selected>Select proof</option>
                                    <option value="voter_id" {{ ($user_media->address_proof ?? '') == 'voter_id' ? 'selected' : '' }}>Voter ID</option>
                                    <!--<option value="aadhar_card" {{ ($user_media->address_proof ?? '') == 'aadhar_card' ? 'selected' : '' }}>Aadhar Card</option>-->
                                    <option value="driving_licence" {{ ($user_media->address_proof ?? '') == 'driving_licence' ? 'selected' : '' }}>Driving Licence </option>
                                    <option value="bank_statement" {{ ($user_media->address_proof ?? '') == 'bank_statement' ? 'selected' : '' }}>Bank Statement</option>
                                    <option value="passport" {{ ($user_media->address_proof ?? '') == 'passport' ? 'selected' : '' }}>Passport</option>
                                  </select>
                                </div>
                               <div class="col-lg-5">
                                  <input class="form-control" type="file" id="formFile"  name="address_proof_docu"/>
                                </div>
                              </div>

                           <div class="row">
                              <div class="mb-3 col-lg-4"><button type="button" class="btn btn-outline-primary">Esign Agreement</button></div>
                              <div class="mb-3 col-lg-4">
                              <label for="upload1" class="btn btn-primary " tabindex="0">
                                  <span class="d-none d-sm-block">Upload Agreement</span>
                                  <i class="bx bx-upload d-block d-sm-none"></i>
                                  <input type="file" id="upload1" class="account-file-input"
                                  hidden  name="upload_agreement"/>
                                </label>
                             </div>
                             <div class="mb-3 col-lg-4"><button type="submit" class="btn btn-primary">Save changes</button></div>
                            </div>
                            </form>
                    </div>
                    <!-- /Account -->
                  </div>
                </div>
              </div>
            </div>
            <!-- / Content -->
          <!-- Footer -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
          <script>
            $("#upload").on('change', function() {
                if (typeof(FileReader) != "undefined") {
                    var reader = new FileReader();
                    reader.onload = function(e) {
                        $("#uploadedAvatar").attr('src', e.target.result);
                    }
                    reader.readAsDataURL($(this)[0].files[0]);
                } else {
                    alert("This browser does not support FileReader.");
                }
            });

            function resetform() {
                var ipat = "{{ asset('public/uploads/user_media/user_profile/' . $user_details->profilepic) }}";
                $("#uploadedAvatar").attr('src', ipat);
            }
        </script>
        <script>
            jQuery(document).ready(function(){
              jQuery('#country').change(function(){
                let cid=jQuery(this).val();
                //alert(cid);
                jQuery('#city').html('<option value="">Select City</option>')
                jQuery.ajax({
                  url:'/getState',
                  type:'post',
                  data:'cid='+cid+'&_token={{csrf_token()}}',
                  success:function(result){
                   // alert(result);
                    jQuery('#state').html(result)
                  }
                });
              });

              jQuery('#state').change(function(){
                let sid=jQuery(this).val();
                jQuery.ajax({
                  url:'/getCity',
                  type:'post',
                  data:'sid='+sid+'&_token={{csrf_token()}}',
                  success:function(result){
                    jQuery('#city').html(result)
                  }
                });
              });
            });

            </script>
@endsection