	  <script>
jQuery.extend(jQuery.validator.messages, {
    required: "Заполните поле",
});
</script>
	  <form action="" method="post" id="detal-cart">
		<table width="100%" border="0">
  <tbody>
    <tr>
      <td colspan="2" scope="col" class="detal-table">Личные данные</td>
    </tr>
    <tr>
      <td>Имя Фамилия<span>*</span>:</td>
      <td><input  type="text" value="" name="order_user_name" required></td>
    </tr>
<tr>
      <td>E-mail<span></span>:</td>
      <td><input type="email" value="" name="order_user_email"></td>
    </tr>
    <tr>
      <td>Телефон<span>*</span>:</td>
      <td><input type="tel" id="product_phone" minlength="10" value="" name="order_user_tel" required></td>
    </tr>
        <tr>
      <td colspan="2" scope="col" class="detal-table">Адрес доставки:</td>
    </tr>
    <tr>
      <td>Страна<span>*</span>:</td>
      <td><input type="text" value="Украина" name="order_user_country" required></td>
    </tr>
    <tr>

      <td>Область/регион<span>*</span>:</td>
      <!-- <td><select id="areas" name="citynp" required></select></td> -->
      <td><input type="text" id="areas" name="citynp" required"></input></td>
    </tr>
    <tr>
      <td>Город<span>*</span>:</td>
      <!-- <td><select id="cities" name="city" required></select></td> -->
      <td><input type="text" id="cities" name="city" required></input></td>
    </tr>
    <tr class="warehousesWrap">
      <td>Отделение/почтомат <br> Новой почты<span>*</span>:</td>
      <!-- <td><select id="warehouses" name="warehousesname" required></select></td> -->
      <td><input type="text" id="warehouses" name="warehousesname" required></input></td>
    </tr>
        <tr class="shippingAddressWrap hideM">
        <td>Улица<span>*</span>:</td>
        <!-- <td><select id="warehouses" name="warehousesname" required></select></td> -->
        <td><input type="text" id="shipping_address_street" name="shipping_address_street" ></input></td>
    </tr>
    <tr class="shippingAddressWrap hideM">
        <td>Дом<span>*</span>:</td>
        <!-- <td><select id="warehouses" name="warehousesname" required></select></td> -->
        <td><input type="text" id="shipping_address_house" name="shipping_address_house" ></input></td>
    </tr>
    <tr class="shippingAddressWrap hideM">
        <td>Квартира/Офис<span>*</span>:</td>
        <!-- <td><select id="warehouses" name="warehousesname" required></select></td> -->
        <td><input type="text" id="shipping_address_flat" name="shipping_address_flat" ></input></td>
    </tr>
    <tr>
      <td colspan="2" scope="col" class="detal-table">Способ доставки</td>
    </tr>
    <tr>
      <td>Выберите вариант:</td>
      <td>
<select id="order_dostavka" name="order_dostavka"  required>
<!--      <option value="" disabled selected>Не выбрано</option>-->
<!--  <option value="Новая Почта">Новая Почта</option>-->
  <option name="nova_poshta" value="НП отделение-почтомат" selected>Новая Почта в отделение/почтомат</option>
  <option name="adressnaya" value="НП адресная">Новая Почта адресная доставка</option>
