@extends('layouts.admin')
@section('title', 'Settings')
@section('page-title', 'Settings')
@section('content')
<div class="max-w-4xl space-y-6">
    <form method="POST" action="{{ route('settings.update') }}" class="space-y-6 rounded-xl border border-slate-200 bg-white p-6 shadow-sm">
        @csrf
        @method('PUT')
        <h2 class="text-lg font-semibold text-slate-800">Shop details</h2>
        <div class="grid gap-4 sm:grid-cols-2">
            <div>
                <label class="block text-sm font-medium text-slate-700">Shop name</label>
                <input type="text" name="shop_name" value="{{ old('shop_name', $settings['shop_name']) }}" required class="mt-1 block w-full rounded-lg border border-slate-300 text-sm">
            </div>
            <div>
                <label class="block text-sm font-medium text-slate-700">Logo URL</label>
                <input type="text" name="logo" value="{{ old('logo', $settings['logo']) }}" class="mt-1 block w-full rounded-lg border border-slate-300 text-sm" placeholder="https://...">
            </div>
            <div>
                <label class="block text-sm font-medium text-slate-700">Contact</label>
                <input type="text" name="contact" value="{{ old('contact', $settings['contact']) }}" class="mt-1 block w-full rounded-lg border border-slate-300 text-sm">
            </div>
            <div class="sm:col-span-2">
                <label class="block text-sm font-medium text-slate-700">Address</label>
                <textarea name="address" rows="2" class="mt-1 block w-full rounded-lg border border-slate-300 text-sm">{{ old('address', $settings['address']) }}</textarea>
            </div>
        </div>
        <h2 class="text-lg font-semibold text-slate-800 pt-4">Prefixes &amp; currency</h2>
        <div class="grid gap-4 sm:grid-cols-3">
            <div>
                <label class="block text-sm font-medium text-slate-700">Order prefix</label>
                <input type="text" name="order_prefix" value="{{ old('order_prefix', $settings['order_prefix']) }}" class="mt-1 block w-full rounded-lg border border-slate-300 text-sm">
            </div>
            <div>
                <label class="block text-sm font-medium text-slate-700">Invoice prefix</label>
                <input type="text" name="invoice_prefix" value="{{ old('invoice_prefix', $settings['invoice_prefix']) }}" class="mt-1 block w-full rounded-lg border border-slate-300 text-sm">
            </div>
            <div>
                <label class="block text-sm font-medium text-slate-700">Customer prefix</label>
                <input type="text" name="customer_prefix" value="{{ old('customer_prefix', $settings['customer_prefix']) }}" class="mt-1 block w-full rounded-lg border border-slate-300 text-sm">
            </div>
            <div>
                <label class="block text-sm font-medium text-slate-700">Currency</label>
                <input type="text" name="currency" value="{{ old('currency', $settings['currency']) }}" class="mt-1 block w-full rounded-lg border border-slate-300 text-sm">
            </div>
        </div>
        <h2 class="text-lg font-semibold text-slate-800 pt-4">Defaults</h2>
        <div class="grid gap-4 sm:grid-cols-3">
            <div>
                <label class="block text-sm font-medium text-slate-700">Default tax rate (%)</label>
                <input type="number" step="0.01" min="0" name="tax_rate" value="{{ old('tax_rate', $settings['tax_rate']) }}" class="mt-1 block w-full rounded-lg border border-slate-300 text-sm">
            </div>
            <div>
                <label class="block text-sm font-medium text-slate-700">Default delivery days</label>
                <input type="number" min="0" name="default_delivery_days" value="{{ old('default_delivery_days', $settings['default_delivery_days']) }}" class="mt-1 block w-full rounded-lg border border-slate-300 text-sm">
            </div>
            <div>
                <label class="block text-sm font-medium text-slate-700">Default trial days</label>
                <input type="number" min="0" name="default_trial_days" value="{{ old('default_trial_days', $settings['default_trial_days']) }}" class="mt-1 block w-full rounded-lg border border-slate-300 text-sm">
            </div>
        </div>
        <h2 class="text-lg font-semibold text-slate-800 pt-4">Invoice</h2>
        <div class="space-y-3">
            <div>
                <label class="block text-sm font-medium text-slate-700">Invoice footer</label>
                <textarea name="invoice_footer" rows="2" class="mt-1 block w-full rounded-lg border border-slate-300 text-sm">{{ old('invoice_footer', $settings['invoice_footer']) }}</textarea>
            </div>
            <div>
                <label class="block text-sm font-medium text-slate-700">Terms &amp; conditions</label>
                <textarea name="terms" rows="3" class="mt-1 block w-full rounded-lg border border-slate-300 text-sm">{{ old('terms', $settings['terms']) }}</textarea>
            </div>
        </div>
        <div class="flex gap-3 pt-4">
            <button type="submit" class="rounded-lg bg-slate-800 px-4 py-2 text-sm font-medium text-white hover:bg-slate-700">Save settings</button>
            <a href="{{ route('dashboard') }}" class="rounded-lg border border-slate-300 bg-white px-4 py-2 text-sm font-medium text-slate-700 hover:bg-slate-50">Cancel</a>
        </div>
    </form>
</div>
@endsection