@extends('layouts.admin.app')
@section('title', 'Job Management')
@section('content')
<div class="nk-content">
    <div class="container-fluid">
        <div class="nk-content-inner">
            <div class="nk-content-body">
                <div class="nk-block-head nk-block-head-sm">
                    <div class="nk-block-between">
                        <div class="nk-block-head-content">
                            <h3 class="nk-block-title page-title">{{ __('labels.job_management') }}</h3>
                            <div class="nk-block-des text-soft">
                                <!-- breadcrumb @s -->
                                <nav>
                                    <ul class="breadcrumb breadcrumb-arrow">
                                        <li class="breadcrumb-item"><a href="{{route('admin.dashboard')}}">{{ __('labels.dashboard') }}</a>
                                        </li>
                                        <li class="breadcrumb-item active">{{ __('labels.job_list') }}</li>
                                    </ul>
                                </nav>
                                <!-- breadcrumb @e -->
                            </div>
                        </div><!-- .nk-block-head-content -->
                        <div class="nk-block-head-content">
                            <div class="toggle-wrap nk-block-tools-toggle">
                                <a href="javascript:void(0);" class="btn btn-icon btn-trigger toggle-expand mr-n1" data-target="pageMenu"><em class="icon ni ni-more-v"></em></a>
                                <div class="toggle-expand-content" data-content="pageMenu">
                                <ul class="nk-block-tools g-3">
                                        <li>
                                            <div class="dropdown">
                                                <a href="javascript:void(0);" class="btn btn-trigger btn-icon dropdown-toggle" data-toggle="dropdown">
                                                    <div class="badge badge-circle badge-primary" style="display:none;"></div>
                                                    <em class="icon ni ni-filter-alt"></em>
                                                </a>
                                                <form action="javascript:void(0)" method="get">
                                                <div class="filter-wg dropdown-menu dropdown-menu-xl dropdown-menu-right">
                                                    <div class="dropdown-head">
                                                        <span class="sub-title dropdown-title">{{ __('labels.filter') }}</span>
                                                        <div class="dropdown">
                                                            <a href="javascript:void(0);" class="reset-filter link-light">
                                                                <em class="icon ni ni-cross"></em>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="dropdown-body dropdown-body-rg">
                                                        <div class="row gx-6 gy-4">
                                                            <div class="col-6">
                                                                <div class="form-group">
                                                                    <label class="overline-title overline-title-alt">{{ __('labels.title') }}</label>
                                                                    <div class="form-control-wrap">
                                                                        <input type="text" name="title" id="jobTitle" class="filter form-control" placeholder="{{ __('labels.title') }}">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-6">
                                                                <div class="form-group">
                                                                    <label class="overline-title overline-title-alt">{{ __('labels.category') }}</label>
                                                                    <div class="form-control-wrap">
                                                                        <select name="category" id="jobCategory" class="job_category filter form-select form-control" data-placeholder="{{ __('labels.select') }} {{ __('labels.category') }}">
                                                                            <option></option>
                                                                            @if (!empty($category))
                                                                                @foreach ($category as $value)
                                                                                    <option value="{{ $value->id }}">{{ $value->name }}</option>        
                                                                                @endforeach
                                                                            @endif
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-6">
                                                                <div class="form-group">
                                                                    <label class="overline-title overline-title-alt">{{ __('labels.sub_category') }}</label>
                                                                    <div class="form-control-wrap">
                                                                        <select name="sub_category_id"  id="jobSubCategory" class="job_sub_category filter form-select form-control" data-placeholder="{{ __('labels.select') }} {{ __('labels.sub_category') }}">
                                                                            <option></option>
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            
                                                            <div class="col-6">
                                                                <div class="form-group">
                                                                    <label class="overline-title overline-title-alt">{{ __('labels.status') }}</label>
                                                                    <div class="form-control-wrap">
                                                                        <select name="status" id="jobStatus" class="filter form-select form-control" data-placeholder="Select Status">
                                                                            <option></option>
                                                                            <option value="1">{{ __('labels.active') }}</option>
                                                                            <option value="2">{{ __('labels.inactive') }}</option>
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="dropdown-foot between">
                                                        <a class="reset-filter" href="javascript:void(0);">{{ __('labels.reset') }} {{__('labels.filter')}}</a>
                                                        <button type="button" id="job-filter" class="btn btn-sm btn-primary">{{__('labels.filter')}}</button>
                                                    </div>
                                                </div><!-- .filter-wg -->
                                                </form>
                                            </div><!-- .dropdown -->
                                        </li>
                                        <li>
                                            <a href="{{ route('job.create') }}" class="btn btn-primary">{{ __('labels.add') }} {{ __('labels.job') }}</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div><!-- .nk-block-head-content -->
                    </div><!-- .nk-block-between -->
                </div><!-- .nk-block-head -->
                <div class="nk-block">
                    <div class="card card-bordered">
                        <div class="card-inner p-0">
                            <div class="common-table">
                                <table class="table datatable-init" id="job-table">
                                    <thead>
                                        <tr>
                                            <th class="w_70 nosort id">{{ __('labels.srno') }}</th>
                                            <th class="mw_220 title">{{ __('labels.title') }}</th>
                                            <th class="category">{{ __('labels.category') }}</th>
                                            <th class="sub_category">{{ __('labels.sub_category') }}</th>
                                            <th class="keyword">{{ __('labels.keyword') }}</th>
                                            <th class="date">{{ __('labels.created_on') }}</th>
                                            <th class="status">{{ __('labels.status') }}</th>
                                            <th class="actions nk-tb-col-tools text-right">{{ __('labels.action') }}</th>
                                        </tr>
                                    </thead>
                                    <tbody>

                                    </tbody>
                                </table>
                            </div>
                        </div><!-- .card-inner -->
                    </div>
                </div><!-- .nk-block -->
            </div>
        </div>
    </div>
</div>
<!-- Add Edit job -->
@endsection
@push('scripts')
<script type="text/javascript" src="{{asset('assets/js/admin/job/job.js')}}"></script>
@endpush