@extends('layouts.admin')
@section('title', 'Pengaturan POS')
@section('breadcrumb', 'Sistem / POS')
@section('content')

<div class="card" style="max-width:640px;">
    <div class="card-header">
        <h3><i class="fas fa-cash-register" style="color:var(--sage);margin-right:8px;"></i> Perilaku kasir & ruangan</h3>
    </div>
    <p style="font-size:14px;color:var(--text-light);margin-bottom:20px;line-height:1.6;">
        <strong>Default sistem: tanpa pilih ruangan</strong> — kasir memilih paket (layanan), terapis, lalu bayar / cetak nota.<br>
        Centang opsi di bawah jika outlet ingin <strong>wajib</strong> memakai peta / pemilihan ruangan. Tab <strong>Peta Ruangan</strong> hanya tampil saat opsi ini aktif. Tanpa ruang, selesai sesi lewat tombol pada kartu terapis yang sedang sibuk.
    </p>
    <form method="POST" action="{{ route('admin.settings.pos.update') }}" class="form-grid">
        @csrf
        @method('PUT')

        <div class="form-group" style="padding:18px;background:var(--beige);border-radius:12px;border:1px solid rgba(0,0,0,0.06);">
            <label style="display:flex;align-items:flex-start;gap:14px;cursor:pointer;font-weight:600;">
                <input type="checkbox" name="require_room_enabled" value="1" @checked($requireRoom)
                       style="width:18px;height:18px;margin-top:2px;accent-color:var(--sage);">
                <span>
                    Wajib memakai peta / pemilihan ruangan di kasir<br>
                    <span style="font-weight:400;font-size:12px;color:var(--text-light);">Nonaktifkan opsi ini bila outlet tidak mencatat okupansi per ruang.</span>
                </span>
            </label>
        </div>

        <div class="form-actions">
            <button type="submit" class="btn btn-primary"><i class="fas fa-save"></i> Simpan</button>
        </div>
    </form>
</div>
@endsection