@extends('main')

@section('title', 'General Settings | Page')

@section('content')

    <div class="content">
        <div class="page-header">
            <div class="page-title">
                <h4>Application General Settings</h4>
                <h6>Manage your application's global parameters and configurations.</h6>
            </div>
        </div>

        <div class="card">
            <div class="card-body">
                <form action="{{ route('settings.update_global_parameters') }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    @method('PUT')

                    <div class="row">
                        @forelse($globalParameters as $param)
                            {{-- Setiap parameter dalam satu baris --}}
                            <div class="col-12 mb-3"> {{-- Gunakan col-12 agar setiap setting berada di baris terpisah --}}
                                <div class="form-group">
                                    {{-- Menggabungkan label dan key dalam satu baris --}}
                                    <label for="{{ $param->key }}">
                                        <strong>{{ $param->description }}</strong>
                                        <small class="text-muted">({{ $param->key }})</small>
                                    </label>

                                    @if ($param->type === 'string' || $param->type === 'number')
                                        <input type="{{ $param->type === 'number' ? 'number' : 'text' }}"
                                            name="{{ $param->key }}" id="{{ $param->key }}" class="form-control"
                                            value="{{ old($param->key, $param->value) }}"
                                            placeholder="Enter {{ strtolower($param->description) }}">
                                    @elseif ($param->type === 'text')
                                        <textarea name="{{ $param->key }}" id="{{ $param->key }}" class="form-control" rows="3"
                                            placeholder="Enter {{ strtolower($param->description) }}">{{ old($param->key, $param->value) }}</textarea>
                                    @elseif ($param->type === 'boolean')
                                        <div class="form-check form-switch mt-2"> {{-- Tambah margin-top agar tidak terlalu rapat --}}
                                            <input class="form-check-input" type="checkbox" role="switch"
                                                id="{{ $param->key }}" name="{{ $param->key }}"
                                                {{ $param->value == 'true' || $param->value == '1' ? 'checked' : '' }}>
                                            <label class="form-check-label" for="{{ $param->key }}">Enable
                                                {{ $param->description }}</label>
                                        </div>
                                    @elseif ($param->type === 'file' || $param->type === 'image')
                                        <input type="file" name="{{ $param->key }}" id="{{ $param->key }}"
                                            class="form-control">
                                        @if ($param->value)
                                            <small class="form-text text-muted mt-2">Current file: <a
                                                    href="{{ asset('img/' . $param->value) }}"
                                                    target="_blank">{{ $param->value }}</a></small>
                                            @if ($param->type === 'image')
                                                <div class="mt-2">
                                                    <img src="{{ asset('img/' . $param->value) }}"
                                                        alt="{{ $param->description }}"
                                                        style="max-width: 150px; height: auto;">
                                                </div>
                                            @endif
                                        @endif
                                    @else
                                        <input type="text" name="{{ $param->key }}" id="{{ $param->key }}"
                                            class="form-control" value="{{ old($param->key, $param->value) }}"
                                            placeholder="Enter {{ strtolower($param->description) }}">
                                        <small class="form-text text-muted">Type "{{ $param->type }}" is not fully
                                            supported yet.</small>
                                    @endif

                                    @error($param->key)
                                        <div class="text-danger mt-1">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        @empty
                            <div class="col-12">
                                <p class="text-center">No global parameters found.</p>
                            </div>
                        @endforelse

                        <div class="col-lg-12 mt-4">
                            <button type="submit" class="btn btn-submit me-2">Save Changes</button>
                            <a href="{{ url()->previous() }}" class="btn btn-cancel">Cancel</a>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>

@endsection