
@{section header}

<title> تماس با ما </title>

@{end}




<div class="Hrow Hpadd-1per">
    <div class="Hform-V1 HmarT-20 Hpadd-20 Hbg-white Hround-5 insMelk" style="max-width:700px;overflow:auto;margin:auto">
            <h3 class="Hrow" data-color="#666"><b class=" HmarL-10 fas fa-circle Hcoral" style="position:relative;top:3px"></b> ویرایش درباره ما </h3>
            <small class="Hrow" data-color="#666">عناوین * دار باید حتما پر شوند</small>
            <form id="contact_upd" class="Hrow HmarB-3per" name="contactUPD" action="" method="" enctype="multipart/form-data">
              <div class="Hrow Hpadd-5" title="آدرس">
                <label>*آدرس دقیق :</label>
                <input class="Hrow fieldCheck Htxt-center" type="text" name="address" id="address" value="@{if model.address}@{!model.address}@{fi}"/>
              </div>
              <div class="Hrow Hpadd-5" title="شماره تماس">
                <label>* شماره تماس  :</label>
                <input class="Hrow fieldCheck Htxt-center" type="text" name="phone_1" id="phone_1" value="@{if model.phone_1}@{!model.phone_1}@{fi}"/>
              </div>
              <div class="Hrow Hpadd-5" title="شماره فکس">
                <label>* فکس:</label>
                <input class="Hrow fieldCheck Htxt-center" type="text" name="phone_2" id="phone_2" value="@{if model.phone_2}@{!model.phone_2}@{fi}"/>
              </div>
              <div class="Hrow Hpadd-5" title="اینستاگرام">
                <label>* اینستاگرام:</label>
                <input class="Hrow fieldCheck Htxt-center" type="text" name="instagram" id="instagram" value="@{if model.instagram}@{!model.instagram}@{fi}"/>
              </div>
              <div class="Hrow Hpadd-5" title="تلگرام">
                <label>* تلگرام:</label>
                <input class="Hrow fieldCheck Htxt-center" type="text" name="telegram" id="telegram" value="@{if model.telegram}@{!model.telegram}@{fi}"/>
              </div>
              <div class="Hrow Hpadd-5" title="واتس آپ">
                <label>* واتس آپ:</label>
                <input class="Hrow fieldCheck Htxt-center" type="text" name="whatsapp" id="whatsapp" value="@{if model.whatsapp}@{!model.whatsapp}@{fi}"/>
              </div>
              <div class="Hrow Hpadd-5" title="بله">
                <label>* بله:</label>
                <input class="Hrow fieldCheck Htxt-center" type="text" name="bale" id="bale" value="@{if model.bale}@{!model.bale}@{fi}"/>
              </div>
              <div class="Hrow Hpadd-5" title="ایتا">
                <label>* ایتا:</label>
                <input class="Hrow fieldCheck Htxt-center" type="text" name="eeta" id="eeta" value="@{if model.eeta}@{!model.eeta}@{fi}"/>
              </div>
            </form>
            <input  class="trans0_25 Hbtn Hbtn-yellow2 Hfloat-L" style="padding:7px 50px;"  type="button" id="UPDcontact"  value="ویرایش" />
    </div>
</div>



@{section footer}


<script type="text/javascript">

    var whatsrole=`@{repository.user.role}`;
    function show_melkres(result){ 
        switch(result.status){
            case 200:
                Hnotification({status:"success",Ttext:"",Ctext:result.data});
                break;
            default:
                Hnotification({status:"warning",Ttext:"خطای ارسال داده - ",Ctext:result.data});
        }
    }

$(document).ready(function(){

     $("#UPDcontact").click(async function(){
        var ok=1;
        $(".fieldCheck").each(function(){

          if($(this).val()!=null){
            if($(this).val().replace(/\s/g, '')==""){
              ok=0;
              Hnotification({status:"red",Ttext:"خطا : ",Ctext:$(this).parent().attr("title")+" نمیتواند خالی باشد "});
              return false;
            }
          }else{
            ok=0;
            Hnotification({status:"red",Ttext:"خطا : ",Ctext:$(this).parent().attr("title")+" نمیتواند خالی باشد "});
            return false;
          }
          
        });
        if(ok){
          var formdata=new FormData(contactUPD);
          var result=await jqajax("/api/contacts",formdata,"post","loader");
          show_melkres(result); 
        }
    
    });

 
});


</script>


@{end}
