www.junkmail.co.za Open in urlscan Pro
40.127.13.167  Public Scan

Submitted URL: https://systems.junkmail.co.za/link.php?M=7555377&N=196&L=5&F=T
Effective URL: https://www.junkmail.co.za/place-advert?utm_source=inhouse&utm_medium=email&utm_campaign=EmailManageAdsSystem
Submission: On December 28 via api from AE — Scanned from DK

Form analysis 1 forms found in the DOM

POST /place-advert

<form id="advertform" action="/place-advert" method="post" novalidate="novalidate" data-hs-cf-bound="true">
  <input type="hidden" id="RecaptchaToken" name="RecaptchaToken" value="">
  <input type="hidden" name="Section" data-bind="value: Section" value="Please Select">
  <input type="hidden" name="CategoryId" data-bind="value: CategoryId">
  <input type="hidden" name="Photos" data-bind="value: Images()">
  <input type="hidden" data-val="true" data-val-required="The PhotoIdentifier field is required." id="PhotoIdentifier" name="PhotoIdentifier" value="1669b02e-7707-4425-8713-957943cf7bd3">
  <input type="hidden" data-bind="value: TempId" id="TempId" name="TempId" value="">
  <input type="hidden" data-val="true" data-val-required="The IsLockedDetails field is required." id="IsLockedDetails" name="IsLockedDetails" value="False">
  <input type="hidden" value="" id="Id" name="Id">
  <input type="hidden" data-bind="value: Intention" data-val="true" data-val-required="Select type" id="Intention" name="Intention" value="">
  <input type="hidden" data-bind="value: Condition" data-val="true" data-val-required="Required" id="Condition" name="Condition" value="">
  <input type="hidden" id="AdDisplayId" name="AdDisplayId" value="">
  <input type="hidden" data-val="true" data-val-required="The IdLegacy field is required." id="IdLegacy" name="IdLegacy" value="0">
  <input type="hidden" data-bind="value: Category" data-val="true" data-val-required="Required" id="Category" name="Category" value="">
  <input type="hidden" data-bind="value: RequestInstantOffer" data-val="true" data-val-required="The RequestInstantOffer field is required." id="RequestInstantOffer" name="RequestInstantOffer" value="false">
  <!-- Advertiser Details begin -->
  <div class="well">
    <!--Details-->
    <div class="row advertiser-details mb-5">
      <div class="col-md-12">
        <div class="form-group show-success">
          <label class="control-label">Advertiser Name</label>
          <input class="form-control" placeholder="Your name..." data-bind="value: Seller, valueUpdate: 'input'" maxlength="50" type="text" id="Seller" name="Seller" value="">
          <span class="icon"><i class="fa fa-user"></i></span>
          <span class="field-validation-valid" data-valmsg-for="Seller" data-valmsg-replace="true"></span>
          <p><span data-bind="text: SellerCount">0</span> of 50 Characters</p>
        </div>
      </div>
      <div class="col-md-12">
        <div class="form-group show-success">
          <label class="control-label">Email<span>*</span></label>
          <input autocomplete="email" class="form-control" placeholder="Enter email..." data-bind="value: Email" type="email" data-val="true" data-val-email="Invalid format" data-val-regex="Please enter a valid email format"
            data-val-regex-pattern="^[a-zA-Z0-9_\.-]+@([a-zA-Z0-9-]+\.)+[a-zA-Z]{1,15}$" data-val-required="Required" id="Email" name="Email" value="">
          <span class="icon"><i class="fa fa-envelope"></i></span>
          <span class="field-validation-valid" data-valmsg-for="Email" data-valmsg-replace="true"></span>
        </div>
      </div>
    </div>
    <div class="row advertiser-details">
      <div class="col-md-12">
        <p>Please check that your contact details have been entered correctly.</p>
      </div>
    </div>
    <div class="row advertiser-details">
      <div class="col-md-12">
        <div class="form-group show-success">
          <label class="control-label">WhatsApp Contact Number</label>
          <input type="tel" class="form-control" placeholder="WhatsApp contact..." data-bind="value: WhatsAppContact" data-val="true" data-val-regex="Invalid" data-val-regex-pattern="^0((6[0-9]|7[0-9]|8[1-5])\d{7})$" data-val-whatsappchat="Required"
            id="WhatsAppContact" name="WhatsAppContact" value="">
          <span class="icon"><i class="fa fa-whatsapp"></i></span>
          <span class="field-validation-valid" data-valmsg-for="WhatsAppContact" data-valmsg-replace="true"></span>
        </div>
      </div>
      <div class="col-md-12" data-bind="css:{hidden: SingleCallTrackingNumberEnabled}">
        <div class="form-group show-success">
          <label class="control-label">Number for Calls</label>
          <input class="form-control" placeholder="Contact number..." data-bind="value: Cell" type="tel" data-val="true" data-val-regex="Invalid" data-val-regex-pattern="^\+?([0-9]{10})([0-9]{0,3})?$" id="Cell" name="Cell" value="">
          <span class="icon"><i class="fa fa-phone"></i></span>
          <span class="field-validation-valid" data-valmsg-for="Cell" data-valmsg-replace="true"></span>
        </div>
      </div>
      <!--Web URL-->
      <div class="col-md-12 hidden" data-bind="css:{hidden: AdType() != 'Premium' || !UserAuthenticated}">
        <div class="form-group show-success">
          <label class="control-label">Web Url</label>
          <input class="form-control" type="text" data-bind="value: WebUrl" id="WebUrl" name="WebUrl" value="">
          <span class="field-validation-valid" data-valmsg-for="WebUrl" data-valmsg-replace="true"></span>
        </div>
      </div>
      <!--Business Owners-->
      <div class="row check-ad">
        <div class="col-md-12" data-bind="css:{hidden:SubCategory() == 'Job Seekers'}">
          <div class="alert grey lighten-3 m-a-0">
            <div class="checkbox m-a-0">
              <label class="m-a-0 d-flex" data-bind="css: { 'text-success': IsTrade() }">
                <input type="radio" value="true" data-bind="checked: IsTrade, checkedValue:true" data-val="true" data-val-required="The IsTrade field is required." id="IsTrade" name="IsTrade"><span>I am advertising on behalf of a
                  <b>Business</b></span>
              </label>
            </div>
          </div>
        </div>
      </div>
      <div class="row check-ad">
        <!--Individual-->
        <div class="col-md-12" data-bind="css:{hidden:SubCategory() == 'Job Seekers'}">
          <div class="alert grey lighten-3 m-a-0">
            <div class="checkbox m-a-0">
              <label class="m-a-0 d-flex text-success" data-bind="css: { 'text-success': !IsTrade() }">
                <input type="radio" value="false" data-bind="checked: IsTrade, checkedValue:false" id="IsTrade" name="IsTrade"><span>I am advertising as an <b>Individual</b></span>
              </label>
            </div>
          </div>
        </div>
      </div>
    </div>
    <hr>
    <div class="row advertiser-details category-search">
      <div class="col-md-12">
        <p>Give a short description of your item/service. Make use of keywords and include features like brand, model, age, type, etc.</p>
        <div class="form-group search show-success" autocomplete="off">
          <div class="success">
            <span><i class="fa fa-check-circle-o"></i></span>
            <span><b>Include: </b> Keywords, features, brands, age, etc.</span>
          </div>
          <div class="wrong">
            <span><i class="fa fa-exclamation-triangle"></i></span>
            <span><b>Avoid: </b> Price and Contact details in the ad title.</span>
          </div>
          <label class="control-label">Ad Title <span>*</span></label>
          <input class="form-control" data-bind="textInput: Title" type="text" maxlength="80" data-val="true" data-val-length="5 to 80 characters" data-val-length-max="80" data-val-length-min="5" data-val-required="Required" id="Title" name="Title"
            placeholder="Ad title (5 to 80 characters)" value="">
          <span class="field-validation-valid" data-valmsg-for="Title" data-valmsg-replace="true"></span>
          <p><span data-bind="text: TitleCount">0</span> of 80 Characters</p>
          <button class="btn btn-primary disabled" data-bind="css:{disabled: Title() == null || Title().length < 5, hidden: CategoryGroup()}, click: SuggestMeCategories" id="suggestCategories">Suggest Categories</button>
        </div>
        <div data-bind="css:{hidden: CategoryGroup()}">
          <div class="select-suggested-cat hidden" data-bind="css:{hidden: !SuggestCategories()}">
            <h3>Suggested Category</h3>
            <p>Select below the suggested category that fits your Ad.</p>
            <ul class="category-suggestions" data-bind="foreach: CurrentSuggestedCategories, css:{hidden: NoSuggestedCategories()}"></ul>
            <div class="suggested-categories hidden" data-bind="css:{hidden: !NoSuggestedCategories()}">
              <span class="has-warning"><i class="fa fa-exclamation-triangle"></i></span>
              <span>
                <h5>No match found based on your Ad Title.</h5>
                <p>Please make sure your Ad Title is spelt correctly, or browse through the categories below.</p>
              </span>
            </div>
          </div>
        </div>
        <div class="choose-cat">
          <div class="title">
            <h3><b>Choose a Category</b><span class="red-text"> *</span></h3>
            <p>Select a category that best matches your product/service so that buyers can easily find your adverts!</p>
          </div>
        </div>
        <div class="form-group" data-bind="css:{hidden: CategoryGroup()}">
          <label class="control-label">Search for a Category</label>
          <input class="form-control search" placeholder="Type Category Keywords" autocomplete="off">
          <div class="btn btn-search">
            <i class="fa fa-search"></i>
          </div>
        </div>
      </div>
    </div>
    <!-- Advertiser Details ends -->
    <div class="well choose-category m-t-lg m-b-md choose-category-expand">
      <div class="clear-results">
        <!-- ko foreach: CategoryGroups -->
        <a data-bind="
                                   click: $parent.ShoWMeCategories,
                                   visible: !$parent.CategoryGroup() || $parent.CategoryGroup() == $data,
                                   css: {
                                   active: $parent.CategoryGroup() == $data,
                                   'pull-left': $parent.HideSub() ? $parent.SubCategory(): $parent.Category() &amp;&amp; Name != $parent.ChooseForMe  }" class="btn btn-default">
                                    <i class="icon icon-question-circle" data-bind="css:IconClassName"></i>
                                    <!--ko text: Name-->Choose for me<!--/ko-->
                                </a>
        <a data-bind="
                                   click: $parent.ShoWMeCategories,
                                   visible: !$parent.CategoryGroup() || $parent.CategoryGroup() == $data,
                                   css: {
                                   active: $parent.CategoryGroup() == $data,
                                   'pull-left': $parent.HideSub() ? $parent.SubCategory(): $parent.Category() &amp;&amp; Name != $parent.ChooseForMe  }" class="btn btn-default">
                                    <i class="icon icon-cars" data-bind="css:IconClassName"></i>
                                    <!--ko text: Name-->Vehicles<!--/ko-->
                                </a>
        <a data-bind="
                                   click: $parent.ShoWMeCategories,
                                   visible: !$parent.CategoryGroup() || $parent.CategoryGroup() == $data,
                                   css: {
                                   active: $parent.CategoryGroup() == $data,
                                   'pull-left': $parent.HideSub() ? $parent.SubCategory(): $parent.Category() &amp;&amp; Name != $parent.ChooseForMe  }" class="btn btn-default">
                                    <i class="icon icon-property" data-bind="css:IconClassName"></i>
                                    <!--ko text: Name-->Property<!--/ko-->
                                </a>
        <a data-bind="
                                   click: $parent.ShoWMeCategories,
                                   visible: !$parent.CategoryGroup() || $parent.CategoryGroup() == $data,
                                   css: {
                                   active: $parent.CategoryGroup() == $data,
                                   'pull-left': $parent.HideSub() ? $parent.SubCategory(): $parent.Category() &amp;&amp; Name != $parent.ChooseForMe  }" class="btn btn-default">
                                    <i class="icon icon-jobs" data-bind="css:IconClassName"></i>
                                    <!--ko text: Name-->Jobs<!--/ko-->
                                </a>
        <a data-bind="
                                   click: $parent.ShoWMeCategories,
                                   visible: !$parent.CategoryGroup() || $parent.CategoryGroup() == $data,
                                   css: {
                                   active: $parent.CategoryGroup() == $data,
                                   'pull-left': $parent.HideSub() ? $parent.SubCategory(): $parent.Category() &amp;&amp; Name != $parent.ChooseForMe  }" class="btn btn-default">
                                    <i class="icon icon-office-and-business" data-bind="css:IconClassName"></i>
                                    <!--ko text: Name-->Services, Business and Office, COVID-19<!--/ko-->
                                </a>
        <a data-bind="
                                   click: $parent.ShoWMeCategories,
                                   visible: !$parent.CategoryGroup() || $parent.CategoryGroup() == $data,
                                   css: {
                                   active: $parent.CategoryGroup() == $data,
                                   'pull-left': $parent.HideSub() ? $parent.SubCategory(): $parent.Category() &amp;&amp; Name != $parent.ChooseForMe  }" class="btn btn-default">
                                    <i class="icon icon-household" data-bind="css:IconClassName"></i>
                                    <!--ko text: Name-->Home, Garden and DIY<!--/ko-->
                                </a>
        <a data-bind="
                                   click: $parent.ShoWMeCategories,
                                   visible: !$parent.CategoryGroup() || $parent.CategoryGroup() == $data,
                                   css: {
                                   active: $parent.CategoryGroup() == $data,
                                   'pull-left': $parent.HideSub() ? $parent.SubCategory(): $parent.Category() &amp;&amp; Name != $parent.ChooseForMe  }" class="btn btn-default">
                                    <i class="icon icon-mobile" data-bind="css:IconClassName"></i>
                                    <!--ko text: Name-->Electronics and Devices<!--/ko-->
                                </a>
        <a data-bind="
                                   click: $parent.ShoWMeCategories,
                                   visible: !$parent.CategoryGroup() || $parent.CategoryGroup() == $data,
                                   css: {
                                   active: $parent.CategoryGroup() == $data,
                                   'pull-left': $parent.HideSub() ? $parent.SubCategory(): $parent.Category() &amp;&amp; Name != $parent.ChooseForMe  }" class="btn btn-default">
                                    <i class="icon icon-trucks" data-bind="css:IconClassName"></i>
                                    <!--ko text: Name-->Commercial Vehicles and Machinery<!--/ko-->
                                </a>
        <a data-bind="
                                   click: $parent.ShoWMeCategories,
                                   visible: !$parent.CategoryGroup() || $parent.CategoryGroup() == $data,
                                   css: {
                                   active: $parent.CategoryGroup() == $data,
                                   'pull-left': $parent.HideSub() ? $parent.SubCategory(): $parent.Category() &amp;&amp; Name != $parent.ChooseForMe  }" class="btn btn-default">
                                    <i class="icon icon-farming" data-bind="css:IconClassName"></i>
                                    <!--ko text: Name-->Farming<!--/ko-->
                                </a>
        <a data-bind="
                                   click: $parent.ShoWMeCategories,
                                   visible: !$parent.CategoryGroup() || $parent.CategoryGroup() == $data,
                                   css: {
                                   active: $parent.CategoryGroup() == $data,
                                   'pull-left': $parent.HideSub() ? $parent.SubCategory(): $parent.Category() &amp;&amp; Name != $parent.ChooseForMe  }" class="btn btn-default">
                                    <i class="icon icon-leisure" data-bind="css:IconClassName"></i>
                                    <!--ko text: Name-->Leisure, Sports and Events<!--/ko-->
                                </a>
        <a data-bind="
                                   click: $parent.ShoWMeCategories,
                                   visible: !$parent.CategoryGroup() || $parent.CategoryGroup() == $data,
                                   css: {
                                   active: $parent.CategoryGroup() == $data,
                                   'pull-left': $parent.HideSub() ? $parent.SubCategory(): $parent.Category() &amp;&amp; Name != $parent.ChooseForMe  }" class="btn btn-default">
                                    <i class="icon icon-pets" data-bind="css:IconClassName"></i>
                                    <!--ko text: Name-->Pets and Pet Accessories<!--/ko-->
                                </a>
        <a data-bind="
                                   click: $parent.ShoWMeCategories,
                                   visible: !$parent.CategoryGroup() || $parent.CategoryGroup() == $data,
                                   css: {
                                   active: $parent.CategoryGroup() == $data,
                                   'pull-left': $parent.HideSub() ? $parent.SubCategory(): $parent.Category() &amp;&amp; Name != $parent.ChooseForMe  }" class="btn btn-default">
                                    <i class="icon icon-car-spare" data-bind="css:IconClassName"></i>
                                    <!--ko text: Name-->Spares<!--/ko-->
                                </a>
        <!-- /ko -->
        <!-- ko if: (CategoryGroup()) --><!-- /ko -->
        <a class="btn btn-default hidden" data-bind="css:{hidden: CategoryGroupName() != 'Choose for me'}, click: SetCarsCategory"><i class="icon icon-cars"></i> I am trying to sell my car</a>
      </div>
      <!--Category Level 1-->
      <div class="form-group show-success hidden" data-bind="css:{hidden:!CategoryGroupName() || CategoryGroupName() == 'Choose for me'}">
        <div class="sub-cat">
          <i class="fa fa-level-up"></i>
          <select class="form-control category-select" data-bind="options: GroupCategories,
                                                   optionsText: 'Name',
                                                   optionsValue: 'Id',
                                                   value: DisplayCategory,
                                                   optionsCaption: 'Please Select'" id="DisplayCategory" name="DisplayCategory">
            <option value="">Please Select</option>
          </select>
        </div>
        <span class="field-validation-valid" data-valmsg-for="DisplayCategory" data-valmsg-replace="true"></span>
      </div>
    </div>
    <div class="well pt-0 hidden" data-bind="css:{
                         hidden: !Section() ||
                         !Category() ||
                         (HideSub() &amp;&amp; !SubCategory())}">
      <div class="row advertiser-details sub-category-select ">
        <div class="col-md-12">
          <!--Category Level 2-->
          <div class="form-group show-success" data-bind="css:{hidden:Category() == ChooseForMe || HideSub()}">
            <label class="control-label"
              data-bind="html: ContextSection() == 'Motoring' &amp;&amp; Intention() != 'Wanted' ? 'Make<span>*</span>' : ContextSection() == 'Motoring' &amp;&amp; Intention() == 'Wanted' ? 'Make<span></span>' : 'Sub category<span>*</span>'">Sub
              category<span>*</span></label>
            <div class="sub-cat sub-cat-1">
              <i class="fa fa-level-up"></i>
              <select class="form-control" data-bind="options: SubCategories,
                                                optionsText: 'Name',
                                                optionsValue: 'Id',
                                                value: SubCategoryId,
                                                optionsCaption: ContextSection() == 'Motoring' ? 'Select Make' : 'Please Select'" data-val="true" data-val-required="Required" id="SubCategoryId" name="SubCategoryId">
                <option value="">Please Select</option>
                <option value="9a4f1dee19494b3c8290b57cbbc50823">Choose for me</option>
                <option value="37466a9d29d64449a5bdb7210c881b73">Accessories</option>
                <option value="34f37f36fa634ee78f2993ca503ceb30">Aircraft</option>
                <option value="e2f34e6bb88146ca88aa800257c7a054">Antiques and Collectables</option>
                <option value="21953715a1144b73b0fc201a38960239">ATVs</option>
                <option value="04818556fbd9449d89548caf4e089dd7">Audio Visual Equipment and Electronics</option>
                <option value="65546258080d480bb60dc45d2df793b0">Baby and Kids</option>
                <option value="8f27f0bc2fa540c68fd39125dfaa68a1">Bike Spares and Parts</option>
                <option value="b7f7a5a4b74040aa9a0cf56311f0a1b8">Bikes</option>
                <option value="032edb0310fa406396f09bf19fa286af">Boats and Watercraft</option>
                <option value="2608df3b91a04f53a522d422139ddabc">Bus Spares and Parts</option>
                <option value="5a93f2ba119440388c228a3642de9054">Buses</option>
                <option value="f68b8a14080240cd91699db94c76e4e0">Car Spares and Parts</option>
                <option value="a0fa8bb0c3754bbbae6f8b277a2df7cd">Caravan Spares and Parts</option>
                <option value="44944f56bf674f649062d38906660831">Caravans, Campers and Trailers</option>
                <option value="097deb729b4d4bfd8585982a0683989a">Cars</option>
                <option value="d5bf043d7d474390a66b6332f6c5145e">Classic Cars, Bikes and Custom Built</option>
                <option value="c766c2263d2042408a6dd0a21e7bc844">Community and Events</option>
                <option value="591877d792944da39603eeeb5a637ee4">Computers and Gaming</option>
                <option value="605f069c49ab4817b93e25c83c7c82a4">COVID-19 Products and Services</option>
                <option value="d20a46c359954b3ca8f23d283567b2d4">Farm Spares and Parts</option>
                <option value="294220f4755747618d1d88db13ca5468">Farming</option>
                <option value="ea9dd09f9cca44b7b9a058418c99a666">Fashion, Beauty and Clothing</option>
                <option value="71b447fcc67f454e912c7a34184b9d41">Gardening, Outdoors and DIY</option>
                <option value="2b14f270897c4a028819d0520f69968e">Household</option>
                <option value="4a63e72bf04547f5ac7a3dc017b6db1d">Jobs</option>
                <option value="84a41e33b8b24499a815d313ffce7951">Leisure</option>
                <option value="008f29e29e4a4810bb9bb165121c9ba6">Machinery</option>
                <option value="3a18db8201e942879928a1496405bf83">Machinery Spares and Parts</option>
                <option value="71c73accb3fe47789a9ee6536b50db60">Mobile Devices</option>
                <option value="c9abcb73b5f948c3a9719b16e6b9da4a">Office and Business</option>
                <option value="173da55050bd4efb88844b05916ab91c">Pets</option>
                <option value="05a1ae1d568646ec9bd19fd4ff4df16f">Property</option>
                <option value="7521428ac6c0492a9b16aca742bc40a5">Services</option>
                <option value="de3ae027f463471e9c46d9088bec2f6e">Sports</option>
                <option value="3b060a08c0a044b4bc624f48ae744774">Trailer Spares and Parts</option>
                <option value="d32b3b7b759b4c01af0f22015047951f">Trailers</option>
                <option value="499e17be5f44443dacb02d4756c2f6fe">Truck Spares and Parts</option>
                <option value="34cb015165c14ea18bbf83a4d8146527">Trucks</option>
                <option value="87e7b0524cf5401c8e8bbeb16dcbe5a4">Uncategorized</option>
                <option value="9a4f1dee19494b3c8290b57cbbc50823">Uncategorized</option>
              </select>
            </div>
            <span class="field-validation-valid" data-valmsg-for="SubCategoryId" data-valmsg-replace="true"></span>
          </div>
          <!--Category Level 3-->
          <div class="form-group show-success"
            data-bind="css:{hidden:Category() == 'Trucks' || Category() == 'Buses' || Category() == 'Trailers' || HideSubSub() || ContextSection() == 'Jobs' || Category() == ChooseForMe || SubCategory() == ChooseForMe}">
            <label class="control-label hidden"
              data-bind="css:{hidden:ContextSection() != 'Motoring' &amp;&amp; !HideSub()},html: ContextSection() == 'Motoring' &amp;&amp; Intention() != 'Wanted' ? 'Model<span>*</span>' :  ContextSection() == 'Motoring' &amp;&amp; Intention() == 'Wanted' ? 'Model<span></span>' : (HideSub() ? 'Sub Sub category<span>*</span>' : '&nbsp;')">&nbsp;</label>
            <div class="sub-cat sub-cat-2">
              <i class="fa fa-level-up"></i>
              <select class="form-control" data-bind="options: SubSubCategories,
                                                   optionsText: 'Name',
                                                   optionsValue: 'Id',
                                                   value: SubSubCategoryId,
                                                   optionsCaption:  ContextSection() == 'Motoring' ? 'Select Model' : 'Please Select'" data-val="true" data-val-required="Required" id="SubSubCategoryId" name="SubSubCategoryId">
                <option value="">Please Select</option>
              </select>
            </div>
            <span class="field-validation-valid" data-valmsg-for="SubSubCategoryId" data-valmsg-replace="true"></span>
          </div>
        </div>
        <div class="col-md-12 advertCategoryInfo text-center hidden" data-bind="css:{hidden: !ShowCategoryInfo()}">
          <p>Please make sure to select a category to ensure your advert indexes in the correct category. This will help potential buyers to find your advert when a category is selected in the search result page.</p>
        </div>
        <!--Voetstoots Indicator-->
        <div class="col-md-12 hidden" data-bind="css:{hidden: Category() != 'Cars' || Intention() == 'For Rent' }">
          <div class="form-check new-ad-label voetstoots-checkbox">
            <div class="checkbox">
              <label>
                <input type="checkbox" data-bind="checked: IsVoetstoots" data-val="true" data-val-required="The IsVoetstoots field is required." id="IsVoetstoots" name="IsVoetstoots" value="true"> <b class="p-r">Voetstoots Advert </b>
              </label>
              <i class="fa fa-question-circle voetstoots-info"></i>
            </div>
            <span class="d-none voetstoots-info-text">All vehicle ad items labelled Voetstoots are sold as-is, including imperfections and damages in or on the vehicle at the date of purchase.</span>
          </div>
        </div>
      </div>
      <div class="row advertiser-details">
        <div class="col-md-12">
          <h3 class="text-center"><b>Advert Details</b></h3>
          <div class="form-group show-success hidden" data-bind="css:{hidden: ContextSection() != 'Motoring' || Category() == 'Bikes' || SubCategory() == ChooseForMe || (SubSubCategoryId() &amp;&amp; Variants().length < 1) }">
            <label class="control-label">Variant</label>
            <select class="form-control" data-bind="options: Variants,
                                                       optionsText: 'Name',
                                                       optionsValue: 'Id',
                                                       value: ModelVariantId,
                                                       optionsCaption: 'Select Variant'" id="ModelVariantId" name="ModelVariantId">
              <option value="">Select Variant</option>
            </select>
            <span class="field-validation-valid" data-valmsg-for="ModelVariantId" data-valmsg-replace="true"></span>
          </div>
          <div class="form-group show-success hidden" data-bind="css:{hidden: ContextSection() != 'Motoring'}">
            <label class="control-label">Colour</label>
            <span class="field-validation-valid" data-valmsg-for="Color" data-valmsg-replace="true"></span>
            <select class="form-control" data-bind="options: colors,
                                                           optionsText: 'name',
                                                           optionsValue: 'name',
                                                           value: Color,
                                                           optionsCaption: 'Select Colour'" id="Color" name="Color">
              <option value="">Select Colour</option>
              <option value="Beige">Beige</option>
              <option value="Black">Black</option>
              <option value="Blue">Blue</option>
              <option value="Bronze">Bronze</option>
              <option value="Brown">Brown</option>
              <option value="Charcoal">Charcoal</option>
              <option value="Gold">Gold</option>
              <option value="Green">Green</option>
              <option value="Grey">Grey</option>
              <option value="Maroon">Maroon</option>
              <option value="Orange">Orange</option>
              <option value="Red">Red</option>
              <option value="Silver">Silver</option>
              <option value="Turquoise">Turquoise</option>
              <option value="Violet">Violet</option>
              <option value="White">White</option>
              <option value="Yellow">Yellow</option>
            </select>
          </div>
          <div class="form-group show-success hidden"
            data-bind="css:{hidden: ContextSection() != 'Spares' &amp;&amp; ContextSection() != 'Commercial' &amp;&amp; ContextSection() != 'Farming' || SubCategory() == 'Livestock' || SubCategory() == 'Precision Farming'}">
            <label class="control-label">Make</label>
            <span class="field-validation-valid" data-valmsg-for="MakeId" data-valmsg-replace="true"></span>
            <select class="form-control" data-bind="options: Makes,
                                                            optionsText: 'Name',
                                                            optionsValue: 'Id',
                                                            value: MakeId,
                                                            optionsCaption: 'Select Make'" id="MakeId" name="MakeId">
              <option value="">Select Make</option>
            </select>
          </div>
          <div data-bind="css:{hidden:ContextSection() != 'Motoring' &amp;&amp; ContextSection() != 'Commercial' &amp;&amp; ContextSection() != 'Farming'}" class="hidden">
            <div class="form-group show-success" data-bind="css:{hidden:Category() == 'Machinery' || Category() == 'Farm Equipment' || ContextSection() == 'Farming'}">
              <label class="control-label">Mileage (km)<span data-bind="css:{hidden: ContextSection() == 'Motoring' &amp;&amp; Intention() == 'Wanted'}">*</span></label>
              <input class="form-control" placeholder="10 000..." data-bind="value: Mileage" type="tel" data-val="true" data-val-range="Please enter valid number" data-val-range-max="2147483647" data-val-range-min="0" data-val-required="Required"
                id="Mileage" name="Mileage" value="0">
              <span class="field-validation-valid" data-valmsg-for="Mileage" data-valmsg-replace="true"></span>
            </div>
            <div class="form-group show-success hidden" data-bind="css:{hidden:ContextSection() != 'Commercial' &amp;&amp; ContextSection() != 'Farming' || SubCategory() == 'Livestock' || SubCategory() == 'Precision Farming'}">
              <label class="control-label">Usage Hours (h)</label>
              <input value="" class="form-control" placeholder="4 000..." data-bind="value: Hours" type="tel" data-val="true" data-val-range="Please enter valid number" data-val-range-max="2147483647" data-val-range-min="0" id="Hours" name="Hours">
              <span class="field-validation-valid" data-valmsg-for="Hours" data-valmsg-replace="true"></span>
            </div>
            <div class="form-group show-success" data-bind="css:{hidden: SubCategory() == 'Livestock' || SubCategory() == 'Precision Farming'}">
              <label id="YearLabel" class="control-label">Year<span data-bind="css:{hidden: (ContextSection() == 'Motoring' &amp;&amp; Intention() == 'Wanted') || ContextSection() == 'Farming' || ContextSection() == 'Commercial'}">*</span></label>
              <input class="form-control" placeholder="2012..." data-bind="value: Year" type="tel" data-val="true" data-val-advertmodelyear="Year must be between 1900 and the current model year" data-val-advertmodelyear-year="1900" id="Year"
                name="Year" value="">
              <span class="field-validation-valid" data-valmsg-for="Year" data-valmsg-replace="true"></span>
            </div>
          </div>
          <!--Jobs-->
          <div data-bind="css:{hidden:ContextSection() != 'Jobs'}" class="hidden">
            <div class="form-group new-ad-label show-success">
              <label class="control-label">Payment Min (R)</label>
              <input value="" class="form-control" placeholder="5 000..." id="salaryMin" data-bind="value: SalaryMin" type="tel" data-val="true" data-val-number="The field SalaryMin must be a number." data-val-range="Invalid"
                data-val-range-max="999999999.99" data-val-range-min="0" data-val-required="The SalaryMin field is required." name="SalaryMin">
              <span class="field-validation-valid" data-valmsg-for="SalaryMin" data-valmsg-replace="true"></span>
            </div>
            <div class="form-group new-ad-label show-success">
              <label class="control-label">Payment Max (R)</label>
              <input value="" class="form-control" placeholder="7 500..." id="salaryMax" data-bind="value: SalaryMax" type="tel" data-val="true" data-val-number="The field SalaryMax must be a number." data-val-range="Invalid"
                data-val-range-max="999999999.99" data-val-range-min="0" data-val-required="The SalaryMax field is required." name="SalaryMax">
              <span class="field-validation-valid" data-valmsg-for="SalaryMax" data-valmsg-replace="true"></span>
            </div>
            <div class="form-group new-ad-label show-success">
              <label class="control-label">Payment Schedule<span>*</span></label>
              <span class="field-validation-valid" data-valmsg-for="PaymentSchedule" data-valmsg-replace="true"></span>
              <select class="form-control" data-bind="value: PaymentSchedule" data-val="true" data-val-required="Required" id="PaymentSchedule" name="PaymentSchedule">
                <option value="">Select Payment Schedule</option>
                <option>Per Day</option>
                <option>Per Hour</option>
                <option>Per Month</option>
                <option>Per Week</option>
                <option>Per Year</option>
              </select>
            </div>
          </div>
          <!--Property-->
          <div class="hidden" data-bind="css:{hidden: ContextSection() != 'Property'}">
            <!--Property Details-->
            <div class="row">
              <!--Bedroom-->
              <div class="col-md-12 hidden" data-bind="css:{hidden:!IsResidential() || SubCategory() == 'Shared Accommodation'}">
                <div class="form-group new-ad-label show-success">
                  <label class="control-label">Bedrooms<span>*</span></label>
                  <span class="field-validation-valid" data-valmsg-for="Bedrooms" data-valmsg-replace="true"></span>
                  <select class="form-control" data-bind="value: Bedrooms" data-val="true" data-val-number="The field Bedrooms must be a number." data-val-required="Required" id="Bedrooms" name="Bedrooms">
                    <option value="">Select Bedrooms</option>
                    <option value="0" selected="selected">0</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5">5</option>
                    <option value="6">6</option>
                    <option value="7">7</option>
                    <option value="8">8+</option>
                  </select>
                </div>
              </div>
              <!--Bathroom-->
              <div class="col-md-12 hidden" data-bind="css:{hidden:!IsResidential() || SubCategory() == 'Shared Accommodation'}">
                <div class="form-group new-ad-label show-success">
                  <label class="control-label">Bathrooms<span>*</span></label>
                  <span class="field-validation-valid" data-valmsg-for="Bathrooms" data-valmsg-replace="true"></span>
                  <select class="form-control" data-bind="value: Bathrooms" data-val="true" data-val-required="Required" id="Bathrooms" name="Bathrooms">
                    <option value="">Select Bathrooms</option>
                    <option value="0" selected="selected">0</option>
                    <option value="1">1</option>
                    <option value="1.5">1.5</option>
                    <option value="2">2</option>
                    <option value="2.5">2.5</option>
                    <option value="3">3</option>
                    <option value="3.5">3.5</option>
                    <option value="4">4</option>
                    <option value="4.5">4.5</option>
                    <option value="5">5+</option>
                  </select>
                </div>
              </div>
              <!--Garage-->
              <div class="col-md-12 hidden" data-bind="css:{hidden:SubCategory() != 'Residential Properties'}">
                <div class="form-group new-ad-label show-success">
                  <label class="control-label">Garages</label>
                  <span class="field-validation-valid" data-valmsg-for="Garages" data-valmsg-replace="true"></span>
                  <select class="form-control" data-bind="value: Garages" data-val="true" data-val-required="The Garages field is required." id="Garages" name="Garages">
                    <option selected="selected" value="0">0</option>
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                    <option>4</option>
                    <option>5</option>
                    <option>6</option>
                    <option>7</option>
                    <option>8</option>
                    <option>9</option>
                  </select>
                </div>
              </div>
              <!--Carports-->
              <div class="col-md-12 hidden" data-bind="css:{hidden:SubCategory() != 'Residential Properties'}">
                <div class="form-group new-ad-label show-success">
                  <label class="control-label">Carports</label>
                  <span class="field-validation-valid" data-valmsg-for="Carports" data-valmsg-replace="true"></span>
                  <select class="form-control" data-bind="value: Carports" data-val="true" data-val-required="The Carports field is required." id="Carports" name="Carports">
                    <option selected="selected" value="0">0</option>
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                    <option>4</option>
                    <option>5</option>
                    <option>6</option>
                    <option>7</option>
                    <option>8</option>
                    <option>9</option>
                  </select>
                </div>
              </div>
              <!--Land-->
              <div class="col-md-12" data-bind="css:{hidden:IsResidential() &amp;&amp; SubCategory() != 'Residential Properties'}">
                <div class="form-group new-ad-label show-success">
                  <label class="control-label" data-bind="css:{hidden: SubCategory() == 'Farms'}">Land Area (m<sup>2</sup>)</label>
                  <label class="control-label hidden" data-bind="css:{hidden: SubCategory() != 'Farms'}">Land Area (hectares)</label>
                  <input value="" class="form-control" type="tel" data-bind="value: LandArea" data-val="true" data-val-range="Please enter valid number" data-val-range-max="2147483647" data-val-range-min="0" id="LandArea" name="LandArea">
                  <span class="field-validation-valid" data-valmsg-for="LandArea" data-valmsg-replace="true"></span>
                </div>
              </div>
              <!--Floor-->
              <div class="col-md-12" data-bind="css:{hidden:IsResidential() &amp;&amp; SubCategory() != 'Residential Properties'}">
                <div class="form-group new-ad-label show-success" data-bind="css:{hidden:IsFarm()}">
                  <label class="control-label">Floor Area (m<sup>2</sup>)</label>
                  <input value="" class="form-control" type="tel" data-bind="value: FloorArea" data-val="true" data-val-range="Please enter valid number" data-val-range-max="2147483647" data-val-range-min="0" id="FloorArea" name="FloorArea">
                  <span class="field-validation-valid" data-valmsg-for="FloorArea" data-valmsg-replace="true"></span>
                </div>
              </div>
              <!--Rates-->
              <div class="col-md-12" data-bind="css:{ hidden: HideRatesAndLevy() }">
                <div class="form-group new-ad-label show-success">
                  <label class="control-label">Rates and Taxes (R)</label>
                  <input value="" class="form-control" type="text" data-bind="value: RatesAndTaxes, enable: EnableRatesAndTaxes" data-val="true" data-val-number="The field RatesAndTaxes must be a number." data-val-range="Invalid"
                    data-val-range-max="999999999.99" data-val-range-min="0" id="RatesAndTaxes" name="RatesAndTaxes">
                  <span class="field-validation-valid" data-valmsg-for="RatesAndTaxes" data-valmsg-replace="true"></span>
                </div>
              </div>
              <!--Levies-->
              <div class="col-md-12" data-bind="css:{ hidden: HideRatesAndLevy() }">
                <div class="form-group new-ad-label show-success">
                  <label class="control-label">Levies (R)</label>
                  <input value="" class="form-control" type="tel" data-bind="value: Levies" data-val="true" data-val-number="The field Levies must be a number." data-val-range="Invalid" data-val-range-max="999999999.99" data-val-range-min="0"
                    id="Levies" name="Levies">
                  <span class="field-validation-valid" data-valmsg-for="Levies" data-valmsg-replace="true"></span>
                </div>
              </div>
              <!--Date-->
              <div class="col-md-12" data-bind="css:{hidden:IsFarm() || (IsResidential() &amp;&amp; SubCategory() != 'Residential Properties')}">
                <div class="form-group datepicker new-ad-label show-success">
                  <label class="control-label">Date Available</label>
                  <input class="form-control" type="text" data-bind="dateTimePicker: AvailableFrom, dateTimePickerOptions: { format: 'DD MMMM YYYY', minDate: moment().startOf('day').subtract(3, 'months').format('YYYY-MM-DDTHH:mm:ssZ') }"
                    data-val="true" id="AvailableFrom" name="AvailableFrom" value="1/1/0001 12:00:00 AM">
                  <span class="field-validation-valid" data-valmsg-for="AvailableFrom" data-valmsg-replace="true"></span>
                </div>
              </div>
              <!--Furnish-->
              <div class="col-md-12 hidden" data-bind="css:{hidden:!IsResidential()}">
                <div class="form-check property-checkbox">
                  <div class="checkbox m-t-0">
                    <label class="form-check-label">
                      <input type="checkbox" data-bind="checked: Furnished" data-val="true" data-val-required="The Furnished field is required." id="Furnished" name="Furnished" value="true"> Furnished </label>
                  </div>
                </div>
              </div>
              <!--Pets-->
              <div class="col-md-12 hidden" data-bind="css:{hidden:!IsResidential()}">
                <div class="form-check property-checkbox ">
                  <div class="checkbox m-t-0">
                    <label class="form-control-label">
                      <input type="checkbox" data-bind="checked: PetFriendly" data-val="true" data-val-required="The PetFriendly field is required." id="PetFriendly" name="PetFriendly" value="true"> Pets Allowed </label>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="form-group show-success" data-bind="css:{hidden: Conditions().length == 0 || SubCategory() == 'Livestock'}">
            <label class="control-label">Condition <span>*</span></label>
            <span class="field-validation-valid" data-valmsg-for="ConditionId" data-valmsg-replace="true"></span>
            <select class="form-control" data-bind="options: Conditions,
                                                           optionsText: 'Description',
                                                           optionsValue: 'Id',
                                                           value: ConditionId,
                                                           optionsCaption: 'Please Select'" id="ConditionId" name="ConditionId">
              <option value="">Please Select</option>
              <option value="9684690c35844865a8b2a32deaf5e115">Demo</option>
              <option value="9b3e19d280064b2894650d5f64682fe7">Used</option>
              <option value="f502993f6dd047519d16fbd645bd973b">New</option>
            </select>
          </div>
          <p>Include details, features, condition, the reason for selling, a brief history, etc. </p>
          <div class="alert light-blue hidden" data-bind="css:{hidden:Category() != 'Pets'}">Please provide the birth date or age of the animal(s) you are selling. Animals advertised must have a price - Small mammals (hamsters, rabbits, mice, guinea
            pigs etc.) /poultry /birds = min price R50 each. ALL OTHER animals = min price R100 per animal.</div>
          <div class="form-group show-success">
            <label class="control-label" for="Discribtion">Description <span>*</span></label>
            <textarea rows="3" maxlength="3000" class="form-control" placeholder="Include details, features, condition, the reason for selling, a brief history, etc." data-bind="textInput: Description, autoResize: Description" data-val="true"
              data-val-length="30 to 3000 characters" data-val-length-max="3000" data-val-length-min="30" data-val-required="Required" id="Description" name="Description"></textarea>
            <span class="field-validation-valid" data-valmsg-for="Description" data-valmsg-replace="true"></span>
            <p><span data-bind="text: DescriptionCount">0</span> of 3 000 Characters</p>
          </div>
        </div>
      </div>
      <h3 class="text-center" data-bind="css:{hidden:ContextSection() == 'Jobs'}"><b>Intention &amp; Price</b></h3>
      <div class="row advertiser-details" data-bind="visible: Category() == 'Property'" id="intention-controlled" style="display: none;"></div>
      <div class="row advertiser-details" data-bind="css:{hidden:ContextSection() == 'Jobs'}" id="intention-not-controlled">
        <div class="col-md-12" data-bind="css:{hidden:Intentions().length < 1 || SubCategory() == 'Livestock' }, repositionIntention: HideRatesAndLevy">
          <div class="form-group show-success">
            <label class="control-label">Ad Type <span>*</span></label>
            <span class="field-validation-valid" data-valmsg-for="IntentionId" data-valmsg-replace="true"></span>
            <!-- ko if: (ContextSection() != 'Jobs' && SubCategory() != 'Livestock') -->
            <select class="form-control" id="inlineFormCustomSelect" data-bind="options: Intentions,
                                                optionsText: 'Description',
                                                optionsValue: 'Id',
                                                value: IntentionId,
                                                optionsCaption: 'Please Select'" data-val="true" data-val-required="Select type" name="IntentionId">
              <option value="">Please Select</option>
              <option value="0f4e5ccc0b904d5bb6102dc7e77397af">For Sale</option>
              <option value="34a1c70aa2ae4e0e9a73bad7b3c4b144">For Rent</option>
              <option value="42b4c3d5fe8d40cd847d21e2d3c2e2cb">On Auction</option>
              <option value="90b8ba7d7d434d2799665963efd452fc">Give Away</option>
              <option value="b8d1198d29074e949544d620d30bd72d">Black Friday</option>
              <option value="cd6d2fd4c6984111950413682ff80381">Wanted</option>
              <option value="d6c17f8d4b4743688f12d67e4f0d5908">Contact Me</option>
              <option value="dedaae25cec9402e8fc26a1714e57288">Essential Services</option>
              <option value="f4c4d0e2890d4bed9087c6c60a4ebd3a">To Swop</option>
            </select>
            <!-- /ko -->
            <!-- ko if: (ContextSection() == 'Jobs' || SubCategory() == 'Livestock') --><!-- /ko -->
          </div>
        </div>
        <div class="col-md-12 hidden" data-bind="css:{hidden: Intention() != 'For Sale' &amp;&amp; Intention() != 'For Rent' &amp;&amp; Intention() != 'Black Friday' &amp;&amp; Intention() != 'Essential Services'}">
          <div class="ad-pricing">
            <div class="form-group checks hidden" data-bind="css:{hidden: Intention() != 'For Sale' &amp;&amp; Intention() != 'For Rent'}">
              <label class="control-label" for="">Pricing Option</label>
              <div class="form-check-container">
                <div class="form-check">
                  <input class="form-check-input" type="radio" value="Set Price" data-bind="checked: PriceOption" checked="checked" id="PriceOption" name="PriceOption">
                  <label class="form-check-label"> Set Price </label>
                </div>
                <div class="form-check">
                  <input class="form-check-input" type="radio" value="Price From" data-bind="checked: PriceOption" id="PriceOption" name="PriceOption">
                  <label class="form-check-label"> Price From </label>
                </div>
                <div class="form-check">
                  <input class="form-check-input" type="radio" value="Negotiable" data-bind="checked: PriceOption" id="PriceOption" name="PriceOption">
                  <label class="form-check-label"> Negotiable </label>
                </div>
              </div>
            </div>
            <div class="form-check">
              <input type="checkbox" class="form-check-input" id="pricePerUnit" data-bind="checked: IsPricePerUnit" data-val="true" data-val-required="The IsPricePerUnit field is required." name="IsPricePerUnit" value="true">
              <label class="form-check-label" for="pricePerUnit" data-bind="text: PricePerAnimal() ? 'Price per animal' : 'Price per unit'">Price per unit</label>
            </div>
            <div class="form-check">
              <input type="checkbox" class="form-check-input" id="excludingVat" data-bind="checked: ExcludingVat" data-val="true" data-val-required="The ExcludingVat field is required." name="ExcludingVat" value="true">
              <label class="form-check-label" for="excludingVat">Excl. VAT</label>
            </div>
            <div class="form-group show-success" data-bind="css: {'has-warning': ShowPriceWarning()}">
              <label class="control-label">Price (Rand) <span class="red-text" data-bind="css:{ hidden: Intention() === 'Essential Services' || Intention() === 'Black Friday' }">*</span> </label>
              <input value="" class="form-control" placeholder="Price" data-bind="value: Price, valueUpdate: 'input'" type="tel" data-val="true" data-val-number="The field Price must be a number." data-val-priceoptional="More than 1 cent"
                data-val-priceoptional-intentions="Black Friday,Essential Services" data-val-range="Price must be between R1 and R500 000 000" data-val-range-max="500000000" data-val-range-min="1" id="Price" name="Price">
              <span class="field-validation-valid" data-valmsg-for="Price" data-valmsg-replace="true"></span>
              <div class="alert alert-warning alert-dismissible hidden" id="priceWarning" data-bind="css:{hidden: !ShowPriceWarning()}">
                <span><i class="fa fa-exclamation-triangle"></i></span>
                <span>Is this price correct? <a href="#" data-dismiss="alert" data-bind="click: function(){ShowPriceWarning(false); PriceCheck(false);}">Yes</a></span>
              </div>
            </div>
            <div class=" well  total-price text-center">
              <h4>Your price will be displayed as</h4>
              <div id="displayprice">
                <h3 data-bind="text: PriceDisplay">R 00.00</h3>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="row advertiser-details" data-bind="visible: allowCallTrackingOption" style="display: none;">
        <!--Furnish-->
        <div class="col-md-12">
          <div class="form-check property-checkbox">
            <div class="checkbox m-t-0">
              <label class="form-check-label">
                <input type="checkbox" data-bind="checked: CallTrackingEnabled" data-val="true" data-val-required="The CallTrackingEnabled field is required." id="CallTrackingEnabled" name="CallTrackingEnabled" value="true"> Assign Call Tracker
                <span>
                  <a role="button" data-toggle="modal" data-target="#callTrackingModal">
                                                        <i class="fa fa-question-circle fa-fw"></i>
                                                    </a>
                </span>
              </label>
            </div>
          </div>
        </div>
      </div>
      <div class="row advertiser-details multi-region category-search">
        <div class="col-md-12">
          <h3 class="text-center"><b>Location</b><span class="red-text"> *</span></h3>
          <p>Select the location where your product/service is offered. </p>
        </div>
        <div class="col-md-12" data-bind="css:{hidden: CityId()}">
          <div class="form-group">
            <label class="control-label">Search for a Location</label>
            <input class="form-control location-search" placeholder="Type Location" autocomplete="off">
            <div class="btn btn-search">
              <i class="fa fa-search"></i>
            </div>
          </div>
        </div>
        <!--Premium Multi Region-->
        <div class="form-group new-ad-label col-md-12 hidden" data-bind="css:{hidden: (AdType() != 'Premium' || !EnableMultiRegionAdverts() || !UserAuthenticated) &amp;&amp; !IsMultiRegion()}">
          <div class="checkbox multi-region-checkbox">
            <label for="multiRegion">
              <input name="IsMultiRegion" data-bind="checked: IsMultiRegion, value: IsMultiRegion()? 'true' : 'false'" type="checkbox" value="false">
              <input type="hidden" data-val="true" data-val-required="The EnableMultiRegionAdverts field is required." id="EnableMultiRegionAdverts" name="EnableMultiRegionAdverts" value="False"> Multi Region </label>
          </div>
        </div>
        <!--Region-->
        <div class="col-md-12" data-bind="css:{hidden: IsMultiRegion()}">
          <div class="form-group show-success">
            <label class="control-label">Region <span>*</span></label>
            <span class="field-validation-valid" data-valmsg-for="RegionId" data-valmsg-replace="true"></span>
            <select id="regionId" name="regionId" class="form-control" data-bind="options: regions,
                                       optionsText: 'Name',
                                       optionsValue: 'Id',
                                       value: RegionId,
                                       optionsCaption: 'Select Region'" data-val="true" data-val-required="Select region">
              <option value="">Select Region</option>
              <option value="e01a12c6a575431aba6b6db40c901f77">Eastern Cape</option>
              <option value="ecd44342d0bb4769a7499d51b9ac6362">Free State</option>
              <option value="92545bffd0a744e08f4e1f696aeb6fa3">Gauteng</option>
              <option value="901b15d0e76e4315a330c12b2d62da2f">KwaZulu-Natal</option>
              <option value="6f73a7a2349b46a09884da97ccc81ca0">Limpopo</option>
              <option value="7cf31044818b42faafa606e22e0a3c7c">Mpumalanga</option>
              <option value="7f19fc5e86e24187b13d0b57c64fe18c">North West</option>
              <option value="45774f39d5404057ae8aaaab1397c08b">Northern Cape</option>
              <option value="c7cf9f3553d743ac8b91b704cd2eab03">Western Cape</option>
            </select>
          </div>
          <div class="form-group show-success">
            <label class="control-label">City</label>
            <span class="field-validation-valid" data-valmsg-for="CityId" data-valmsg-replace="true"></span>
            <select id="cityId" name="cityId" class="form-control" data-bind="options: Cities,
                                       optionsText: 'Name',
                                       optionsValue: 'Id',
                                       value: CityId,
                                       optionsCaption: 'Select City'" data-val="true" data-val-required="Select city">
              <option value="">Select City</option>
            </select>
          </div>
          <div class="form-group show-success hidden" data-bind="css:{hidden:Suburbs().length == 0}">
            <label class="control-label">Suburb</label>
            <span class="field-validation-valid" data-valmsg-for="SuburbId" data-valmsg-replace="true"></span>
            <select id="suburbId" name="suburbId" class="form-control" data-bind="options: Suburbs,
                                       optionsText: 'Name',
                                       optionsValue: 'Id',
                                       value: SuburbId,
                                       optionsCaption: 'Select Suburb'">
              <option value="">Select Suburb</option>
            </select>
          </div>
        </div>
        <!--Multi Region-->
        <div class="col-md-12">
          <div data-bind="css:{hidden: !IsMultiRegion()}" class="hidden">
            <input type="hidden" data-bind="value: SelectedRegions().join(',')" data-val="true" data-val-required="Select region" id="Regions" name="Regions" value="">
            <span class="field-validation-valid" data-valmsg-for="Regions" data-valmsg-replace="true"></span>
            <!-- ko if: (!EnableSingleRegionAdverts()) -->
            <div class="form-group">
              <div class="checkbox multi-region-checkbox">
                <label>
                  <input type="checkbox" name="RegionNames" data-bind="checked: National"> National </label>
              </div>
            </div>
            <div data-bind="foreach: regions">
              <div class="form-group">
                <div class="checkbox multi-region-checkbox">
                  <label>
                    <input type="checkbox" name="RegionNames" data-bind="checkedValue: Id, checked: $parent.SelectedRegions" value="e01a12c6a575431aba6b6db40c901f77">
                    <span data-bind="text: Name">Eastern Cape</span>
                  </label>
                </div>
              </div>
              <div class="form-group">
                <div class="checkbox multi-region-checkbox">
                  <label>
                    <input type="checkbox" name="RegionNames" data-bind="checkedValue: Id, checked: $parent.SelectedRegions" value="ecd44342d0bb4769a7499d51b9ac6362">
                    <span data-bind="text: Name">Free State</span>
                  </label>
                </div>
              </div>
              <div class="form-group">
                <div class="checkbox multi-region-checkbox">
                  <label>
                    <input type="checkbox" name="RegionNames" data-bind="checkedValue: Id, checked: $parent.SelectedRegions" value="92545bffd0a744e08f4e1f696aeb6fa3">
                    <span data-bind="text: Name">Gauteng</span>
                  </label>
                </div>
              </div>
              <div class="form-group">
                <div class="checkbox multi-region-checkbox">
                  <label>
                    <input type="checkbox" name="RegionNames" data-bind="checkedValue: Id, checked: $parent.SelectedRegions" value="901b15d0e76e4315a330c12b2d62da2f">
                    <span data-bind="text: Name">KwaZulu-Natal</span>
                  </label>
                </div>
              </div>
              <div class="form-group">
                <div class="checkbox multi-region-checkbox">
                  <label>
                    <input type="checkbox" name="RegionNames" data-bind="checkedValue: Id, checked: $parent.SelectedRegions" value="6f73a7a2349b46a09884da97ccc81ca0">
                    <span data-bind="text: Name">Limpopo</span>
                  </label>
                </div>
              </div>
              <div class="form-group">
                <div class="checkbox multi-region-checkbox">
                  <label>
                    <input type="checkbox" name="RegionNames" data-bind="checkedValue: Id, checked: $parent.SelectedRegions" value="7cf31044818b42faafa606e22e0a3c7c">
                    <span data-bind="text: Name">Mpumalanga</span>
                  </label>
                </div>
              </div>
              <div class="form-group">
                <div class="checkbox multi-region-checkbox">
                  <label>
                    <input type="checkbox" name="RegionNames" data-bind="checkedValue: Id, checked: $parent.SelectedRegions" value="7f19fc5e86e24187b13d0b57c64fe18c">
                    <span data-bind="text: Name">North West</span>
                  </label>
                </div>
              </div>
              <div class="form-group">
                <div class="checkbox multi-region-checkbox">
                  <label>
                    <input type="checkbox" name="RegionNames" data-bind="checkedValue: Id, checked: $parent.SelectedRegions" value="45774f39d5404057ae8aaaab1397c08b">
                    <span data-bind="text: Name">Northern Cape</span>
                  </label>
                </div>
              </div>
              <div class="form-group">
                <div class="checkbox multi-region-checkbox">
                  <label>
                    <input type="checkbox" name="RegionNames" data-bind="checkedValue: Id, checked: $parent.SelectedRegions" value="c7cf9f3553d743ac8b91b704cd2eab03">
                    <span data-bind="text: Name">Western Cape</span>
                  </label>
                </div>
              </div>
            </div>
            <!-- /ko -->
            <!-- ko if: (EnableSingleRegionAdverts()) --><!-- /ko -->
          </div>
        </div>
      </div>
    </div>
    <!-- uploads -->
    <div class="upload-ad-img" data-bind="visible: (Category() &amp;&amp; !HideSub()) || (HideSub() &amp;&amp; SubCategory())" style="display: none;">
      <h2 class="h4 m-b-0 text-center"><b>Images</b></h2>
      <p class="text-center img-message-top">Add up to 20 images</p>
      <p class="text-center img-message-bottom">Minimum image resolution 300x200</p>
      <p class="text-center w-70">Show your item from all angles or load photos of the service you provide. Adding photos makes your advert five times more likely to get responses.</p>
    </div>
    <div data-bind="visible: (Category() &amp;&amp; !HideSub()) || (HideSub() &amp;&amp; SubCategory())" id="uploader" class="" style="display: none;">
      <div>
        <div class="qq-uploader-selector qq-uploader qq-gallery place-ad-box m-b pos-r file-dropper" qq-drop-area-text="Drop files here">
          <div class="qq-total-progress-bar-container-selector qq-total-progress-bar-container qq-hide">
            <div role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" class="qq-total-progress-bar-selector qq-progress-bar qq-total-progress-bar"></div>
          </div>
          <div class="qq-upload-drop-area-selector qq-upload-drop-area" qq-hide-dropzone="" style="display: none;">
          </div>
          <div class="place-ad-image-upload-container">
            <div class="text-center">
              <i class="fa fa-cloud-upload fa-5x fa-fw grey-text" data-bind="css:{hidden: Photos().length == 20}"></i>
              <img src="/images/image-max-uploaded.png" data-bind="css:{hidden: Photos().length != 20}" class="hidden">
            </div>
            <div class="upload-btn-container" data-bind="css:{hidden: Photos().length == 20}">
              <div class="h4 hidden-xs">
                <p>Drag and drop images here to upload or click on the button below to choose an image to upload.</p>
                <p>To rearrange images, drag and drop them using the <i class="fa fa-arrows"></i> icon.</p>
              </div>
              <div class="qq-upload-button-selector qq-upload-button text-center" style="position: relative; overflow: hidden; direction: ltr;">
                <div class="btn btn-primary btn-lg z-depth-2 showhideNext photo-upload-btn">
                  <label data-bind="text: HasImages() ? 'Add More Photos' : 'Choose photos to upload'">Choose photos to upload</label>
                </div>
                <input qq-button-id="314377ab-a4d0-496f-8067-655f652faff3" title="file input" multiple="" accept="image/*" type="file" name="qqfile"
                  style="position: absolute; right: 0px; top: 0px; font-family: Arial; font-size: 118px; margin: 0px; padding: 0px; cursor: pointer; opacity: 0; height: 100%;">
              </div>
            </div>
            <div class="upload-btn-container maxed-upload hidden" data-bind="css:{hidden: Photos().length != 20}">
              <div class="h4">
                <p>You have reached the maximum amount of images allowed to upload.</p>
              </div>
            </div>
          </div>
          <hr data-bind="css:{hidden: !HasImages()}" class="hidden">
          <div id="fullID" class="text-center">
            <div id="newimageadvert" class="uploads qq-upload-list-selector qq-upload-list ui-sortable" role="region" aria-live="polite" aria-relevant="additions removals"></div>
            <a data-bind="css:{hidden: AnyImageInteraction() || ImagesDone()}, click: function(){NoImages(true)}" class="btn btn-default hidden">Place without photos</a>
          </div>
        </div>
      </div>
    </div>
    <!---uploads end-->
    <!--Password Check-->
    <div class="row hidden" id="divPassword">
      <div class="col-md-12">
        <div class="alert grey lighten-3">
          <p><b>Account contact details locked.... please enter account password to continue with ad placement.</b></p>
          <label for="password">Enter Password</label>
          <input type="password" id="password" placeholder="Your Password..." class="form-control" autocomplete="new-password">
          <span id="wrongPassword" class="badge red hidden">Incorrect password</span>
        </div>
      </div>
    </div>
    <div data-bind="css:{
                         hidden: !Section() ||
                         !Category() ||
                         (HideSub() &amp;&amp; !SubCategory())}" class="form-group hidden">
      <div class="form-group checkbox-validation" data-bind="css:{hidden: UserExists()}">
        <span class="field-validation-valid" data-valmsg-for="TermsAndConditionsConsent" data-valmsg-replace="true"></span>
        <div class="checkbox">
          <label>
            <input type="checkbox" data-val="true" data-val-enforcetrue="Required" data-val-required="The TermsAndConditionsConsent field is required." id="TermsAndConditionsConsent" name="TermsAndConditionsConsent" value="true">I accept Junk Mail's
            <a href="/term-of-service" target="_blank">Terms of Service</a> and <a href="/privacy-policy" target="_blank">Privacy Policy</a>. </label>
        </div>
      </div>
      <div class="form-group hidden" data-bind="css:{hidden: OptOutMarketingText() == ''}">
        <span class="field-validation-valid" data-valmsg-for="OptOutMarketing" data-valmsg-replace="true"></span>
        <div class="checkbox">
          <label>
            <input type="checkbox" data-val="true" data-val-required="The OptOutMarketing field is required." id="OptOutMarketing" name="OptOutMarketing" value="true"><span data-bind="text: OptOutMarketingText"></span>
          </label>
        </div>
      </div>
      <div data-bind="css:{hidden: UserExists()}">Please note that by submitting your details an account will be created for you.</div>
      <div data-bind="css:{hidden: !UserExists()}" class="hidden">By Submitting I accept Junk Mail's <a target="_blank" href="/term-of-service">Terms of Service</a> and <a target="_blank" href="/privacy-policy">Privacy Policy</a>.</div>
      <div class="m-b m-t left-spacer text-center hidden" data-bind="css:{hidden: !ShowAMInstantOfferBtn()}">
        <input type="button" data-bind="click: function(){RequestInstantOffer(true); Validate('/place-advert');}" value="Get an Instant Offer from Auto Mart" class="btn btn-primary" id="post-advert">
        <a role="button" data-bind="click: function(){ShowAMInstantOfferInfo(!ShowAMInstantOfferInfo())}">
                                    <i class="fa fa-question-circle"></i>
                                </a>
      </div>
      <div class="m-b instantOfferInfo hidden" data-bind="css:{hidden: !ShowAMInstantOfferInfo()}">
        <h3><b>What is an Instant Offer?</b></h3>
        <p> An Instant Offer is when Auto Mart makes an offer to buy your vehicle. </p>
        <p> How does it work? </p>
        <p>
        </p>
        <ul>
          <li>We come to you to view the vehicle</li>
          <li>We make an offer</li>
          <li>We pay you on the spot</li>
        </ul>
        <p></p>
      </div>
      <div class="m-b text-center advertCapReachedInfo hidden" data-bind="css:{hidden: !User200AdvertCapReached()}">
        <p> You have reached your limit of 200 active adverts. Your advert will not be published and will be available under Pending Adverts in your Dashboard. Manage your active adverts
          <a href="https://accounts.junkmail.co.za/general/listings" target="_blank">here</a> or <a role="button" data-toggle="modal" data-target="#premiumRequestModal">contact support</a> to upgrade your account. </p>
      </div>
      <div class="m-b text-center submit-ad-container">
        <input type="button" onclick="Validate('/place-advert');" value="Submit Advert" class="btn btn-success place-ad-btn" id="post-advert">
      </div>
      <div class="m-b text-center">
        <input type="button" onclick="Validate('/advert-preview')" value="Preview Advert" class="btn btn-default  m-t-0 m-b" id="preview-advert">
      </div>
    </div>
  </div>
  <input name="IsVoetstoots" type="hidden" value="false"><input name="Furnished" type="hidden" value="false"><input name="PetFriendly" type="hidden" value="false"><input name="IsPricePerUnit" type="hidden" value="false"><input name="ExcludingVat"
    type="hidden" value="false"><input name="CallTrackingEnabled" type="hidden" value="false"><input name="TermsAndConditionsConsent" type="hidden" value="false"><input name="OptOutMarketing" type="hidden" value="false">
