@extends('layouts.front.app')
@section('title', 'Careers')
@section('content')
<section class="bannerSection bannerSection_images">
    <div class="container">
        <div class="d-flex align-items-center bannerSection_inner position-relative">
            <div class="bannerSection_content w-100">
                <!-- <h5 class=" mb-1">Careers</h5> -->
                <h1 class="mb-2 font-ebd">Come Join us at Square</h1>
                <p class="mb-0 ms-auto ms-md-0 me-auto">
                    We are trying to create value by building futuristic applications with<br
                        class="d-none d-md-block">the help of emerging
                    technologies like Blockchain and Crypto. <br class="d-none d-md-block"> Join our
                    family and
                    let’s baffle the world together!
                </p>
            </div>
        </div>
    </div>
</section>
<!-- Job Openings -->
<section class="jobOpenings">
    <div class="container">
        <div class="commonHeading">
            <h2>Job Openings</h2>
            <ul class="jobOpenings_list list-inline">
                <li class="list-inline-item">
                    <div class="form-group mb-0">
                        <div class="dropdown jobdropdown w-100">
                            <select id="categorySearch" name="category_id" class="filter form-select form-control career_search" data-placeholder="{{ __('labels.select') }} {{ __('labels.category') }}">
                                <option></option>
                                @if (!empty($careerData))
                                @foreach($careerData as $career)
                                    
                                    <option value="{{ $career['id'] }}">{{!empty($career['name'])? $career['name'] : ''}} ({{ count($career['subCategory']) }})</option>
                                        @foreach ($career['subCategory'] as $sub_category)
                                            <option value="{{ $sub_category->id }}">&nbsp; &nbsp;{{ !empty($sub_category->name)? $sub_category->name : '' }}</option>
                                        @endforeach
                                    @endforeach
                                @else
                                    <option></option>
                                @endif
                                
                            </select>
                        </div>
                    </div>

                </li>
                <li class="list-inline-item">
                    <div class="form-group mb-0 search">
                        <em class="icon icon-search"></em>
                        <input id="careerSearch" name="q" type="text" class="form-control" placeholder="Job title or keywords">
                    </div>
                </li>
            </ul>
        </div>
    </div>
</section>
<!--  -->
<section class="jobInfo py-80 pt-0">
    <div class="container">
        <div class="accordion faq-holder" id="jobOpenings">

            
        </div>
    </div>
</section>

@endsection
@push('scripts')
<script type="text/javascript" src="{{asset('assets/js/front/job/job.js')}}"></script>
@endpush