description = "Career Inside Page"

[builderDetails career]
modelClass = "Linus\Careers\Models\Career"
identifierValue = "{{ :slug }}"
modelKeyColumn = "slug"
displayColumn = "slug"
notFoundMessage = "Record not found"

[Career]
==
<?php
use System\Classes\CombineAssets;
  function onStart(){
    $css = ['assets/css/careers.css'];
    $scripts = ['assets/javascript/careers.js'];
    $this->addCss(CombineAssets::combine($css, base_path('themes/linus')));
    $this->addJs(CombineAssets::combine($scripts, base_path('themes/linus')));

    $theme = Cms\Classes\Theme::getEditTheme();
    $pageList = new RainLab\Pages\Classes\PageList($theme);
    $allPages = $pageList->listPages();
    $this['heroIn'] = null;
    foreach ($allPages as $pg) {
        if($pg->id == 'careers') {
            $this['heroIn'] = $pg;
        }
    }
  }
?>
==
{% partial 'site/head' %}
{% partial 'site/header' %}
{% set career = career.record %}
{% partial 'hero-banner' %}
<div class="row noPM section-pad-3">
  <div class="bg-pattern"></div>
  <div class="container">
    <div class="row">
      <ul class="bread-base flex-con justify-start">
        <li>
          <a href="{{url('/')}}">
            <img src="{{'assets/svg/ico-bread-home.svg'|theme}}" alt="" class="center-block img-responsive">
          </a>
        </li>
        <li class="bread-divider">
          <img src="{{'assets/svg/ico-bread-divider.svg'|theme}}" alt="" class="center-block img-responsive">
        </li>
        <li>
          <a class="bread-text" href="{{url('/careers')}}">Careers</a>
        </li>
        <li class="bread-divider">
          <img src="{{'assets/svg/ico-bread-divider.svg'|theme}}" alt="" class="center-block img-responsive">
        </li>
        <li class = "published-label">
          {{career.job}}
        </li>
      </ul>
    </div>
  </div>
  <div class="container">
    <div class="row">
      <div class="col-sm-7 col-xs-12 career-con-base noPL">
        <div class="career-block-con">
          <h3 class="article-title">{{career.job}}</h3>
          <p class = "sub-label flex-con justify-start">
              <img src="{{'assets/svg/ico-career-user.svg'|theme}}">{{ career.job_type }}
          </p>
        </div>
        <div class="career-block-con">
          <h4 class="sub-label">Job Description</h4>
          <div class="p-text">{{career.description}}</div>
        </div>
        <div class="career-block-con">
          <h4 class="sub-label">Requirements</h4>
          <div class="p-text career-req">{{career.requirements|raw}}</div>
          <br>
          <p class="p-text">You may send your resume to <a href="mailto:jobs@mechatrends.com.ph">jobs@mechatrends.com.ph</a> directly.</p>
        </div>
      </div>
      <div class="col-sm-5 col-xs-12 career-form-base">
        <div class="linus-form trans-2">
          <form data-request="onSendForm" data-request-validate data-request-files data-request-flash data-request-success="$('#success-msg').modal(true);">
              {{ form_token() }}
              {{ form_sessionKey() }}
              <input type="hidden" name="Career" value="{{career.job}}">
              <p class="form-text">Send your application by filling out this form.</p><br>
              <!--<label for="Name" class = "nav-text">Name: <span>*</span></label>
              <input class="modal-field form-input-text career-name" type="text" name="Name">
              <label for="Phone" class = "nav-text">Contact Number: <span>*</span></label>
              <input class="modal-field form-input-text career-phone" type="text" name="Phone">
              <label for="Email" class = "nav-text">Email Address: <span>*</span></label>
              <input class="modal-field form-input-text career-email" type="email" name="Email">-->
              <div class="col-sm-12 col-xs-12 form-input-text noP">
                <label for="Name" class = "nav-text">Name: <span>*</span></label>
                <br>
                <input class="modal-field" type="text" name="Name">
                <label class="err-label">Name is required.</label>
              </div>
              <div class="col-sm-12 col-xs-12 form-input-text noP">
                <label for="Phone" class = "nav-text">Contact Number: <span>*</span></label>
                <br>
                <input class="modal-field" type="text" name="Phone">
                <label class="err-label">Please enter a valid number.</label>
              </div>
              <div class="col-sm-12 col-xs-12 form-input-text noP">
                <label for="Email" class = "nav-text">Email Address: <span>*</span></label>
                <br>
                <input class="modal-field" type="text" name="Email">
                <label class="err-label">Email must be valid.</label>
              </div>
              <div class="form-upload modal-upload">
                  <h6 class="nav-text">Upload your resume: <span>*</span></h6>
                  <div class="upload-con">
                      <label for="resume"></label>
                      <p class="form-text" id = "file_name">Browse resume</p>
                      <input type="file" id="resume" name="Resume" accept="file/pdf" data-request="onFileUpload" data-request-files data-request-flash>
                  </div>
                  <label class="err-label">Please upload your resume.</label>
                  <div id="con"></div>
              </div>
              <div class="form-bottom justify-center">
                <button class="hover-effect cl-effect-10 g-recaptcha" data-callback="onSubmit" data-sitekey="6LcXucYUAAAAAK07rdTD7758iAoR1iBXjTj6p7kV" data-badge="bottomleft" data-size="invisible">
                  <a data-hover="SUBMIT APPLICATION">
                    <span class="btn-text flex-con">SUBMIT APPLICATION <img src="{{'assets/svg/ico-send.svg'|theme}}" alt=""></span>
                  </a>
                </button>
              </div>
          </form>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="row">
  <div class="bg-pattern"></div>
  <div class="container"></div>
</div>

{% partial 'site/footer' %}