@extends('backend.admin-withouterrmaster')
@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">Superadmin /</span> Edit</h4>
              @if(session('success') == "Opps! You do not have access")    
			
              @elseif(session()->has('success'))
                <div class="alert alert-success alert-dismissable custom-success-box">
                  <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                  <strong> {{session('success')}} </strong>
                </div>	
              @endif 
@if ($errors->any())
                  @foreach ($errors->all() as $error)
                    <div class="alert alert-danger">{{ $error }}</div>
                  @endforeach
                  @endif
              <div class="row">
                <div class="col-md-12">

                  <div class="card mb-4">
                    <h5 class="card-header">Edit</h5>
                    <!-- Account -->
                <form id="formAccountSettings" method="POST" action="{{route('superadmin.update_success_stories_list', $success_stories_data->id_success_stories)}}" enctype="multipart/form-data">
                  @method('PUT')
                  @csrf
                     <hr class="my-0" />
                    <div class="card-body">
                        <div class="row">
                          <div class="col-md-12">
                            <label for="firstName" class="form-label">Name<sup style="color:red;">*</sup></label>
                            <input
                              class="form-control"
                              type="text"
                              id="firstName"
                              name="name"
                              value="{{ $success_stories_data->name }}"
                              placeholder=""
                              required
                              onkeyup="value=value.replace(/[^\a-\z\A-\Z ]/g,'')"
                            />
                            <br/>
                          </div>
                          

                          <div class="col-md-12">
                            <label for="email" class="form-label">Image<sup style="color:red;"></sup></label>
                            <input
                              class="form-control"
                              type="file"
                              id="image"
                              name="image"
                              value=""
                              placeholder=""
                            />
                            <img src="{{ url('assets/homedata/') }}/{{$success_stories_data->image}}" height="100">
                            <br/><br/>
                          </div>

                           <div class="col-md-12">
                            <label for="email" class="form-label">Review<sup style="color:red;"></sup></label>
                            <input
                              class="form-control"
                              type="text"
                              id="review"
                              name="review"
                              value="{{ $success_stories_data->review }}"
                              placeholder=""
                            />
                            <br/>
                          </div>
                           <div class="col-md-12">
                            <label for="firstName" class="form-label">Rating<sup style="color:red;"></sup></label>
                            <select
                              class="form-control"
                              name="rating"
                              placeholder=""
                              required
                            />
                              <option value="1" {{ $success_stories_data->rating == '1' ? 'selected' : '' }}>1</option>
                              <option value="2" {{ $success_stories_data->rating == '2' ? 'selected' : '' }}>2</option>
                              <option value="3" {{ $success_stories_data->rating == '3' ? 'selected' : '' }}>3</option>
                              <option value="4" {{ $success_stories_data->rating == '4' ? 'selected' : '' }}>4</option>
                              <option value="5" {{ $success_stories_data->rating == '5' ? 'selected' : '' }}>5</option>
                            </select>
                            <br/>
                          </div>
                         
                        <div class="col-md-12">
                          <button type="submit" class="btn btn-primary me-2">Submit</button>
                        </div>
                         </div>
                      </form>
                    </div>
                    <!-- /Account -->
                  </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 class="mb-2 mb-md-0">
                  ©
                  <script>
                    document.write(new Date().getFullYear());
                  </script>
                  , Developed by
                  <a href="https://www.basicmantra.com" target="_blank" class="footer-link fw-bolder">Basic Mantra</a>
                </div>
              </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>
	
	
	
<style>
		.wrapper.mb-3 canvas {
		border: 1px solid;
	}
</style>	
	<script src="https://cdn.jsdelivr.net/npm/signature_pad@2.3.2/dist/signature_pad.min.js"></script>
<script>

   tinymce.init({
      selector: '#short_description',
      plugins: 'anchor autolink charmap codesample emoticons image link lists media searchreplace table visualblocks wordcount checklist mediaembed casechange export formatpainter pageembed linkchecker a11ychecker tinymcespellchecker permanentpen powerpaste advtable advcode editimage tinycomments tableofcontents footnotes mergetags autocorrect typography inlinecss',
      toolbar: 'undo redo | blocks fontfamily fontsize | bold italic underline strikethrough | link image media table mergetags | addcomment showcomments | spellcheckdialog a11ycheck typography | align lineheight | checklist numlist bullist indent outdent | emoticons charmap | removeformat',
      tinycomments_mode: 'embedded',
      tinycomments_author: 'Author name',
      mergetags_list: [
        { value: 'First.Name', title: 'First Name' },
        { value: 'Email', title: 'Email' },
      ]
    });

     tinymce.init({
      selector: '#description',
      plugins: 'anchor autolink charmap codesample emoticons image link lists media searchreplace table visualblocks wordcount checklist mediaembed casechange export formatpainter pageembed linkchecker a11ychecker tinymcespellchecker permanentpen powerpaste advtable advcode editimage tinycomments tableofcontents footnotes mergetags autocorrect typography inlinecss',
      toolbar: 'undo redo | blocks fontfamily fontsize | bold italic underline strikethrough | link image media table mergetags | addcomment showcomments | spellcheckdialog a11ycheck typography | align lineheight | checklist numlist bullist indent outdent | emoticons charmap | removeformat',
      tinycomments_mode: 'embedded',
      tinycomments_author: 'Author name',
      mergetags_list: [
        { value: 'First.Name', title: 'First Name' },
        { value: 'Email', title: 'Email' },
      ]
    });

            var canvas = document.querySelector("canvas");

            // Adjust canvas coordinate space taking into account pixel ratio,
            // to make it look crisp on mobile devices.
            // This also causes canvas to be cleared.
            function resizeCanvas() {
                // When zoomed out to less than 100%, for some very strange reason,
                // some browsers report devicePixelRatio as less than 1
                // and only part of the canvas is cleared then.
                var ratio =  Math.max(window.devicePixelRatio || 1, 1);
                canvas.width = canvas.offsetWidth * ratio;
                canvas.height = canvas.offsetHeight * ratio;
                canvas.getContext("2d").scale(ratio, ratio);
            }

            window.onresize = resizeCanvas;
            resizeCanvas();

            var signaturePad = new SignaturePad(canvas, {
              backgroundColor: 'rgb(255, 255, 255)' // necessary for saving image as JPEG; can be removed is only saving as PNG or SVG
            });

            
            var dataURL = canvas.toDataURL();
			
</script>
<script>
			function uploadEx() {
				var canvas = document.getElementById("canvas");
				var dataURL = canvas.toDataURL("image/png");
				document.getElementById('hidden_data').value = dataURL;
				alert(dataURL);
			};
		</script>
	
	
    <!-- / Layout wrapper -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
   

    <script>
       function workingstatus(){
        var other =$('#working_status').val(); 
        //alert(other); 
        if(other == "other"){
           $('#other_working_status').show();
        }else{
           $('#other_working_status').hide(); 
        }
      }
    </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)
            }
          });
        });
        
        jQuery('#deactivate').click(function(){
          let user_id = {{Auth::User()->id}};
          //alert(user_id);
        if (confirm('Are you sure you want to deactivate your account ?')) {
          jQuery.ajax({
            url:'/deactivate-user',
            type:'post',
            data:'user_id='+user_id+'&_token={{csrf_token()}}',
            success:function(result){
              $('#smallModal_3').modal('show');
              $('#smallModal_3').on('hidden.bs.modal', function () {
                window.location.href = '/';
              })
            }
          });
        }
        });
      });
        
      </script>
@endsection