From 8645b5ae6fd52eedb1854946ff105f91e5257ec6 Mon Sep 17 00:00:00 2001
From: sayliraut <sayliraut2903@gmail.com>
Date: Fri, 21 Jun 2024 15:06:02 +0530
Subject: [PATCH] change

---
 .../manage_rule/manage_rules_edit.blade.php   | 84 ++++++++++++++-----
 1 file changed, 62 insertions(+), 22 deletions(-)

diff --git a/resources/views/Admin/pages/manage_rule/manage_rules_edit.blade.php b/resources/views/Admin/pages/manage_rule/manage_rules_edit.blade.php
index a844a01..386ede8 100644
--- a/resources/views/Admin/pages/manage_rule/manage_rules_edit.blade.php
+++ b/resources/views/Admin/pages/manage_rule/manage_rules_edit.blade.php
@@ -11,6 +11,7 @@
 
         form .error-message {
             color: red;
+            /* Set your desired color here */
         }
 
         form .input_class.error-message {
@@ -18,6 +19,8 @@
         }
     </style>
 
+
+
     <div class="layout-px-spacing">
         <div class="middle-content container-xxl p-0">
             <div class="row layout-top-spacing ">
@@ -29,8 +32,11 @@
                                 <img class="back-btn" src="{{ asset('public/assets/img/left-arrow.svg') }}">
                                 <h6 class="card-title p-0">Edit Details</h6>
                             </a>
+
                         </div>
                     </div>
+
+
                 </div>
 
                 <div class="col-xl-12 col-lg-12 col-sm-12 layout-spacing">
@@ -39,25 +45,33 @@
                             <div class="simple-tab">
                                 @csrf
                                 <div class="tab-content" id="myTabContent">
-                                    <div class="tab-pane fade show active" id="home-tab-pane" role="tabpanel" aria-labelledby="home-tab" tabindex="0">
+                                    <div class="tab-pane fade show active" id="home-tab-pane" role="tabpanel"
+                                        aria-labelledby="home-tab" tabindex="0">
                                         <div class="row">
                                             <form id="rules_form">
                                                 <div class="col-md-12 mb-4">
-                                                    <label for="rules-textarea-title" class="form-label">What's Inside?</label>
+                                                    <label for="rules-quill-edit-title" class="form-label">What's Inside
+                                                        ?</label>
                                                     <input type="hidden" name="rule_id" value="{{ $data->id }}">
-                                                    <textarea id="rules-textarea-title" class="form-control" name="article_des_title" minlength="10" rows="10">{{ $data->title }}</textarea>
+                                                    <input type="hidden" id="stored-title-message"
+                                                        value="{{ $data->title }}">
+                                                    <div id="rules-quill-edit-title" class="editor-quill"
+                                                        style="height: 300px;" minlength="10"></div>
                                                     <span class="error-message" id="error-message-title"></span>
                                                 </div>
 
                                                 <div class="col-md-12 mb-4">
                                                     <label for="rules-quill-edit-message" class="form-label">Rules</label>
-                                                    <input type="hidden" id="stored-message-message" value="{{ $data->message }}">
-                                                    <div id="rules-quill-edit-message" class="editor-quill" style="height: 300px;" minlength="10"></div>
+                                                    <input type="hidden" name="rule_id" value="{{ $data->id }}">
+                                                    <input type="hidden" id="stored-message-message"
+                                                        value="{{ $data->message }}">
+                                                    <div id="rules-quill-edit-message" class="editor-quill"
+                                                        style="height: 300px;" minlength="10"></div>
                                                     <span class="error-message" id="error-message-message"></span>
                                                 </div>
-
                                                 <div class="col-md-12">
-                                                    <button type="submit" id="update_rules" class="download-btn-custom mt-3 custom-width-10">
+                                                    <button type="submit" id="update_rules"
+                                                        class="download-btn-custom mt-3 custom-width-10">
                                                         <span>Update</span>
                                                     </button>
                                                 </div>
@@ -69,20 +83,41 @@
                         </div>
                     </div>
                 </div>
+
+
+
+
+
             </div>
         </div>
     </div>
 @endsection
-
 @section('section_script')
+    <!-- <script>
+        var quill = new Quill('#terms-quill-edit', {
+            theme: 'snow'
+        });
+    </script> -->
+    {{-- <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.5/jquery.validate.min.js"></script>
+<script src="{{ asset('public/assets/js/admin/manage_cms/manage_terms_cond/manage_terms_condition.js')}}"></script> --}}
+
+
     <script>
         $(document).ready(function() {
-            // Initialize Quill editor
+            // Initialize Quill editors
+            var quillTitle = new Quill('#rules-quill-edit-title', {
+                theme: 'snow'
+            });
+
             var quillMessage = new Quill('#rules-quill-edit-message', {
                 theme: 'snow'
             });
 
-            // Set initial content for Quill editor
+            // Set initial content for Quill editors
+            var storedTitle = document.getElementById('stored-title-message').value;
+            quillTitle.clipboard.dangerouslyPasteHTML(storedTitle);
+
             var storedMessage = document.getElementById('stored-message-message').value;
             quillMessage.clipboard.dangerouslyPasteHTML(storedMessage);
 
@@ -95,7 +130,7 @@
                     rules: {
                         article_des_title: {
                             required: true,
-                            minlength: 10,
+                            minlength: 1000,
                         },
                         article_des_message: {
                             required: true,
@@ -105,26 +140,27 @@
                     messages: {
                         article_des_title: {
                             required: "Please Enter Rules Title",
-                            minlength: "Please Enter at least 10 characters"
+                            minlength: "Please Enter Rules Title"
                         },
                         article_des_message: {
                             required: "Please Enter Rules Message",
-                            minlength: "Please Enter at least 1000 characters"
+                            minlength: "Please Enter Rules Message"
                         }
                     },
                     errorClass: 'error-message',
 
                     submitHandler: function(form) {
-                        // Get the HTML content from Quill editor
-                        var article_des_title = $('#rules-textarea-title').val();
+                        // Get the HTML content from Quill editors
+                        var article_des_title = quillTitle.root.innerHTML;
                         var article_des_message = quillMessage.root.innerHTML;
 
-                        if (article_des_title.trim() === '' || article_des_message.trim() === '<p><br></p>') {
+                        if (article_des_title.trim() === '<p><br></p>' || article_des_message
+                            .trim() === '<p><br></p>') {
                             toastr.error("Please Enter Rules");
                             return false;
                         }
 
-                        let base_url = "{{ url('/') }}"; // Set the base URL dynamically
+                        let base_url = url_path;
                         var rule_id = document.querySelector('input[name="rule_id"]').value;
 
                         // Create a form data object
@@ -134,7 +170,8 @@
 
                         $.ajaxSetup({
                             headers: {
-                                "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
+                                "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr(
+                                    "content"),
                             },
                         });
 
@@ -146,17 +183,20 @@
                             contentType: false,
                             success: function(response) {
                                 if (response.status == 200) {
-                                    toastr.success('Rules Data Updated Successfully');
+                                    toastr.success(
+                                        'Rules Data Updated Successfully');
                                     setTimeout(function() {
-                                        window.location.href = base_url + "/manage_rules";
+                                        window.location.href = base_url +
+                                            "/manage_rules";
                                     }, 1000);
                                 } else {
                                     toastr.error("Something went wrong");
                                 }
                             },
                             error: function(response) {
-                                toastr.error("An error occurred while updating the rules");
-                                console.error("Error response:", response);
+                                toastr.error(
+                                    "An error occurred while updating the rules"
+                                );
                             }
                         });
                     }