<div class="row">
    <div class="container">
        <ol class="breadcrumb">
           
            <li><a href="Archive.php?do=report">الارشيف</a></li>
            <li class="active">تفاصيل</li>
        </ol>
        <div class="panel panel-default panel-m">
            <div class="panel-heading">
                <h3 class="panel-title">تفاصيل</h3>
            </div>
            <div class="panel-body"> {literal}
                <form class="nameToBeChecked form-horizontal" role="form" action="Archive.php?do=report"
                      method="post" enctype="multipart/form-data" id="spform">
                    {/literal}
                    <!-- =================================================   -->
                     <div class="form-group">
                        <label for="announcementName" class="col-lg-2 control-label">اسم المناقصة</label>
                        <div class="col-lg-4"> <span id="sprytextfield1">
                                <input type="text" readonly name="name" id="name" class="form-control" value="{$showData.name}" />
                                <span class="textfieldRequiredMsg">*</span></span>
                        </div>
                    </div>
                    <!-- =================================================   -->
                     <div class="form-group">
                        <label class="col-lg-2 control-label">اسم العضو</label>
                        <div class="col-lg-4">
                            <span>
                                <input type="text" readonly name="member" id="member" class="form-control" value="{$showData.member_name}">
                            </span>
                        </div>
                    </div>
                        <!--==============================-->
                    <div class="form-group">
                        <label for="announcementSide" class="col-lg-2 control-label"> الجهة</label>
                        <div class="col-lg-4"> <span id="sprytextfield2">
                                <input type="text" readonly name="side" id="side" class="form-control" value="{$showData.the_issuing_entity}">
                                <span class="textfieldRequiredMsg">*</span></span>
                        </div>
                    </div>
                       <!--==============================-->
                    <div class="form-group">
                        <label for="announcementActivity" class="col-lg-2 control-label"> النشاط</label>
                        <div class="col-lg-4"> <span id="sprytextfield3">
                                <input type="text" readonly name="activity" id="activity" class="form-control"  value="{$showData.activity}">
                                <span class="textfieldRequiredMsg">*</span></span>
                        </div>
                    </div>
                    <!--==============================-->

                                        <div class="form-group">
                        <label class="col-lg-2 control-label">الحالة </label>
                        <div class="col-lg-4">
                            <span>
                                <select name="status" id="status" data-placeholder="اختر " disabled class="select2 wdt100">
                                    <option value="-1">اختر</option>
                                    <option value="process" {if $showData.status eq "process"}selected{/if}>جاري البت فيها</option>
                                    <option value="avilable" {if $showData.status eq "avilable"}selected{/if}>يمكن التقدم لها</option>
                                    <option value="done" {if $showData.status eq "done"}selected{/if}>تم اصدار امر التوريد لها</option>
                                    <option value="paused" {if $showData.status eq "paused"}selected{/if}>تم ايقاف العملية</option>
                                    <option value="canceled" {if $showData.status eq "canceled"}selected{/if}>تم الغاء العملية</option>
                                </select>
                            </span>
                        </div>
                    </div>


                    <!--==============================-->
                                        <div class="form-group">
                        <label for="announcementSubDate" class="col-lg-2 control-label"> تاريخ التقديم</label>
                        <div class="col-lg-4"> <span id="sprytextfield2">
                                <input type="date" readonly name="subdate" id="subdate" value="{$showData.sub_date}">
                                <span class="textfieldRequiredMsg">*</span></span>
                        </div>
                    </div>
                    <!--==============================-->
                    <div class="form-group">
                        <label for="announcementOpeningDate" class="col-lg-2 control-label"> تاريخ فتح المظاريف</label>
                        <div class="col-lg-4"> <span id="sprytextfield2">
                                <input type="date" readonly name="openingdate" id="openingdate" value="{$showData.opening_date}">
                                <span class="textfieldRequiredMsg">*</span></span>
                        </div>
                    </div>
                    <!--==============================-->
                    <div class="form-group">
                        <label for="announcementAnnouceDate" class="col-lg-2 control-label"> تاريخ الاعلان</label>
                        <div class="col-lg-4"> <span id="sprytextfield2">
                                <input type="date" name="annoucedate" readonly id="annoucedate" value="{$showData.annoucement_date}">
                                <span class="textfieldRequiredMsg">*</span></span>
                        </div>
                    </div>
                    <!--==============================-->
                    <div class="form-group">
                        <label for="announcementInsurance" class="col-lg-2 control-label"> التأمين الابتدائي</label>
                        <div class="col-lg-4"> <span id="sprytextfield2">
                                <input type="number" readonly name="insurance" id="insurance" class="form-control" value="{$showData.insurance}">
                                <span class="textfieldRequiredMsg">*</span></span>
                        </div>
                    </div>
                    <!--==============================-->
                    <div class="form-group">
                        <label for="announcementBigPrice" class="col-lg-2 control-label"> سعر كراسة الشروط للشركات الكبيرة</label>
                        <div class="col-lg-4"> <span id="sprytextfield2">
                                <input type="number" readonly name="bigprice" id="bigprice" class="form-control" value="{$showData.terms_price_for_big_companies}">
                                <span class="textfieldRequiredMsg">*</span></span>
                        </div>
                    </div>
                    <!--==============================-->
                    <div class="form-group">
                        <label for="announcementTinyPrice" class="col-lg-2 control-label"> سعر كراسة الشروط للشركات الصغيرة ومتناهية الصغر</label>
                        <div class="col-lg-4"> <span id="sprytextfield2">
                                <input type="number" readonly name="tinyprice" id="tinyprice" class="form-control" value="{$showData.terms_price_for_small_companies}">
                                <span class="textfieldRequiredMsg">*</span></span>
                        </div>
                    </div>
                    <!--==============================-->
                    <div class="form-group">
                        <label class="col-lg-2 control-label">طبيعة العملية </label>
                        <div class="col-lg-4">
                            <span>
                                <select name="nature" id="nature" data-placeholder="اختر " disabled class="select2 wdt100">
                                    <option value="-1">اختر</option>
                                    <option value="internal" {if $showData.process_nature eq "internal"}selected{/if}>داخلية</option>
                                    <option value="external" {if $showData.process_nature eq "external"}selected{/if}>خارجية</option>
                                    <option value="other" {if $showData.process_nature neq "internal" && $showData.process_nature neq "external" && $showData.process_nature neq "-1"}selected{/if}>اخري</option>
                                </select>
                            </span>
                            <div id="other_input_container" {if $showData.process_nature neq "internal" && $showData.process_nature neq "external" && $showData.process_nature neq "-1"}style="display: block;"{else}style="display: none;"{/if}">
                                <input type="text" name="other_nature" id="other_nature" class="form-control" placeholder="طبيعة العملية" value="{$showData.process_nature}">
                            </div>
                        </div>
                    </div>
                    <!--==============================-->
                     <div class="form-group">
                        <label class="col-lg-2 control-label">نوع العملية </label>
                        <div class="col-lg-4">
                            <span>
                                <select  name="type" id="type" data-placeholder="اختر " disabled class="select2 wdt100">
                                    <option value="public tender" {if $showData.process_type eq "public tender"}selected{/if}>مناقصة عامة</option>
                                    <option value="limeted tender" {if $showData.process_type eq "limeted tender"}selected{/if}>مناقصة محدودة</option>
                                    <option value="general practice" {if $showData.process_type eq "general practice"}selected{/if}>ممارسة عامة</option>
                                    <option value="local tender" {if $showData.process_type eq "local tender"}selected{/if}>مناقصة محلية</option>
                                </select>
                            </span>
                        </div>
                    </div>
                    <!--==============================-->
                    <div class="form-group">
                        <label for="announcementEvaluation" class="col-lg-2 control-label">نظام التقييم</label>
                        <div class="col-lg-4">
                            <div class="radio-inline">
                                <label>
                                    <input type="radio" name="evaluation" id="evaluation" readonly class="radioR" value="0" {if $showData.evaluation_system== 0}checked{/if} disabled>
                                    مقبول </label>
                            </div>
                            <div class="radio-inline">
                                <label>
                                    <input type="radio" name="evaluation" id="evaluation" readonly class="radioR" value="1" {if $showData.evaluation_system== 1}checked{/if} disabled>
                                    مرفوض </label>
                            </div>
                        </div>
                    </div>
                    <!--==============================-->
                     <div class="form-group">
                        <label for="announcementAcceptretial" class="col-lg-2 control-label">تقبل التجزئة</label>
                        <div class="col-lg-4">
                            <div class="radio-inline">
                                <label>
                                    <input type="radio" name="accept" id="accept0" class="radioR" readonly value="0"  {if $showData.divisible== 0}checked{/if} disabled >
                                    نعم </label>
                            </div>
                            <div class="radio-inline">
                                <label>
                                    <input type="radio" name="accept" id="accept1" class="radioR" readonly value="1"  {if $showData.divisible== 1}checked{/if} disabled>
                                    لا </label>
                            </div>
                        </div>
                    </div>
                     <!--==============================-->
                     <div class="form-group">
                        <label for="announcementOffers" class="col-lg-2 control-label">توجد عروض بديلة</label>
                        <div class="col-lg-4">
                            <div class="radio-inline">
                                <label>
                                    <input readonly type="radio" name="offers" id="offers0" class="radioR" value="0"  {if $showData.alternative_offers== 0}checked{/if} disabled>
                                    نعم </label>
                            </div>
                            <div class="radio-inline">
                                <label>
                                    <input  readonly type="radio" name="offers" id="offers1" class="radioR" value="1"  {if $showData.alternative_offers== 1}checked{/if} disabled>
                                    لا </label>
                            </div>
                        </div>
                    </div>
                    <!-- =================================================   -->
                     <div class="form-group">
                        <label for="announcmentDescription"
                               class="col-lg-2 control-label">الوصف</label>
                        <div class="col-lg-10">
                            <textarea class="form-control " readonly rows="3" name="description">{$showData.description}</textarea>
                        </div>
                    </div>
                    <!--==============================-->
                    <div class="form-group">
                        <label for="announcmentTerms"
                               class="col-lg-2 control-label"> الشروط</label>
                        <div class="col-lg-10">
                            <textarea class="form-control " readonly rows="3" name="terms">{$showData.terms}</textarea>
                        </div>
                    </div>
                    <!--==============================-->
                    <div class="form-group">
                        <label for="announcmentNotes"
                               class="col-lg-2 control-label"> الملاحظات</label>
                        <div class="col-lg-10">
                            <textarea class="form-control " rows="3" readonly name="notes">{$showData.notes}</textarea>
                        </div>
                    </div>
                    <!--==============================-->
                    
                    <div class="form-group">
                        <label for="delegate" class="col-lg-2 control-label"> تاريخ التفويض</label>
                        <div class="col-lg-4"> 
                            <span id="sprytextfield3">
                                <input type="date" readonly name="delegate" id="delegate" class="form-control" value="{$showData.delegation_date}" required>
                            </span>
                        </div>
                    </div>
                     <!--==============================-->
                        <!--==============================-->
                     <div class="form-group">
                        <label for="people" class="col-lg-2 control-label">قوي عاملة</label>
                        <div class="col-lg-4">
                           <input type="number" readonly step="any" name="people"  class="form-control" value="{$showData.workforce}">
                        </div>
                    </div>
                    <!--==============================-->
                      <div class="form-group">
                        <label for="insurance" class="col-lg-2 control-label">تأمينات</label>
                        <div class="col-lg-4">
                           <input type="number" readonly step="0.01" name="insurance"  class="form-control" value="{$showData.insurance}" >
                        </div>
                    </div>
                    <!--==============================-->
                      <div class="form-group">
                        <label for="value" class="col-lg-2 control-label">قيمة المستخلص</label>
                        <div class="col-lg-4"> 
                           <input type="number" readonly step="0.01" name="value"  class="form-control" value="{$showData.extract_value}">
                        </div>
                    </div>
                    <!--==============================-->
                      <div class="form-group">
                        <label for="value" class="col-lg-2 control-label">تاريخ المستخلص</label>
                        <div class="col-lg-2">
                           <input type="date" readonly step="0.01" name="date"  class="form-control" value="{$showData.extract_date}">
                        </div>
                    </div>
                    <!--==============================-->
                        <div class="form-group">
                        <label class="col-lg-2 control-label">صورة الطلب</label>
                        <div class="col-lg-4">
                            {if $showData.bid_img != "" && $showData.bid_img !="." &&
                            $showData.bid_img !="no image"}
                            <img src="../upload/bidRequest/{$showData.bid_img}" alt="" width="122" height="75" />
                            {/if}
                            <input type="hidden" name="imageurl" id="imageurl" value="{$showData.bid_img}" />
                        </div>
                    </div>
                    <!--==============================-->
                     <div class="form-group">
                        <label class="col-lg-2 control-label">صورة قرار مجلس الادارة</label>
                        <div class="col-lg-4">
                            {if $showData.board_img != "" && $showData.board_img !="." &&
                            $showData.board_img !="no image"}
                            <img src="../upload/boardOpenion/{$showData.board_img}" alt="" width="122" height="75" />
                            {/if}
                         
                            <input type="hidden" name="imageurl" id="imageurl" value="{$showData.board_img}"  />
                        </div>
                    </div>
                    <!--==============================-->
                     <div class="form-group">
                        <label class="col-lg-2 control-label"> مرفقات القرار الفني</label>
                        <div class="col-lg-4">
                            <div class="row" style="margin-bottom: 10px;">
                                {foreach $showData.tech_img as $img}
                                    {if $img != "" && $img !="." && $img !="no image"}
                                    <div class="col-md-2 col-sm-4">
                                        <img src="../upload/technicalOpenion/{$img}"  width="122" height="75" style="border:1px solid #ccc; margin-left:5px;" />
                                    </div>
                                    {/if}
                                {/foreach}
                            </div>

                            <input type="hidden" name="imageurl" id="imageurl" value="{$showData.tech_img}" />
                        </div>
                    </div>
                      <!--==============================-->
                        <div class="form-group">
                        <label class="col-lg-2 control-label">صورة التفويض</label>
                        <div class="col-lg-6">
                            {if $showData.auth_img != "" && $showData.auth_img != "." && $showData.auth_img != "no image"}
                                <div style="margin-bottom: 10px;">
                                    <img src="../upload/Authorizations/{$showData.auth_img}" width="122" height="75" style="border:1px solid #ccc; margin-left:5px;"  />
                                </div>
                            {/if}
                           
                            <input type="hidden" name="imageurl" id="imageurl" value="{$showData.auth_img}" />
                            
                        </div>
                    </div>
                    <!--==============================-->
                      <div class="form-group">
                        <label class="col-lg-2 control-label">عرض السعر</label>
                        <div class="col-lg-4">
                            {if $showData.price_image != "" && $showData.price_image !="." &&
                            $showData->price_image !="no image"}
                            <div style="margin-bottom: 10px;">
                            {assign var="imgs" value=","|explode:trim($showData.price_image)}
                            {foreach $imgs as $img}
                                <img src="../upload/Assays/{trim($img)}" width="122" height="75" style="border:1px solid #ccc; margin-left:5px;" />
                                
                            {/foreach}
                            </div>
                            {/if}
                            
                            <input type="hidden" name="imageurl" id="imageurl" value="{$showData.price_image}" />
                        </div>
                    </div>
                <!--==============================-->
                 <div class="form-group">
                    <label class="col-lg-2 control-label">المظروف الفني</label>
                    <div class="col-lg-4">
                        {if $showData.tech_image != "" && $showData.tech_image != "no image"}
                            <div style="margin-bottom: 10px;">
                                {assign var="etihads" value=","|explode:$showData.tech_image}
                                {foreach $etihads as $e}
                                    {if $e|trim != ""}
                                        <img src="../upload/Assays/{$e|trim}" width="122" height="75" style="border:1px solid #ccc; margin-left:5px;" />
                                    {/if}
                                {/foreach}
                            </div>
                        {/if}
                        
                        <input type="hidden" name="oldetihadimg" value="{$showData.tech_image}" />
                    </div>
                    </div>
                    <!-- =================================================   -->
                     <div class="form-group">
                        <label class="col-lg-2 control-label"> مرفقات خطاب القبول</label>
                        <div class="col-lg-4">
                            {if $showData.acceptance != "" && $showData.acceptance !="." &&
                            $showData.acceptance !="no image"}
                            <div style="margin-bottom: 10px;">
                            {assign var="imgs" value=","|explode:trim($showData.acceptance)}
                            {foreach $imgs as $img}
                                <img src="../upload/Acceptance/{trim($img)}" width="122" height="75" style="border:1px solid #ccc; margin-left:5px;" />
                                
                            {/foreach}
                            </div>
                            {/if}
                           
                            <input type="hidden" name="imageurl" id="imageurl" value="{$showData.acceptance}" />
                        </div>
                    </div>
                <!--==============================-->
                  <div class="form-group">
                        <label class="col-lg-2 control-label"> مرفقات خطاب الضمان الابتدائي</label>
                        <div class="col-lg-4">
                            {if $showData.fl_letter != "" && $showData.fl_letter !="." &&
                            $showData.fl_letter !="no image"}
                            <div style="margin-bottom: 10px;">
                            {assign var="imgs" value=","|explode:trim($showData.fl_letter)}
                            {foreach $imgs as $img}
                                <img src="../upload/firstletter/{trim($img)}" width="122" height="75" style="border:1px solid #ccc; margin-left:5px;" />
                                
                            {/foreach}
                            </div>
                            {/if}
                            
                            <input type="hidden" name="imageurl" id="imageurl" value="{$showData.fl_letter}" />
                        </div>
                    </div>
                <!--==============================-->
                 <div class="form-group">
                        <label class="col-lg-2 control-label"> مرفقات خطاب الضمان النهائي</label>
                        <div class="col-lg-4">
                            {if $showData.ll_letter != "" && $showData.ll_letter !="." &&
                            $showData.ll_letter !="no image"}
                            <div style="margin-bottom: 10px;">
                            {assign var="imgs" value=","|explode:trim($showData.ll_letter)}
                            {foreach $imgs as $img}
                                <img src="../upload/finalletter/{trim($img)}" width="122" height="75" style="border:1px solid #ccc; margin-left:5px;" />
                                
                            {/foreach}
                            </div>
                            {/if}
                           
                            <input type="hidden" name="imageurl" id="imageurl" value="{$showData.ll_letter}" />
                        </div>
                    </div>
                <!--==============================-->
                 <div class="form-group">
                        <label class="col-lg-2 control-label"> مرفقات تفويض تسليم خطاب ضمان نهائي</label>
                        <div class="col-lg-4">
                            {if $showData.aal_letter != "" && $showData.aal_letter !="." &&
                            $showData.aal_letter !="no image"}
                            <div style="margin-bottom: 10px;">
                            {assign var="imgs" value=","|explode:trim($showData.aal_letter)}
                            {foreach $imgs as $img}
                                <img src="../upload/authafinalletter/{trim($img)}" width="122" height="75" style="border:1px solid #ccc; margin-left:5px;" />
                                
                            {/foreach}
                            </div>
                            {/if}

                            <input type="hidden" name="imageurl" id="imageurl" value="{$showData.aal_letter}" />
                        </div>
                    </div>
                <!--==============================-->
                 <div class="form-group">
                        <label class="col-lg-2 control-label"> مرفقات محضر استلام الموقع</label>
                        <div class="col-lg-4">
                            {if $showData.sr_letter != "" && $showData.sr_letter !="." &&
                            $showData.sr_letter !="no image"}
                            <div style="margin-bottom: 10px;">
                            {assign var="imgs" value=","|explode:trim($showData.sr_letter)}
                            {foreach $imgs as $img}
                                <img src="../upload/sitereceipt/{trim($img)}" width="122" height="75" style="border:1px solid #ccc; margin-left:5px;" />
                                
                            {/foreach}
                            </div>
                            {/if}
                           
                            <input type="hidden" name="imageurl" id="imageurl" value="{$showData.sr_letter}" />
                        </div>
                    </div>
                <!--==============================-->
                <!--==============================-->
                      <div class="form-group">
                        <label class="col-lg-2 control-label"> مرفقات المستخلص</label>
                        <div class="col-lg-4">
                            {if $showData.extract_files != "" && $showData.extract_files !="." &&
                            $showData.extract_files !="no image"}
                            <div style="margin-bottom: 10px;">
                            {assign var="imgs" value=","|explode:trim($showData.extract_files)}
                            {foreach $imgs as $img}
                                <img src="../upload/extracts/{trim($img)}" width="122" height="75" style="border:1px solid #ccc; margin-left:5px;" />
                                
                            {/foreach}
                            </div>
                            {/if}
                           
                            <input type="hidden" name="imageurl" id="imageurl" value="{$showData.extract_files}" />
                        </div>
                    </div>
                <!--==============================-->
                   <div class="form-group">
                        <label class="col-lg-2 control-label"> مرفقات المستخلص النهائي</label>
                        <div class="col-lg-4">
                            {if $showData.final_extract_files != "" && $showData.final_extract_files !="." &&
                            $showData->final_extract_files !="no image"}
                            <div style="margin-bottom: 10px;">
                            {assign var="imgs" value=","|explode:trim($showData.final_extract_files)}
                            {foreach $imgs as $img}
                                <img src="../upload/finalextract/{trim($img)}" width="122" height="75" style="border:1px solid #ccc; margin-left:5px;" />
                                
                            {/foreach}
                            </div>
                            {/if}
                            
                            <input type="hidden" name="imageurl" id="imageurl" value="{$showData.final_extract_files}" />
                        </div>
                    </div>
                <!--==============================-->
                 <div class="form-group">
                        <label class="col-lg-2 control-label"> مرفقات مطالبة تسليم ابتدائي</label>
                        <div class="col-lg-4">
                            {if $showData.first_request_files != "" && $showData.first_request_files !="." &&
                            $showData.first_request_files !="no image"}
                            <div style="margin-bottom: 10px;">
                            {assign var="imgs" value=","|explode:trim($showData.first_request_files)}
                            {foreach $imgs as $img}
                                <img src="../upload/firstrequest/{trim($img)}" width="122" height="75" style="border:1px solid #ccc; margin-left:5px;" />
                                
                            {/foreach}
                            </div>
                            {/if}
                            <input type="hidden" name="imageurl" id="imageurl" value="{$showData.first_request_files}" />
                        </div>
                    </div>
                <!--==============================-->
                  <div class="form-group">
                        <label class="col-lg-2 control-label"> مرفقات مطالبة تسليم نهائي</label>
                        <div class="col-lg-4">
                            {if $showData.final_request_files != "" && $showData.final_request_files !="." &&
                            $showData->final_request_files !="no image"}
                            <div style="margin-bottom: 10px;">
                            {assign var="imgs" value=","|explode:trim($showData.final_request_files)}
                            {foreach $imgs as $img}
                                <img src="../upload/finalrequest/{trim($img)}" width="122" height="75" style="border:1px solid #ccc; margin-left:5px;" />
                                
                            {/foreach}
                            </div>
                            {/if}
                           
                            <input type="hidden" name="imageurl" id="imageurl" value="{$showData.final_request_files}" />
                        </div>
                    </div>
                <!--==============================-->
                  <div class="form-group">
                        <label class="col-lg-2 control-label"> مرفقات الملاحظات</label>
                        <div class="col-lg-4">
                            {if $showData.notes_files != "" && $showData.notes_files !="." &&
                            $showData.notes_files !="no image"}
                            <div style="margin-bottom: 10px;">
                            {assign var="imgs" value=","|explode:trim($showData.notes_files)}
                            {foreach $imgs as $img}
                                <img src="../upload/notes/{trim($img)}" width="122" height="75" style="border:1px solid #ccc; margin-left:5px;" />
                                
                            {/foreach}
                            </div>
                            {/if}
                            
                            <input type="hidden" name="imageurl" id="imageurl" value="{$showData.notes_files}" />
                        </div>
                    </div>
                <!--==============================-->
                    <div class="form-group">
                        <label class="col-lg-2 control-label"> مرفقات استلام خطاب ضمان نهائي</label>
                        <div class="col-lg-4">
                            {if $showData.receive_files != "" && $showData.receive_files !="." &&
                            $showData.receive_files !="no image"}
                            <div style="margin-bottom: 10px;">
                            {assign var="imgs" value=","|explode:trim($showData.receive_files)}
                            {foreach $imgs as $img}
                                <img src="../upload/receivefinalletter/{trim($img)}" width="122" height="75" style="border:1px solid #ccc; margin-left:5px;" />
                                
                            {/foreach}
                            </div>
                            {/if}
                           
                            <input type="hidden" name="imageurl" id="imageurl" value="{$showData.receive_files}" />
                        </div>
                    </div>
                <!--==============================-->

                    <input name="id" id="id" type="hidden" value="{$showData->id}" />

                    <!-- =================================================   -->
                    <div class="form-group">
                        <div class="col-lg-offset-2 col-lg-4">
                            <button type="button" class="btn btn-primary pull-left" id="spbutton">رجوع</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
{literal}
<script type="text/javascript">
    var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1");
    var sprytextfield2 = new Spry.Widget.ValidationTextField("sprytextfield2");
    $('#spbutton').live('click', function (e) {
        if (!$('#spbutton').hasClass("processing")) {
            $('#spbutton').addClass("processing");
            $('#productCatName').trigger('blur');
            setTimeout(function () {
                var myForm = document.getElementById("spform");
                var SS = Spry.Widget.Form.validate(myForm);
                if (SS == true) {
                    myForm.submit();
                } else {
                    $('#spbutton').removeClass("processing");
                }
            }, 500);
        }
    });
    $(document).ready(function() {
    $('#nature').on('change', function() {
        if ($(this).val() === 'other') {
            $('#other_input_container').show();
            $('#other_nature').val('');
        } else {
            $('#other_input_container').hide(); 
            $('#other_nature').val(''); 
        }
    });
    });
</script>
{/literal}