@extends('backend.layout.master-tailwind')
@section('title', __('Work 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">{{ __('Work Settings') }}</h1>
      <p class="page-sub">{{ __('Labels and titles for the work step of account setup') }}</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.work') }}" method="POST" style="display:flex;flex-direction:column;gap:16px">
        @csrf

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

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

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

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

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

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

      </form>

    </div>
  </div>

</div>

@endsection