@extends('admin.master', ['menu' => 'about_us', 'submenu' => 'careers'])
@section('title', isset($title) ? $title : '')
@section('content')
    <div id="table-url" data-url="{{ route('admin.careers.list') }}"></div>
    <div class="row">
        <div class="col-md-12">
            <div class="breadcrumb__content">
                <div class="breadcrumb__content__left">
                    <div class="breadcrumb__title">
                        <h2>{{__('Careers')}}</h2>
                    </div>
                </div>
                <div class="breadcrumb__content__right">
                    <nav aria-label="breadcrumb">
                        <ul class="breadcrumb">
                            <li class="breadcrumb-item"><a href="{{route('admin.dashboard')}}">{{__('Home')}}</a></li>
                            <li class="breadcrumb-item active" aria-current="page">{{__('Career')}}</li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            
            <div class="customers__area bg-style mb-30">
                <div class='row mb-5 mt-3'>
                    <div class='col-md-12'>
                        <div class="item-top mb-30">
                            <h2>{{ __('Search') }}</h2>
                        </div>
                    </div>
                    <div class="col-md-4 mb-20">
                        <div class="input__group mb-25">
                            <label for="job">{{ __('Jobs:') }}</label>
                            <select class="form-select rscnMemberLabel" name="job_title" id="job">
                                <option value="">{{ __('Select') }}</option>
                                @foreach (getCareersTitles() as $title)
                                <option value="{{ $title->title_en }}">{{ $title->title_en }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-4 mb-20">
                        <div class="input__group mb-25">
                            <label for="date">{{ __('Period:') }}</label>
                            <select class="form-select rscnMemberLabel" name="date" id="date">
                                <option value="">{{ __('Select') }}</option>
                                <option value="24">{{ __('Past 24 Hours') }}</option>
                                <option value="7">{{ __('Last Week') }}</option>
                                <option value="1">{{ __('Last Month') }}</option>
                            </select>
                        </div>
                    </div>
                    <div class="input__button">
                        <button type="submit" class="btn btn-blue" id="filter">{{ __('Search') }}</button>
                    </div>
                </div>
                <div class="item-title">
                    <div class="col-xs-6">
                        <a href="{{route('admin.careers.create')}}" class="btn btn-md btn-info">{{ __('Add Career')}}</a>
                    </div>
                </div>
                <div class="customers__table">
                    <table id="CareersTable" class="dataTableHover row-border data-table-filter table-style">
                        <thead>
                        <tr>
                            <th>{{ __('Date')}}</th>
                            <th>{{ __('Arbic Title')}}</th>
                            <th>{{ __('English Title')}}</th>
                            <th>{{ __('desc Ar')}}</th>
                            <th>{{ __('desc En')}}</th>
                            <th>{{ __('status')}}</th>
                            <th>{{ __('Actions')}}</th>
                        </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <!--Row-->
    @push('post_scripts')
        <script src="{{asset('backend/js/admin/datatables/careers.js')}}"></script>
        <!-- Page level custom scripts -->
    @endpush
@endsection