@extends('backend.layout.master-tailwind')
@section('title', __('Change Admin URL Prefix'))

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

  <div class="page-head">
    <div>
      <h1 class="page-title">{{ __('Admin URL Prefix') }}</h1>
      <p class="page-sub">{{ __('Customize the URL prefix used to access the admin panel') }}</p>
    </div>
  </div>

  <div style="max-width:480px">

    @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:16px">
      @foreach($errors->all() as $error)<div>{{ $error }}</div>@endforeach
    </div>
    @endif

    <div class="card" style="padding:20px;display:flex;flex-direction:column;gap:16px">

      <div style="background:color-mix(in oklch,var(--warning,#f59e0b) 10%,transparent);border:1px solid color-mix(in oklch,var(--warning,#f59e0b) 35%,transparent);border-radius:8px;padding:10px 14px;font-size:12px;color:color-mix(in oklch,var(--warning,#f59e0b) 80%,var(--text));display:flex;gap:8px;align-items:flex-start">
        <svg class="icon" style="flex:none;margin-top:1px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3l9 16H3z"/><path d="M12 10v4"/><circle cx="12" cy="17" r=".6" fill="currentColor"/></svg>
        {{ __('You can change the admin login page URL prefix by entering a single word. Avoid using "login" as it is reserved for the user login page.') }}
      </div>

      <form action="{{ route('admin.url.prefix.settings') }}" method="POST" style="display:flex;flex-direction:column;gap:16px">
        @csrf
        <div>
          <label style="display:block;font-size:12px;color:var(--text-2);margin-bottom:6px;font-weight:500">{{ __('Admin URL Prefix') }}</label>
          <input type="text" name="admin_url_prefix" class="input wide"
            value="{{ get_static_option('admin_url_prefix') ?? 'admin' }}"
            placeholder="{{ __('Enter admin URL prefix') }}">
        </div>
        <div>
          <button type="submit" class="btn primary sm">{{ __('Update') }}</button>
        </div>
      </form>

    </div>
  </div>

</div>
@endsection