@extends('backend.layout.master-tailwind')
@section('title', __('Hourly Jobs'))

@section('admin_styles')
<style>
.row-pop {
  position: fixed;
  z-index: 9999;
  background: var(--bg-elev, var(--surface));
  border: 1px solid var(--border-strong, var(--border));
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0,0,0,.18);
  min-width: 160px;
  overflow: hidden;
  padding: 4px;
}
@media (max-width: 600px) {
    .tbl .col-id { display: none; }
    #string_search { width: 100% !important; }
}
</style>
@endsection

@section('content')
<div class="page">

  <div class="page-head">
    <div>
      <h1 class="page-title">{{ __('Hourly Jobs') }}</h1>
      <p class="page-sub">{{ __('Manage all hourly job listings') }}</p>
    </div>
    <div class="page-actions">
      <input type="search" id="string_search" class="input" placeholder="{{ __('Search…') }}" style="width:220px">
    </div>
  </div>

  <div class="card">
    <div class="search_result">
      @include('hourlyjob::backend.hourly-job.search-result')
    </div>
  </div>

</div>
@endsection

@section('script')
@include('hourlyjob::backend.hourly-job.job-js')
@endsection