</form>

Text Content

 * Business Directory
 * Cheap Cars
 * Loadshedding Solutions
 * Contact Us
 * Junk Mail Blog
 * Wishlist
 * Get Alerts
 * Register for FREE
 * Login


All Categories
 * All Categories
 * Aircraft
 * Antiques and Collectables
 * Audio Visual Equipment and Electronics
 * Baby and Kids
 * Bike Spares and Parts
 * Bikes
 * Boats and Watercraft
 * Bus Spares and Parts
 * Buses
 * Car Spares and Parts
 * Caravans and Trailers

 * Cars
 * Classic Cars, Bikes and Custom Built
 * Community and Events
 * Computers and Gaming
 * Farm Spares and Parts
 * Farming
 * Fashion, Beauty and Clothing
 * Gardening, Outdoors and DIY
 * Household
 * Jobs
 * Leisure
 * Machinery

 * Machinery Spares and Parts
 * Mobile Devices
 * Office and Business
 * Pets
 * Property For Sale
 * Property For Rent
 * Services
 * Sports
 * Trailer Spares and Parts
 * Truck Trailers
 * Truck Spares and Parts
 * Trucks

South Africa
 * South Africa
 * Gauteng
 * Johannesburg
 * Pretoria
 * Western Cape
 * Cape Town
 * KwaZulu-Natal
 * Durban
 * Eastern Cape
 * Free State
 * Limpopo
 * Mpumalanga
 * Northern Cape
 * North West

