@extends('layouts.admin')
@section('title', 'Settings')

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

        <div>
            <label class="text-xs text-gray-500">Restaurant Name</label>
            <input name="restaurant_name" value="{{ $settings['restaurant_name'] }}" class="block border border-gray-200 rounded-lg px-3 py-2 text-sm w-full">
        </div>
        <div>
            <label class="text-xs text-gray-500">Address (printed on receipts)</label>
            <input name="restaurant_address" value="{{ $settings['restaurant_address'] }}" class="block border border-gray-200 rounded-lg px-3 py-2 text-sm w-full">
        </div>
        <div>
            <label class="text-xs text-gray-500">GST Number</label>
            <input name="gst_number" value="{{ $settings['gst_number'] }}" class="block border border-gray-200 rounded-lg px-3 py-2 text-sm w-full">
        </div>
        <div class="grid grid-cols-2 gap-4">
            <div>
                <label class="text-xs text-gray-500">GST Percent</label>
                <input name="gst_percent" type="number" step="0.01" value="{{ $settings['gst_percent'] }}" class="block border border-gray-200 rounded-lg px-3 py-2 text-sm w-full">
            </div>
            <div>
                <label class="text-xs text-gray-500">Default Packing Charge (₹)</label>
                <input name="default_packing_charge" type="number" step="0.01" value="{{ $settings['default_packing_charge'] }}" class="block border border-gray-200 rounded-lg px-3 py-2 text-sm w-full">
            </div>
        </div>

        <hr class="border-gray-100">
        <p class="text-xs text-gray-400">Digital payment gateway (e.g. Razorpay) — used for card/UPI payment at kiosk.</p>
        <div class="grid grid-cols-2 gap-4">
            <div>
                <label class="text-xs text-gray-500">Razorpay Key ID</label>
                <input name="razorpay_key" value="{{ $settings['razorpay_key'] }}" class="block border border-gray-200 rounded-lg px-3 py-2 text-sm w-full">
            </div>
            <div>
                <label class="text-xs text-gray-500">Razorpay Key Secret</label>
                <input name="razorpay_secret" type="password" value="{{ $settings['razorpay_secret'] }}" class="block border border-gray-200 rounded-lg px-3 py-2 text-sm w-full">
            </div>
        </div>

        <button class="bg-orange-500 text-white rounded-lg px-4 py-2 text-sm font-medium">Save Settings</button>
    </form>
</div>
@endsection