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

<div class="card" style="max-width:760px;">
    <div class="card-header">
        <h3><i class="fas fa-receipt" style="color:var(--sage);margin-right:8px;"></i> Template & Info Nota</h3>
        <div style="display:flex;gap:10px;align-items:center;">
            <a href="{{ route('dashboard') }}" class="btn btn-outline btn-sm">Kembali ke Kasir</a>
        </div>
    </div>

    <p style="font-size:14px;color:var(--text-light);margin-bottom:18px;line-height:1.6;">
        Pengaturan ini mempengaruhi struk di halaman <strong>cetak nota</strong> (thermal 80mm).
        Untuk test print, lakukan 1 transaksi lalu buka nota dari kasir (otomatis muncul setelah bayar).
    </p>

    <form method="POST" action="{{ route('admin.settings.receipt.update') }}" class="form-grid">
        @csrf
        @method('PUT')

        <div class="form-group">
            <label>Nama Outlet *</label>
            <input type="text" name="outlet_name" class="form-input @error('outlet_name') error @enderror" value="{{ old('outlet_name', $outlet_name) }}" required>
            @error('outlet_name')<span class="form-error">{{ $message }}</span>@enderror
        </div>

        <div class="form-group">
            <label>Alamat (opsional)</label>
            <input type="text" name="outlet_address" class="form-input @error('outlet_address') error @enderror" value="{{ old('outlet_address', $outlet_address) }}">
            @error('outlet_address')<span class="form-error">{{ $message }}</span>@enderror
        </div>

        <div class="form-group">
            <label>Telepon/WhatsApp (opsional)</label>
            <input type="text" name="outlet_phone" class="form-input @error('outlet_phone') error @enderror" value="{{ old('outlet_phone', $outlet_phone) }}">
            @error('outlet_phone')<span class="form-error">{{ $message }}</span>@enderror
        </div>

        <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="show_commission" value="1" @checked(old('show_commission', $show_commission) ? true : false)
                       style="width:18px;height:18px;margin-top:2px;accent-color:var(--sage);">
                <span>
                    Tampilkan komisi terapis di nota<br>
                    <span style="font-weight:400;font-size:12px;color:var(--text-light);">Jika dimatikan, bagian “Komisi terapis” tidak tercetak.</span>
                </span>
            </label>
        </div>

        <div class="form-group">
            <label>Footer nota (opsional)</label>
            <textarea name="footer_text" class="form-textarea @error('footer_text') error @enderror" rows="4" placeholder="Terima kasih...">{{ old('footer_text', $footer_text) }}</textarea>
            @error('footer_text')<span class="form-error">{{ $message }}</span>@enderror
            <div class="form-hint">Gunakan enter untuk baris baru.</div>
        </div>

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