Search


PLACE A FREE AD

Advertiser Name

0 of 50 Characters

Email*

Please check that your contact details have been entered correctly.

WhatsApp Contact Number
Number for Calls
Web Url
I am advertising on behalf of a Business
I am advertising as an Individual

--------------------------------------------------------------------------------

Give a short description of your item/service. Make use of keywords and include
features like brand, model, age, type, etc.

Include: Keywords, features, brands, age, etc.
Avoid: Price and Contact details in the ad title.
Ad Title *

0 of 80 Characters

Suggest Categories


SUGGESTED CATEGORY

Select below the suggested category that fits your Ad.

NO MATCH FOUND BASED ON YOUR AD TITLE.

Please make sure your Ad Title is spelt correctly, or browse through the
categories below.


CHOOSE A CATEGORY *

Select a category that best matches your product/service so that buyers can
easily find your adverts!

Search for a Category

Choose for me Vehicles Property Jobs Services, Business and Office, COVID-19
Home, Garden and DIY Electronics and Devices Commercial Vehicles and Machinery
Farming Leisure, Sports and Events Pets and Pet Accessories Spares I am trying
to sell my car
Please Select
Sub category*
Please SelectChoose for meAccessoriesAircraftAntiques and CollectablesATVsAudio
Visual Equipment and ElectronicsBaby and KidsBike Spares and PartsBikesBoats and
WatercraftBus Spares and PartsBusesCar Spares and PartsCaravan Spares and
PartsCaravans, Campers and TrailersCarsClassic Cars, Bikes and Custom
BuiltCommunity and EventsComputers and GamingCOVID-19 Products and ServicesFarm
Spares and PartsFarmingFashion, Beauty and ClothingGardening, Outdoors and
DIYHouseholdJobsLeisureMachineryMachinery Spares and PartsMobile DevicesOffice
and BusinessPetsPropertyServicesSportsTrailer Spares and PartsTrailersTruck
Spares and PartsTrucksUncategorizedUncategorized
 
