@extends('backend.layout.master-tailwind')
@section('title', __('Minimum Hour Settings'))

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

  <div class="page-head">
    <div>
      <h1 class="page-title">{{ __('Minimum Hour Settings') }}</h1>
      <p class="page-sub">{{ __('Set minimum hours required to show realtime earnings') }}</p>
    </div>
  </div>

  <div style="max-width:480px;display:flex;flex-direction:column;gap:16px">

    <div style="background:color-mix(in oklch,#f59e0b 10%,transparent);border:1px solid color-mix(in oklch,#f59e0b 30%,transparent);border-radius:8px;padding:12px 14px;font-size:12px;color:#92400e;line-height:1.6">
      {{ __('Notice: Set minimum hour to show realtime earnings.') }}
    </div>

    <x-validation.error/>

    <form action="{{ route('admin.hourly.job.hour.settings') }}" method="POST">
      @csrf
      <div class="card" style="padding:20px;display:flex;flex-direction:column;gap:20px">
        <div>
          <label class="field-label" style="display:block;margin-bottom:6px">{{ __('Minimum Hours for Realtime Earning') }}</label>
          <input type="number" name="minimum_hour_for_realtime_earning" class="input wide" min="1"
            value="{{ get_static_option('minimum_hour_for_realtime_earning') ?? 1 }}">
        </div>
        <div>
          <button type="submit" class="btn primary sm">{{ __('Save Settings') }}</button>
        </div>
      </div>
    </form>

  </div>

</div>
@endsection