url = "/career"
layout = "default"
title = "Career"

[testCareerForm]
==
<!--Start breadcrumb area-->     
<div class="banner-area" style="background-image: url({{this.theme.career_banner | media}});"></div>
<!--End breadcrumb area-->

<div class="project-content sec-padd">
    <div class="container">
        <div class="section-title">
            <h2>We are <span class="thm-color">Hiring</span></h2>
            <h5>Join Our Team and Be a Part of the Future of Electronic Distribution</h5>
			<div class="text">
				<p>We are seeking passionate individuals to join our team. We deeply value our employees and prioritize their growth, well-being, and professional development. Join us to be a part of a dynamic and supportive work environment where your contributions are recognized and celebrated.</p>
			</div>
        </div>
    </div>
    <div class="container-fluid">
		<div class="row">
            {% for item in this.theme.career %}
			<div class="col-md-6 col-sm-12">
                <div class="panel panel-career">
                  <div class="panel-heading">
                    <h4 class="panel-body-heading">{{item.career_name}}</h4>
                  </div>
                  <div class="panel-body">
                    {{item.job_details | raw}}
                  </div>
                  <div class="panel-footer">
                    <button class="thm-btn bg-clr1 apply-job" data-job-title="{{item.career_name}}">Apply now</button>
                  </div>
                </div>
            </div>
            {% endfor %}
        </div>
    </div>
    <div class="container">
        <div class="section-title">
			<p>Submit your updated resumes to <a href="mailto:hr@mysmindia.com">hr@mysmindia.com</a>. We will reach out to you if your skills meet our requirements.</p>
		</div>
    </div>
</div>

<div class="call-out2">
    <div class="container">
        <div class="clearfix">
            <div class="float_left">
                <h4>If you have any questions about job opportunities, please reach out.</h4>
            </div>
            <div class="float_right">
                <a href="{{ url('/contact') }}" class="thm-btn bg-clr2">Contact Us</a>
            </div>
        </div>
                
    </div>
</div>

<!-- Modal -->
<div class="modal fade" id="careerFormModal" role="dialog">
    <div class="modal-dialog">

      <!-- Modal content-->
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
        </div>
        <div class="modal-body contact-form-area">
          <div class="contact-form">
          {% component 'testCareerForm' %}
          </div>
        </div>
      </div>
      
    </div>
</div>