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

@section('breadcrumb')
<li class="breadcrumb-item active">Settings</li>
@endsection

@section('content')

<div class="page-header">
    <h1 class="page-title"><i class="bi bi-gear me-2" style="color:#1d4ed8;"></i>System Settings</h1>
    <p class="page-subtitle">Configure company information and document defaults</p>
</div>

@if(session('success'))
<div class="alert alert-success alert-dismissible fade show"><i class="bi bi-check-circle me-1"></i>{{ session('success') }}<button type="button" class="btn-close" data-bs-dismiss="alert"></button></div>
@endif

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

<div class="row g-3">

    <div class="col-12 col-lg-6">
        <div class="card mb-3">
            <div class="card-header fw-600"><i class="bi bi-building me-2"></i>Company Information</div>
            <div class="card-body">
                <div class="mb-3">
                    <label class="form-label fw-semibold">Company Name <span class="text-danger">*</span></label>
                    <input type="text" name="company_name" class="form-control @error('company_name') is-invalid @enderror"
                           value="{{ old('company_name', $settings['company_name']) }}" required>
                    @error('company_name')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>
                <div class="mb-3">
                    <label class="form-label fw-semibold">Address</label>
                    <input type="text" name="company_address" class="form-control"
                           value="{{ old('company_address', $settings['company_address']) }}" placeholder="Shop address">
                </div>
                <div class="mb-3">
                    <label class="form-label fw-semibold">Phone</label>
                    <input type="text" name="company_phone" class="form-control"
                           value="{{ old('company_phone', $settings['company_phone']) }}" placeholder="01XXXXXXXXX">
                </div>
                <div class="mb-3">
                    <label class="form-label fw-semibold">Email</label>
                    <input type="email" name="company_email" class="form-control @error('company_email') is-invalid @enderror"
                           value="{{ old('company_email', $settings['company_email']) }}">
                    @error('company_email')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>
            </div>
        </div>
    </div>

    <div class="col-12 col-lg-6">
        <div class="card mb-3">
            <div class="card-header fw-600"><i class="bi bi-file-text me-2"></i>Document Defaults</div>
            <div class="card-body">
                <div class="mb-3">
                    <label class="form-label fw-semibold">Currency Symbol <span class="text-danger">*</span></label>
                    <input type="text" name="currency_symbol" class="form-control" style="max-width:100px;"
                           value="{{ old('currency_symbol', $settings['currency_symbol']) }}" required maxlength="5">
                </div>
                <div class="row g-2">
                    <div class="col-4">
                        <label class="form-label fw-semibold">Invoice Prefix</label>
                        <input type="text" name="invoice_prefix" class="form-control"
                               value="{{ old('invoice_prefix', $settings['invoice_prefix']) }}" required maxlength="10">
                    </div>
                    <div class="col-4">
                        <label class="form-label fw-semibold">Purchase Prefix</label>
                        <input type="text" name="purchase_prefix" class="form-control"
                               value="{{ old('purchase_prefix', $settings['purchase_prefix']) }}" required maxlength="10">
                    </div>
                    <div class="col-4">
                        <label class="form-label fw-semibold">Quotation Prefix</label>
                        <input type="text" name="quotation_prefix" class="form-control"
                               value="{{ old('quotation_prefix', $settings['quotation_prefix']) }}" required maxlength="10">
                    </div>
                </div>
                <div class="mb-3 mt-3">
                    <label class="form-label fw-semibold">Default VAT (%)</label>
                    <input type="number" name="default_vat_pct" class="form-control" style="max-width:140px;"
                           value="{{ old('default_vat_pct', $settings['default_vat_pct']) }}" min="0" max="100" step="0.01">
                </div>
                <div class="mb-3">
                    <label class="form-label fw-semibold">Low Stock Alert Window (days)</label>
                    <input type="number" name="low_stock_threshold_days" class="form-control" style="max-width:140px;"
                           value="{{ old('low_stock_threshold_days', $settings['low_stock_threshold_days']) }}" min="1" max="365">
                    <div class="form-text">Used by scheduled low-stock notifications.</div>
                </div>
            </div>
        </div>
    </div>
</div>

<button type="submit" class="btn btn-primary">
    <i class="bi bi-check-circle me-1"></i> Save Settings
</button>

</form>

@endsection