@extends('layouts.app')

@section('title', 'System Settings')

@section('content')
<div class="container-fluid py-4" style="max-width: 1450px;">

    <div class="card shadow-sm border-0">
        <div class="card-header bg-light text-dark d-flex align-items-center justify-content-between">
            <h4 class="mb-0"><i class="bi bi-sliders me-2"></i> System Settings</h4>
        </div>

        <div class="card-body px-4 py-4">
            <!-- Success Message -->
            @if(session('success'))
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    <i class="bi bi-check-circle me-2"></i> {{ session('success') }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                </div>
            @endif

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

                <div class="row g-3">
                    <!-- Application & Company Name -->
                    <div class="col-md-6">
                        <label class="form-label fw-semibold">Application Name</label>
                        <div class="input-group">
                            <span class="input-group-text"><i class="bi bi-app-indicator"></i></span>
                            <input type="text" name="app_name" class="form-control"
                                value="{{ old('app_name', $settings->app_name ?? '') }}"
                                placeholder="Enter system name" required>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <label class="form-label fw-semibold">Company Name</label>
                        <div class="input-group">
                            <span class="input-group-text"><i class="bi bi-building"></i></span>
                            <input type="text" name="company_name" class="form-control"
                                value="{{ old('company_name', $settings->company_name ?? '') }}"
                                placeholder="Enter company name" required>
                        </div>
                    </div>

                    <!-- Contact Info -->
                    <div class="col-md-6">
                        <label class="form-label fw-semibold">Phone Number</label>
                        <div class="input-group">
                            <span class="input-group-text"><i class="bi bi-telephone"></i></span>
                            <input type="text" name="phone" class="form-control"
                                value="{{ old('phone', $settings->phone ?? '') }}"
                                placeholder="Enter phone number" required>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <label class="form-label fw-semibold">Email Address</label>
                        <div class="input-group">
                            <span class="input-group-text"><i class="bi bi-envelope"></i></span>
                            <input type="email" name="email" class="form-control"
                                value="{{ old('email', $settings->email ?? '') }}"
                                placeholder="Enter email" required>
                        </div>
                    </div>

                    <!-- Address -->
                    <div class="col-md-12">
                        <label class="form-label fw-semibold">Address</label>
                        <textarea name="address" class="form-control" rows="3"
                            placeholder="Enter full address">{{ old('address', $settings->address ?? '') }}</textarea>
                    </div>
                </div>

                <!-- Buttons -->
                <div class="mt-4 d-flex justify-content-end gap-2">
                    <button type="submit" class="btn btn-success px-4">
                        <i class="bi bi-save me-2"></i> Update Settings
                    </button>
                    <a href="{{ url()->previous() }}" class="btn btn-secondary px-4">
                        <i class="bi bi-arrow-left me-2"></i> Back
                    </a>
                </div>

            </form>
        </div>
    </div>
</div>
@endsection