@extends('layouts.app')
@section('title','Pengaturan')
@section('page-title','Pengaturan Sistem')

@section('content')
<div class="max-w-2xl">
<div class="bg-white rounded-xl shadow-sm border border-gray-100 p-6">
<form method="POST" action="{{ route('settings.update') }}" class="space-y-5">
@csrf @method('PUT')

<div>
    <h3 class="text-sm font-semibold text-gray-700 mb-3 pb-2 border-b border-gray-100">Informasi Toko</h3>
    <div class="space-y-4">
        <div>
            <label class="block text-sm font-medium text-gray-700 mb-1">Nama Toko / Perusahaan <span class="text-red-500">*</span></label>
            <input type="text" name="app_name" value="{{ old('app_name', $settings['app_name'] ?? 'GMComp') }}"
                   class="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 @error('app_name') border-red-400 @enderror">
            @error('app_name')<p class="text-red-500 text-xs mt-1">{{ $message }}</p>@enderror
        </div>
        <div>
            <label class="block text-sm font-medium text-gray-700 mb-1">Alamat</label>
            <textarea name="app_address" rows="2"
                      class="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500">{{ old('app_address', $settings['app_address'] ?? '') }}</textarea>
        </div>
        <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
            <div>
                <label class="block text-sm font-medium text-gray-700 mb-1">Telepon</label>
                <input type="text" name="app_phone" value="{{ old('app_phone', $settings['app_phone'] ?? '') }}"
                       class="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500">
            </div>
            <div>
                <label class="block text-sm font-medium text-gray-700 mb-1">Nomor WhatsApp Toko</label>
                <input type="text" name="app_wa" value="{{ old('app_wa', $settings['app_wa'] ?? '') }}"
                       placeholder="Contoh: 6281234567890"
                       class="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500">
                <p class="text-xs text-gray-400 mt-1">Gunakan format internasional untuk tombol WA, contoh: 628123456789.</p>
            </div>
            <div>
                <label class="block text-sm font-medium text-gray-700 mb-1">Email</label>
                <input type="email" name="app_email" value="{{ old('app_email', $settings['app_email'] ?? '') }}"
                       class="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 @error('app_email') border-red-400 @enderror">
                @error('app_email')<p class="text-red-500 text-xs mt-1">{{ $message }}</p>@enderror
            </div>
            <div>
                <label class="block text-sm font-medium text-gray-700 mb-1">Jam Operasional</label>
                <input type="text" name="app_hours" value="{{ old('app_hours', $settings['app_hours'] ?? '') }}"
                       placeholder="Senin–Sabtu, 08.00–17.00 WIB"
                       class="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500">
            </div>
        </div>
    </div>
</div>

<div>
    <h3 class="text-sm font-semibold text-gray-700 mb-3 pb-2 border-b border-gray-100">Pengaturan Transaksi</h3>
    <div>
        <label class="block text-sm font-medium text-gray-700 mb-1">Persentase Pajak Default (%)</label>
        <input type="number" name="app_tax_percent" value="{{ old('app_tax_percent', $settings['app_tax_percent'] ?? 0) }}"
               min="0" max="100" step="0.1"
               class="w-36 border border-gray-300 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500">
        <p class="text-xs text-gray-400 mt-1">Gunakan 0 jika tidak ada pajak. Contoh: 11 untuk PPN 11%.</p>
    </div>
</div>

<div>
    <h3 class="text-sm font-semibold text-gray-700 mb-3 pb-2 border-b border-gray-100">Nota / Struk</h3>
    <div>
        <label class="block text-sm font-medium text-gray-700 mb-1">Pesan Footer Nota</label>
        <textarea name="receipt_footer" rows="2"
                  class="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500">{{ old('receipt_footer', $settings['receipt_footer'] ?? 'Terima kasih atas kunjungan Anda.') }}</textarea>
        <p class="text-xs text-gray-400 mt-1">Teks ini ditampilkan di bagian bawah nota penjualan dan servis.</p>
    </div>
</div>

<div>
    <h3 class="text-sm font-semibold text-gray-700 mb-3 pb-2 border-b border-gray-100">Halaman Cek Status Servis (Publik)</h3>
    <div class="bg-gray-50 rounded-lg px-4 py-3 text-sm space-y-1.5">
        <p class="text-gray-600">Link cek status servis untuk pelanggan:</p>
        <div class="flex flex-wrap gap-3">
            <a href="{{ url('/cek-servis') }}" target="_blank"
               class="text-blue-600 hover:text-blue-800 underline text-sm font-mono">
                {{ url('/cek-servis') }}
            </a>
            <span class="text-gray-400 text-xs self-center">(lokal)</span>
        </div>
        <div class="flex flex-wrap gap-3 mt-1">
            <a href="https://cek-servis.gunungmedia.com" target="_blank"
               class="text-green-600 hover:text-green-800 underline text-sm font-mono">
                https://cek-servis.gunungmedia.com
            </a>
            <span class="text-gray-400 text-xs self-center">(produksi)</span>
        </div>
        <p class="text-xs text-gray-400 mt-1">Bagikan link ini kepada pelanggan agar dapat mengecek status servis secara mandiri.</p>
    </div>
</div>

<div class="flex gap-3 pt-2">
    <button type="submit" class="bg-blue-600 hover:bg-blue-700 text-white text-sm font-medium px-5 py-2 rounded-lg transition">Simpan Pengaturan</button>
</div>
</form>
</div>
</div>
@endsection