Please Select

Please make sure to select a category to ensure your advert indexes in the
correct category. This will help potential buyers to find your advert when a
category is selected in the search result page.

Voetstoots Advert
All vehicle ad items labelled Voetstoots are sold as-is, including imperfections
and damages in or on the vehicle at the date of purchase.


ADVERT DETAILS

Variant Select Variant
Colour Select
ColourBeigeBlackBlueBronzeBrownCharcoalGoldGreenGreyMaroonOrangeRedSilverTurquoiseVioletWhiteYellow
Make Select Make
Mileage (km)*
Usage Hours (h)
Year*
Payment Min (R)
Payment Max (R)
Payment Schedule* Select Payment Schedule Per Day Per Hour Per Month Per Week
Per Year
Bedrooms* Select Bedrooms 0 1 2 3 4 5 6 7 8+
Bathrooms* Select Bathrooms 0 1 1.5 2 2.5 3 3.5 4 4.5 5+
Garages 0 1 2 3 4 5 6 7 8 9
Carports 0 1 2 3 4 5 6 7 8 9
Land Area (m2) Land Area (hectares)
Floor Area (m2)
Rates and Taxes (R)
Levies (R)
Date Available
Furnished
Pets Allowed
Condition * Please SelectDemoUsedNew

Include details, features, condition, the reason for selling, a brief history,
etc.

