@extends('frontend.layout.app')
@section('content')
    <main>
        <section class="banner-sec"
            style="background-image: url('public/home/assets/img/Careers.jpg');
background-size: cover;">
            <h1 class="title text-white text-center">Careers</h1>
        </section>
        <section class="job-openings-sec py-5">
            <div class="container">
                <p class="">
                    Soothsayer Analytics is a global Data Science company headquartered in Detroit, Michigan and offshore in Hyderabad, India. We specialize in building custom, end-to-end Machine Learning solutions utilizing the latest advancements in Pattern Recognition, Predictive Analytics, Optimization, IOT, and harnessing of Unstructured Data. Our team includes over 120 Data Scientists & Data Engineers and an array of industry experts. We are hiring for various roles across the globe, so feel free to reach out if you think you would make a great candidate.
                </p>
                {{-- <ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
                    <li class="nav-item">
                      <a class="nav-link active" id="pills-home-tab" data-toggle="pill" href="#pills-home" role="tab" aria-controls="pills-home" aria-selected="true">Home</a>
                    </li>
                    <li class="nav-item">
                      <a class="nav-link" id="pills-profile-tab" data-toggle="pill" href="#pills-profile" role="tab" aria-controls="pills-profile" aria-selected="false">Profile</a>
                    </li>
                    <li class="nav-item">
                      <a class="nav-link" id="pills-contact-tab" data-toggle="pill" href="#pills-contact" role="tab" aria-controls="pills-contact" aria-selected="false">Contact</a>
                    </li>
                  </ul>
                  <div class="tab-content" id="pills-tabContent">
                    <div class="tab-pane fade show active" id="pills-home" role="tabpanel" aria-labelledby="pills-home-tab">
                        hello1</div>
                    <div class="tab-pane fade" id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab">hello 2</div>
                    <div class="tab-pane fade" id="pills-contact" role="tabpanel" aria-labelledby="pills-contact-tab">hello 3</div>
                  </div> --}}
                <p>Soothsayer Analytics is an Equal Opportunity Employer and e-Verify company.</p>
                <p>Soothsayer Analytics <a href="{{ url('employee-referral-program')}}" class="apply-now-btn">Employee Referral Program<span
                                                        class="iconify" data-icon="akar-icons:arrow-up-right"></span></a></p>
                <div class="job-openings-main-cont pt-5">
                    <h2 class="title text-center">Job Openings</h2>
                    <div class="categories">
                        <!-- Nav pills -->
                        <ul class="nav nav-pills mt-4">
                            <li class="nav-item">
                                <a class="nav-link active" data-toggle="pill" href="#All">All</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" data-toggle="pill" href="#Michigan">#Michigan</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" data-toggle="pill" href="#Ohio">#Ohio</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" data-toggle="pill" href="#India">#India</a>
                            </li>
                        </ul>
                    </div>

                    <!-- Tab panes -->
                    <div class="categories-content">
                        <div class="tab-content">
                            <div class="tab-pane container  active" id="All">                                                       
                            
                                @foreach($getRecords as $value) 
                               
                               <div class="details-cont">
                                    <div class="details-sub-cont">
                                        <div class="row">
                                            <div class="col-md-4">
                                                <div class="card__">
                                                    <h4 class="role_name">
                                                        <a href="{{ url('careers/'.$value->title_slug) }}">
                                                        {{ $value->title }}
                                                        </a>
                                                        </h4>
                                                    
                                                    @if($value->company > 0)
                                                    <p class="exp">Company : <strong>{{ $value->company }}</strong></p>
                                                    @endif
                                                    
                                                     @if($value->no_of_positions > 0)
                                                    <p class="location">No. of Positions : <strong>{{ $value->no_of_positions }}</strong></p>
                                                    @endif
                                                    
                                                    @if($value->location > 0)
                                                    <p class="location">Locations : <strong>{{ $value->location }}</strong></p>
                                                    @endif
                                                    
                                                    @if($value->job_type > 0)
                                                    <p class="working-hrs">Working Hours : <strong>{{ $value->job_type }}</strong></p>
                                                    @endif
                                                    
                                                    @if($value->experience > 0)
                                                    <p class="exp">Experience : <strong>{{ $value->experience }}</strong></p>
                                                    @endif
                                                    
                                                    
                                                </div>                                                
                                            </div>
                                            <div class="col-md-8">
                                                <p class="description">
                                                  <!--<strong>Job Responsibilities : </strong>                                                  -->
                                                    @php
                                                    $hide = 'YES';
                                                    $plainTextDescription = strip_tags($value->description);
                                                    @endphp

                                                    <p>{{ Str::limit($plainTextDescription, 340) }}</p>
                                                </p>
                                                
                                                @if(!$hide == $value->hide)
                                                <a href="{{ url('careers/'.$value->title_slug) }}" class="apply-now-btn">Apply Now <span
                                                        class="iconify" data-icon="akar-icons:arrow-up-right"></span></a>
                                                
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                               </div>
                               @endforeach                               

                            </div>
                            <div class="tab-pane container" id="Michigan">
                                <h3 class="font-weight-bold text-center mt-5">Michigan</h3>                            
                                @foreach($getMichigan as $value) 
                               
                                <div class="details-cont">
                                     <div class="details-sub-cont">
                                         <div class="row">
                                             <div class="col-md-4">
                                                 <div class="card__">
                                                     <h4 class="role_name">{{ $value->title }}</h4>
                                                     <p class="working-hrs">Working Hours : <strong>{{ $value->job_type }}</strong></p>
                                                     <p class="exp">Experience : <strong>{{ $value->experience }}</strong></p>
                                                     <p class="location">Locations : <strong>{{ $value->location }}</strong></p>
                                                 </div>                                                
                                             </div>
                                             <div class="col-md-8">
                                                 <p class="description">
                                                   <strong>Job Responsibilities : </strong>                                                  
                                                     @php                                                    
                                                     $plainTextDescription = strip_tags($value->description);
                                                     @endphp
 
                                                     <p>{{ Str::limit($plainTextDescription, 380) }}</p>
                                                 </p>
                                                 <a href="{{ url('careers/'.$value->title_slug) }}" class="apply-now-btn">Apply Now <span
                                                         class="iconify" data-icon="akar-icons:arrow-up-right"></span></a>
                                             </div>
                                         </div>
                                     </div>
                                </div>
                                @endforeach 

                            </div>
                            <div class="tab-pane container  " id="Ohio">
                                <h3 class="font-weight-bold text-center  mt-5">Ohio</h3>
                                @foreach($getOhio as $value) 
                               
                                <div class="details-cont">
                                     <div class="details-sub-cont">
                                         <div class="row">
                                             <div class="col-md-4">
                                                 <div class="card__">
                                                     <h4 class="role_name">{{ $value->title }}</h4>
                                                     <p class="working-hrs">Working Hours : <strong>{{ $value->job_type }}</strong></p>
                                                     <p class="exp">Experience : <strong>{{ $value->experience }}</strong></p>
                                                     <p class="location">Locations : <strong>{{ $value->location }}</strong></p>
                                                 </div>                                                
                                             </div>
                                             <div class="col-md-8">
                                                 <p class="description">
                                                   <strong>Job Responsibilities : </strong>                                                  
                                                     @php                                                    
                                                     $plainTextDescription = strip_tags($value->description);
                                                     @endphp
 
                                                     <p>{{ Str::limit($plainTextDescription, 380) }}</p>
                                                 </p>
                                                 <a href="{{ url('careers/'.$value->title_slug) }}" class="apply-now-btn">Apply Now <span
                                                         class="iconify" data-icon="akar-icons:arrow-up-right"></span></a>
                                             </div>
                                         </div>
                                     </div>
                                </div>
                                @endforeach 
                            </div>
                            <div class="tab-pane container" id="India">
                                <h3 class="font-weight-bold text-center  mt-5">India</h3>
                                @foreach($getIndia as $value) 
                               
                                <div class="details-cont">
                                     <div class="details-sub-cont">
                                         <div class="row">
                                             <div class="col-md-4">
                                                 <div class="card__">
                                                     <h4 class="role_name">{{ $value->title }}</h4>
                                                     <p class="working-hrs">Working Hours : <strong>{{ $value->job_type }}</strong></p>
                                                     <p class="exp">Experience : <strong>{{ $value->experience }}</strong></p>
                                                     <p class="location">Locations : <strong>{{ $value->location }}</strong></p>
                                                 </div>                                                
                                             </div>
                                             <div class="col-md-8">
                                                 <p class="description">
                                                   <strong>Job Responsibilities : </strong>                                                  
                                                     @php                                                    
                                                     $plainTextDescription = strip_tags($value->description);
                                                     @endphp
 
                                                     <p>{{ Str::limit($plainTextDescription, 380) }}</p>
                                                 </p>
                                                 <a href="{{ url('careers/'.$value->title_slug) }}" class="apply-now-btn">Apply Now <span
                                                         class="iconify" data-icon="akar-icons:arrow-up-right"></span></a>
                                             </div>
                                         </div>
                                     </div>
                                </div>
                                @endforeach 
                            </div>

                        </div>
                    </div>
                </div>
                
            </div>
        </section>
    </main>
    
@endsection