@extends('backend.layout.master-tailwind')
@section('title', __('Hourly Rate & Photo Settings'))

@section('admin_styles')
<style>
.field-label {
    display: block;
    font-size: 12px;
    color: var(--text-2);
    margin-bottom: 6px;
    font-weight: 500;
}
</style>
@endsection

@section('content')

<div class="page">

  <div class="page-head">
    <div>
      <h1 class="page-title">{{ __('Hourly Rate & Photo Settings') }}</h1>
      <p class="page-sub">{{ __('Labels and titles for the hourly rate and profile photo steps') }}</p>
    </div>
  </div>

  <div style="max-width:560px">
    <div class="card" style="padding:24px">

      @if($errors->any())
      <div style="background:color-mix(in oklch,var(--danger,#ef4444) 8%,transparent);border:1px solid color-mix(in oklch,var(--danger,#ef4444) 30%,transparent);border-radius:8px;padding:10px 14px;font-size:12px;color:var(--danger,#ef4444);display:flex;flex-direction:column;gap:4px;margin-bottom:18px">
        @foreach($errors->all() as $error)
        <div>{{ $error }}</div>
        @endforeach
      </div>
      @endif

      <form action="{{ route('admin.page.account.rate.photo') }}" method="POST" style="display:flex;flex-direction:column;gap:16px">
        @csrf

        <div>
          <label class="field-label" for="hourly_rate_menu_title">{{ __('Menu Title') }}</label>
          <input class="input wide" type="text" id="hourly_rate_menu_title" name="hourly_rate_menu_title"
            value="{{ get_static_option('hourly_rate_menu_title') ?? '' }}"
            placeholder="{{ __('Enter menu title') }}">
        </div>

        <div>
          <label class="field-label" for="hourly_rate_menu_sub_title">{{ __('Menu Subtitle') }}</label>
          <input class="input wide" type="text" id="hourly_rate_menu_sub_title" name="hourly_rate_menu_sub_title"
            value="{{ get_static_option('hourly_rate_menu_sub_title') ?? '' }}"
            placeholder="{{ __('Enter menu subtitle') }}">
        </div>

        <div>
          <label class="field-label" for="hourly_rate_title">{{ __('Hourly Rate Title') }}</label>
          <input class="input wide" type="text" id="hourly_rate_title" name="hourly_rate_title"
            value="{{ get_static_option('hourly_rate_title') ?? '' }}"
            placeholder="{{ __('Enter hourly rate title') }}">
        </div>

        <div>
          <label class="field-label" for="profile_photo_title">{{ __('Profile Photo Title') }}</label>
          <input class="input wide" type="text" id="profile_photo_title" name="profile_photo_title"
            value="{{ get_static_option('profile_photo_title') ?? '' }}"
            placeholder="{{ __('Enter profile photo title') }}">
        </div>

        @can('photo-page-settings-update')
        <div>
          <button type="submit" class="btn primary sm">{{ __('Update') }}</button>
        </div>
        @endcan

      </form>

    </div>
  </div>

</div>

@endsection