Please provide the birth date or age of the animal(s) you are selling. Animals
advertised must have a price - Small mammals (hamsters, rabbits, mice, guinea
pigs etc.) /poultry /birds = min price R50 each. ALL OTHER animals = min price
R100 per animal.
Description *

0 of 3 000 Characters


INTENTION & PRICE


Ad Type * Please SelectFor SaleFor RentOn AuctionGive AwayBlack
FridayWantedContact MeEssential ServicesTo Swop
Pricing Option
Set Price
Price From
Negotiable
Price per unit
Excl. VAT
Price (Rand) *
Is this price correct? Yes

YOUR PRICE WILL BE DISPLAYED AS


R 00.00

Assign Call Tracker


LOCATION *

Select the location where your product/service is offered.

Search for a Location

Multi Region
Region * Select RegionEastern CapeFree
StateGautengKwaZulu-NatalLimpopoMpumalangaNorth WestNorthern CapeWestern Cape
City Select City
Suburb Select Suburb
National
Eastern Cape
Free State
Gauteng
KwaZulu-Natal
Limpopo
Mpumalanga
North West
Northern Cape
Western Cape


IMAGES

Add up to 20 images

Minimum image resolution 300x200

Show your item from all angles or load photos of the service you provide. Adding
photos makes your advert five times more likely to get responses.

