@{title('ویرایش درباره شهردار')}


<div class="Hrow">
    <div class="Hcontainer Hcontainer-1000 Hpadd-1per" >
        <div class="Hrow Hbg-white Hpadd-30 Hround-10" style="box-shadow:0px 0px 7px #ccc">
            <h3 class="Hrow HmarB-20" data-color="#666"><b class=" HmarL-10 fas fa-circle Hcoral" style="position:relative;top:3px"></b> ویرایش درباره شهردار </h3>
            <form class="Hrow" action="/api/updateAboutMayor" method="post" enctype="multipart/form-data" class="HpaddT-3per">
                <label class="Hrow" data-color="#777"> نام شهردار :</label>
                <input type="text" class="Hrow HmarB-10" id="name" name="name"   style="border:1px solid #ddd" value="@{if model.name}@{!model.name}@{fi}"/>
                <label class="Hrow" data-color="#777">متن درباره شهردار :</label>
                <textarea class="Hrow HmarB-10" id="about1" rows="4" maxlength="120" name="txt1" style="resize: none;border:1px solid #ddd">@{!model.txt1}</textarea>
                <textarea class="Hrow HmarB-10" id="about2" rows="4" maxlength="160" name="txt2" style="resize: none;border:1px solid #ddd">@{!model.txt2}</textarea>
                <div class="Hcol-xlg-12 Hcol-lg-12 Hcol-xmd-12 Hcol-md-12 Hcol-xsm-12 Hcol-sm-12 Hcol-xs-12 Hcol-xss-12 Image-upload" >
                    <div class="img-box" >
                        <input type="file" class="upload"  name="ax" value="" style="display:none;"/>
                        <div class="showax" style="background-image:url('../../../images/backgrounds/about_mayor.jpg')">
                            <span>
                                <i class="fas fa-plus"></i>
                                افزودن عکس
                            </span>
                        </div>
                        <b class="fas fa-times-circle remove-img show-btn trans0_25"></b>
                    </div>
                </div>
                <input class="HmarT-50 Hbtn Hbtn-yellow2 Hfloat-L trans0_25" style="padding:10px 70px;" type="submit" value="ویرایش"/>
            </form>
        </div>    
    </div>
</div>

<p>&nbsp;</p>


@{section footer}
<script src="../../../script/upload_viewer2.js"></script>

<script>
    $(document).ready(function(){  
        $(".remove-img").click(function(){
            $(this).removeClass("show-btn");
            $(this).addClass("hide-btn");
            $(this).prev().prev().val(undefined);
            $(this).prev().css({"background-image":"url('')"});
            $(this).prev().children().eq(0).css("color","#aaa");
        });
    });
</script>
@{end}