@extends('layouts.app')
@section('title', 'Settings')
@section('content')
<div class="mb-4"><h1 class="text-lg font-bold text-gray-900">Settings</h1><p class="text-xs text-gray-400">Facility, billing, and system configuration</p></div>

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

<div class="space-y-5 max-w-3xl">
    {{-- Facility Settings --}}
    <div class="bg-white rounded-xl border shadow-sm p-5">
        <h3 class="text-sm font-bold text-gray-800 mb-4 flex items-center gap-2">
            <svg class="w-4 h-4 text-blue-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/></svg>
            Facility Settings
        </h3>
        <div class="flex items-center gap-4 mb-4 pb-4 border-b">
            <img src="{{ asset('images/logo.png') }}" alt="Logo" style="height:50px" onerror="this.style.display='none'">
            <div class="text-xs text-gray-400">Logo displayed on all documents. To change, replace <code>public/images/logo.png</code> on the server.</div>
        </div>
        <div class="grid grid-cols-1 md:grid-cols-2 gap-3">
            <div><label class="form-label">Hospital Name</label><input type="text" name="hospital_name" value="{{ $settings['hospital_name'] ?? 'Clara Rosa Hospital Utawala' }}" class="form-input"></div>
            <div><label class="form-label">Phone</label><input type="text" name="hospital_phone" value="{{ $settings['hospital_phone'] ?? '0111644624' }}" class="form-input"></div>
            <div><label class="form-label">Email</label><input type="email" name="hospital_email" value="{{ $settings['hospital_email'] ?? 'info@crh.co.ke' }}" class="form-input"></div>
            <div><label class="form-label">KRA PIN (shown on invoices only)</label><input type="text" name="kra_pin" value="{{ $settings['kra_pin'] ?? 'P052178547J' }}" class="form-input"></div>
            <div class="md:col-span-2"><label class="form-label">Address</label><input type="text" name="hospital_address" value="{{ $settings['hospital_address'] ?? 'Utawala | 83 Park Estate, Kiguathi Rd (along Shooters-Mihang\'o Rd)' }}" class="form-input"></div>
            <div class="md:col-span-2"><label class="form-label">Receipt / Report Footer Text</label><input type="text" name="footer_text" value="{{ $settings['footer_text'] ?? 'Paybill: 522533 | Account Number: 6346132' }}" class="form-input" placeholder="e.g. Paybill: 522533 | Account Number: 6346132"></div>
        </div>
    </div>

    {{-- Billing & Numbering --}}
    <div class="bg-white rounded-xl border shadow-sm p-5">
        <h3 class="text-sm font-bold text-gray-800 mb-4 flex items-center gap-2">
            <svg class="w-4 h-4 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 14l6-6m-5.5.5h.01m4.99 5h.01M19 21l-7-5-7 5V5a2 2 0 012-2h10a2 2 0 012 2v16z"/></svg>
            Billing & Numbering
        </h3>
        <div class="grid grid-cols-1 md:grid-cols-3 gap-3">
            <div><label class="form-label">Receipt Prefix</label><input type="text" name="receipt_prefix" value="{{ $settings['receipt_prefix'] ?? 'RCT' }}" class="form-input"></div>
            <div><label class="form-label">Invoice Prefix</label><input type="text" name="invoice_prefix" value="{{ $settings['invoice_prefix'] ?? 'INV' }}" class="form-input"></div>
            <div><label class="form-label">Visit Prefix</label><input type="text" name="visit_prefix" value="{{ $settings['visit_prefix'] ?? 'VST' }}" class="form-input"></div>
        </div>
    </div>

    {{-- Shift Configuration --}}
    <div class="bg-white rounded-xl border shadow-sm p-5">
        <h3 class="text-sm font-bold text-gray-800 mb-4 flex items-center gap-2">
            <svg class="w-4 h-4 text-amber-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
            Shift Configuration
        </h3>
        <div class="grid grid-cols-1 md:grid-cols-2 gap-3">
            <div><label class="form-label">Day Shift Start</label><input type="time" name="day_shift_start" value="{{ $settings['day_shift_start'] ?? '08:00' }}" class="form-input"></div>
            <div><label class="form-label">Day Shift End (= Night Start)</label><input type="time" name="day_shift_end" value="{{ $settings['day_shift_end'] ?? '20:00' }}" class="form-input"></div>
        </div>
        <p class="text-xs text-gray-400 mt-2">Night shift runs from Day Shift End to Day Shift Start. All payments and expenses are automatically tagged to the active shift.</p>
    </div>
</div>

<div class="mt-4"><button type="submit" class="btn-primary text-xs">Save Settings</button></div>
</form>
@endsection