Drag and drop images here to upload or click on the button below to choose an
image to upload.

To rearrange images, drag and drop them using the icon.

Choose photos to upload

You have reached the maximum amount of images allowed to upload.

--------------------------------------------------------------------------------


Place without photos

Account contact details locked.... please enter account password to continue
with ad placement.

Enter Password Incorrect password
I accept Junk Mail's Terms of Service and Privacy Policy.

Please note that by submitting your details an account will be created for you.
By Submitting I accept Junk Mail's Terms of Service and Privacy Policy.



WHAT IS AN INSTANT OFFER?

An Instant Offer is when Auto Mart makes an offer to buy your vehicle.

How does it work?



 * We come to you to view the vehicle
 * We make an offer
 * We pay you on the spot



You have reached your limit of 200 active adverts. Your advert will not be
published and will be available under Pending Adverts in your Dashboard. Manage
your active adverts here or contact support to upgrade your account.





PLACE YOUR FREE VACANCY ON JOB MAIL


Please click on the logo above to be redirected to the Job Mail Website
×


HOW IT WORKS

Call tracking works by assigning a unique traceable phone number to each of the
adverts you select to have it on. These phone numbers capture data from the
calls and keep your personal number safe from bots that scrape the website. The
call data may also be used for quality, training, marketing, and security
purposes.

