@extends('backend.admin-master')
@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">Account Settings /</span> Account</h4>
              <div class="row">
                <div class="col-md-12">

                  <div class="card mb-4">
                    <h5 class="card-header">Profile Details</h5>
                    <!-- Account -->
                <form id="formAccountSettings" method="POST" action="{{route('superadmin.update_profile',$edit_profile->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($edit_profile->image)) {{asset('public/uploads/admin_profile/'.$edit_profile->image)}} @else../assets/dashboard/assets/img/elements/img.jpg @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="image"
                              accept="image/png, image/jpeg"
                            />
                          </label>
                          <button type="reset" 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">Name<sup style="color:red;">*</sup></label>
                            <input
                              class="form-control"
                              type="text"
                              id="firstName"
                              name="name"
                              value="{{$edit_profile->name}}"
                              autofocus
                              onkeyup="value=value.replace(/[^\a-\z\A-\Z ]/g,'')"
                            />
                          </div>
                          <div class="mb-3 col-md-6">
                            <label for="email" class="form-label">E-mail<sup style="color:red;">*</sup></label>
                            <input
                              class="form-control"
                              type="text"
                              id="email"
                              name="email"
                              value="{{$edit_profile->email}}"
                              placeholder=""
                            />
                          </div>

                          <div class="mb-3 col-md-6">
                            <label for="support_email" class="form-label">Support E-mail</label>
                            <input
                              class="form-control"
                              type="text"
                              id="support_email"
                              name="support_email"
                              value="{{$edit_profile->support_email}}"
                              placeholder=""
                            />
                          </div>

                          <div class="mb-3 col-md-6">
                            <label for="additional_email" class="form-label">Additional E-mail</label>
                            <input
                              class="form-control"
                              type="text"
                              id="additional_email"
                              name="additional_email"
                              value="{{$edit_profile->additional_email}}"
                              placeholder=""
                            />
                          </div>

                          <hr>
                                    <h6 class="green">Reset Password</h6>
                        <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="mt-2">
                          <button type="submit" class="btn btn-primary me-2">Save changes</button>
                          <a href="{{ url('superadmin/dashboard') }}" class="btn btn-outline-secondary">Cancel</a>
                        </div>
                      </form>
                    </div>
                    <!-- /Account -->
                  </div>
                  <hr>
                  <div class="col-md-12" style="display:none;">
                    <div class="card mb-4">
                      <h5 class="card-header">Email Credential Details</h5>
                     <form id="formAccountSettings" method="POST" action="{{route('superadmin.email_credential')}}" enctype="multipart/form-data">
                      @method('PUT')
                      @csrf
                      <div class="card-body">
                        <div class="row">
                          <div class="mb-3 col-md-6">
                            <label for="sender_name" class="form-label">Sender Name<sup style="color:red;">*</sup></label>
                            <input
                              class="form-control"
                              type="text"
                              id="sender_name"
                              name="sender_name"
                              value="{{$email_credential[0]->sender_name}}"
                              autofocus
                              onkeyup="value=value.replace(/[^\a-\z\A-\Z ]/g,'')"
                            />
                          </div>
                          <div class="mb-3 col-md-6">
                            <label for="sender_email" class="form-label">Sender E-mail<sup style="color:red;">*</sup></label>
                            <input
                              class="form-control"
                              type="email"
                              id="sender_email"
                              name="sender_email"
                              value="{{$email_credential[0]->sender_email}}"
                              placeholder=""
                            />
                          </div>

                          <div class="mb-3 col-md-12">
                            <label for="mail_api_key" class="form-label">Mail API Key<sup style="color:red;">*</sup></label>
                            <input
                              class="form-control"
                              type="text"
                              id="mail_api_key"
                              name="mail_api_key"
                              value="{{$email_credential[0]->mail_api_key}}"
                              placeholder=""
                            />
                          </div>
                        </div>
                        <div class="mt-2">
                          <button type="submit" class="btn btn-primary me-2">Save Credential</button>
                          <a href="{{ url('superadmin/dashboard') }}" class="btn btn-outline-secondary">Cancel</a>
                        </div>
                      </div>
                    </form>
                  </div>
                </div>
                </div>
              </div>
            </div>
            <!-- / Content -->

            <!-- Footer -->
           <footer class="content-footer footer bg-footer-theme">
              <div class="container-xxl d-flex flex-wrap justify-content-between py-2 flex-md-row flex-column">
                
              </div>
            </footer>
            <!-- / Footer -->

            <div class="content-backdrop fade"></div>
          </div>
          <!-- Content wrapper -->
        </div>
        <!-- / Layout page -->
      </div>

      <!-- Overlay -->
      <div class="layout-overlay layout-menu-toggle"></div>
    </div>
    <!-- / Layout wrapper -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></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)
              }
            });
          });
        });


        $("#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/admin_profile/' . $edit_profile->image) }}";
                    $("#uploadedAvatar").attr('src', ipat);
                }
        </script>

@endsection