<!--  <option value="Укрпочта">Укрпочта</option>-->
</select>
      </td>
    </tr>
        <script>
            // load cities
            $("#areas").load( "/wp-content/plugins/cart/file.php" );
            $('#areas').change(function(){
                var cities = $("#areas option:selected").attr("data-areakey");
                var areasname = $(this).val();
                $.ajax({
                    url : '/wp-content/plugins/cart/file.php',
                    type : 'POST',
                    data : {
                        'citynp' : cities,
                        'areaname' : areasname,
                    },
                    success : function(data) {
                        $('#cities').html(data);
                    },
                    error : function(request,error)
                    {
                        $('#cities').html('<option>-</option>');
                    }
                });
            })
            // get warehouses
            $('#cities').change(function(){
                var wh = $("#cities option:selected").attr("data-cityref");
                var citiesname = $(this).val();
                $.ajax({
                    url : '/wp-content/plugins/cart/file.php',
                    type : 'POST',
                    data : {
                        'warehouses' : wh,
                        'citiename' : citiesname,
                    },
                    success : function(data) {
                        $('#warehouses').html(data);
                    },
                    error : function(request,error)
                    {
                        $('#warehouses').html('<option>-</option>');
                    }
                });
            })

            // wbm add addr
            $('#order_dostavka').change(function(){
                var curDost = $("#order_dostavka option:selected").attr('name');
                if(curDost==='adressnaya'){
                    $(".shippingAddressWrap").removeClass('hideM');
                    $("#shipping_address_street").prop('required',true);
                    $("#shipping_address_house").prop('required',true);
                    $("#shipping_address_flat").prop('required',true);
                    $("#warehouses").prop('required',false);
                    $(".warehousesWrap").addClass('hideM');
                }else if(curDost==='nova_poshta'){
                    $(".shippingAddressWrap").addClass('hideM');
                    $("#shipping_address_street").prop('required',false);
                    $("#shipping_address_house").prop('required',false);
                    $("#shipping_address_flat").prop('required',false);
                    $("#warehouses").prop('required',true);
                    $(".warehousesWrap").removeClass('hideM');
                }


            })
            // wbm add addr
        </script>
    <tr>
      <td colspan="2" scope="col" class="detal-table">Выберите форму оплаты</td>
    </tr>
      <tr>
      <td>Оплата на карту Приватбанка:</td>
      <td><input type="radio" name="order_pay" value="cart_pay3_desc" id="RadioGroup1_0" required></td>
    </tr>
      <tr>
      <td>Перевод на банковский счёт:</td>
      <td><input type="radio" name="order_pay" value="cart_pay2_desc" id="RadioGroup1_1" required></td>
    </tr>
      <tr>
      <td>Оплата при доставке:</td>
      <td><input type="radio" name="order_pay" value="cart_pay1_desc" id="RadioGroup1_2" required></td>
    </tr>
          <tr>
                      <td colspan="2" scope="col" style="border: none;"><input type="hidden" value="" name="this_price">
          	  <p align="center"><input type="submit" value="Отправить" name="order_send" id="order_send"></p></td>

    </tr>
  </tbody>
</table>
	 
	  </form>
	  {"id":27747,"date":"2021-10-31T18:32:54","date_gmt":"2021-10-31T14:32:54","guid":{"rendered":"https:\/\/stendua.com\/%d0%be%d1%84%d0%be%d1%80%d0%bc%d0%bb%d0%b5%d0%bd%d0%b8%d0%b5-%d0%bf%d0%be%d0%ba%d1%83%d0%bf%d0%ba%d0%b8"},"modified":"2021-11-01T13:14:03","modified_gmt":"2021-11-01T09:14:03","slug":"oformlenye-pokupky","status":"publish","type":"page","link":"https:\/\/stendua.com\/ru\/oformlenye-pokupky","title":{"rendered":"\u041e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u0435 \u043f\u043e\u043a\u0443\u043f\u043a\u0438"},"content":{"rendered":"\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":7,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/stendua.com\/ru\/wp-json\/wp\/v2\/pages\/27747"}],"collection":[{"href":"https:\/\/stendua.com\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stendua.com\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stendua.com\/ru\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/stendua.com\/ru\/wp-json\/wp\/v2\/comments?post=27747"}],"version-history":[{"count":1,"href":"https:\/\/stendua.com\/ru\/wp-json\/wp\/v2\/pages\/27747\/revisions"}],"predecessor-version":[{"id":27749,"href":"https:\/\/stendua.com\/ru\/wp-json\/wp\/v2\/pages\/27747\/revisions\/27749"}],"wp:attachment":[{"href":"https:\/\/stendua.com\/ru\/wp-json\/wp\/v2\/media?parent=27747"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}