@extends('layouts.app')

@section('content')


<div class="page-wrapper">
    <div class="page-content">

        <!-- Breadcrumb -->
        <div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
            <div class="ps-3">
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb mb-0 p-0">
                        <li class="breadcrumb-item">
                            <a href="javascript:;"><i class="bx bx-home-alt"></i></a>
                        </li>
                        <li class="breadcrumb-item">
                            <a href="{{ route('settings.view') }}">Settings</a>
                        </li>
                        <li class="breadcrumb-item active" aria-current="page">System Settings</li>
                    </ol>
                </nav>
            </div>
        </div>

        <hr />

        <div class="card">
            <div class="card-body">
                <!-- Top Heading styled like Auto Translate Settings -->
                <h5 class="mb-3"><i class="bx bx-cog me-1"></i> System Settings</h5>

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

                    <!-- Section Heading for Upload Size Setting -->
                    <h6 class="mb-3 text-uppercase mt-4 text-secondary">Upload Size Setting</h6>

                    <div class="row g-3">

                        <!-- Profile Image Upload Size -->
                        <div class="col-md-6 col-xl-4">
                            <div class="general-field-card">
                                <label for="profile_image_upload_size" class="form-label fw-semibold">Profile Image Upload Size (KB)</label>
                                <div class="input-group">
                                    <span class="input-group-text"><i class="bx bx-image"></i></span>
                                    <input
                                        type="number"
                                        step="1"
                                        min="1"
                                        id="profile_image_upload_size"
                                        name="profile_image_upload_size"
                                        class="form-control @error('profile_image_upload_size') is-invalid @enderror"
                                        value="{{ old('profile_image_upload_size', $system['profile_image_upload_size']) }}"
                                        placeholder="Enter size in KB"
                                    >
                                    @error('profile_image_upload_size')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                                <small class="text-muted d-block mt-2">Maximum allowed file size in KB for user profile image uploads (e.g., 2048 KB = 2 MB).</small>
                            </div>
                        </div>

                        <!-- KYC Document Upload Size -->
                        <div class="col-md-6 col-xl-4">
                            <div class="general-field-card">
                                <label for="kyc_document_upload_size" class="form-label fw-semibold">KYC Document Upload Size (KB)</label>
                                <div class="input-group">
                                    <span class="input-group-text"><i class="bx bx-file"></i></span>
                                    <input
                                        type="number"
                                        step="1"
                                        min="1"
                                        id="kyc_document_upload_size"
                                        name="kyc_document_upload_size"
                                        class="form-control @error('kyc_document_upload_size') is-invalid @enderror"
                                        value="{{ old('kyc_document_upload_size', $system['kyc_document_upload_size']) }}"
                                        placeholder="Enter size in KB"
                                    >
                                    @error('kyc_document_upload_size')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                                <small class="text-muted d-block mt-2">Maximum allowed file size in KB for KYC document verification uploads (e.g., 5120 KB = 5 MB).</small>
                            </div>
                        </div>

                    </div>

                    <!-- Buttons -->
                    <div class="mt-4 d-flex flex-wrap gap-2">
                        <button type="submit" class="btn btn-primary px-4">
                            <i class="bx bx-save me-1"></i> Save Changes
                        </button>

                        <a href="{{ route('settings.view') }}" class="btn btn-light px-4">
                            <i class="bx bx-arrow-back me-1"></i> Back
                        </a>
                    </div>

                </form>

            </div>
        </div>

    </div>
</div>
@endsection