Close
×


REQUEST TO UPGRADE ACCOUNT

Request to disable advert cap

Send

ABOUT US

 * Contact Us
 * Get a Premium Account
 * Get Alerts
 * Sitemap

 * Help
 * POPI Information
 * Scam Tips
 * Junk Mail Blog

OUR POLICIES

 * PAIA Manual
 * Advertising Policy/Rules
 * Acceptable Use Policy
 * Privacy Policy
 * Security Policy
 * Services Refund Policy
 * Cookie Policy
 * Terms of Service

PARTNER SITES

 * Auto Mart
 * Truck & Trailer
 * AgriMag
 * Job Mail

POPULAR SEARCHES

 * Classic Cars
 * Cars Under R50 000
 * Residential Properties
 * Household Items
 * Bikes For Sale
 * Caravans For Sale
 * Gym Equipment For Sale

FOLLOW US

Copyright © Junk Mail Publishing (PTY) LTD 2024, all rights reserved.

ABOUT US JUNK MAIL

 * Contact Us
 * Get a Premium Account
 * Get Alerts
 * Sitemap
 * Help
 * POPI Information
 * Scam Tips
 * Junk Mail Blog

PARTNER SITES

 * Auto Mart
 * Truck & Trailer
 * AgriMag
 * Job Mail

POPULAR SEARCHES

 * Classic Cars
 * Cars Under R50 000
 * Residential Properties
 * Household Items
 * Bikes For Sale
 * Caravans For Sale
 * Gym Equipment For Sale

OUR POLICIES

 * PAIA Manual
 * Advertising Policy/Rules
 * Acceptable Use Policy
 * Privacy Policy
 * Security Policy
 * Services Refund Policy
 * Cookie Policy
 * Terms of Service

FOLLOW US

Copyright © Junk Mail Publishing (PTY) LTD 2024, all rights reserved.
×

PLACE A FREE ADVERT

WhatsApp Online

Junk Mail uses cookies to ensure you get the best experience on our website

View Settings Accept All