Merge remote-tracking branch 'origin/main'

static/css/styles.css

@@ -849,7 +849,7 @@ section.login>form {
 .inputs_l>input {
     border-radius: 10px;
     border: 1px solid #FF613A;
-    width: 100%;
+    width: 98%;
     height: 60px;
     padding-left: 10px;
 }
@@ -1706,6 +1706,7 @@ button#more_button{
 
 .mid_block_static{
     margin-top: 120px;
+    padding: 0px 40px 0px 40px;
 
 }
 .benefit_img{
@@ -1713,9 +1714,48 @@ button#more_button{
     height: 211px;
     align-items: flex-start;
     gap: 74px;
-    padding: 20px 40px 0px 40px;
+    justify-content: center;
+
 }
 
+.benefit_img>figure{
+    display: flex;
+    width: 197px;
+    padding-top: 20px;
+    flex-direction: column;
+    justify-content: flex-end;
+    align-items: center;
+    gap: 20px;
+}
+.benefit_img>figure>img{
+    width: 197px;
+    height: 105px;
+    border-radius: 10px;
+    background: #FFF;
+    /* Shadow 1 */
+    box-shadow: -1px 4px 10px 0px rgba(198, 199, 203, 0.20), 0px -1px 10px 0px rgba(198, 199, 203, 0.20);
+        padding-top: 20px;
+    padding-bottom: 20px;
+}
+
+.benefit_img>figure>figcaption{
+    text-align: center;
+}
+
+.bottom_block_static{
+    margin-top: 120px;
+    padding: 0px 40px 0px 40px;
+}
+.bottom_block_static>form>.inputs_l{
+    margin: auto;
+    padding: 10px;
+    width: 30%;
+}
+.bottom_block_static>form>.button_register{
+    margin: auto;
+    padding: 10px;
+    width: 30%;
+}
 
 /*end_static_pages*/
 

static/js/user_profile.js

@@ -619,6 +619,37 @@ function checkDate() {
     
 }
 
+function RequestCommercialOffer (el){
+
+    event.preventDefault()
+    let form = el.form;
+    let formData = new FormData(form);
+
+
+
+
+    $.ajax({
+        headers: { "X-CSRFToken": $('input[name=csrfmiddlewaretoken]').val() },
+        url: '/ru/user_account/request_offer/',
+        type: "POST",
+        // async: true,
+        cache: false,
+        processData: false,
+        contentType: false,
+        // enctype: 'json',
+        data: formData,
+        success: function(data){
+
+            // location.href = '/profile'
+
+
+        },
+        error: function (data, exception){
+        //     document.querySelector(".login").innerHTML = data.responseJSON.html
+        }
+    });
+}
+
 
 
 

templates/blocks/static_pages_blocks/b_advertisement.html

@@ -35,6 +35,36 @@
         </div>
     </div>
 
+    <div class="bottom_block_static">
+        <h2 id=title_static>{% translate "Стоимость" %}</h2>
+        <span id="sub_title_static">{% translate "Оставьте заявку и получите персональное коммерческое предложение" %}</span>
+
+        <form>
+          <div class="inputs_l">
+            <input name="username" type="text" placeholder="Имя" {% if form.data.username %} value="{{ form.data.username }}"{% endif %}>
+            {% if form.username and form.errors.username %}
+            <span>{{ form.errors.username }}</span>
+                 {% endif %}
+          </div>
+
+          <div class="inputs_l">
+            <input name="tel" type="number" placeholder="Телефон"{% if form.data.tel %} value="{{ form.data.tel }}"{% endif %}>
+            {% if form.tel and form.errors.tel %}
+            <span>{{ form.errors.tel }}</span>
+                 {% endif %}
+          </div>
+
+          <div class="button_register">
+              <button onclick="RequestCommercialOffer(this)">{% translate "Оставить заявку" %}</button>
+          </div>
+        </form>
+
+    </div>
+
+
+
+
+