@extends('admin.layouts.app')
@section('title', 'Pengaturan Home')
@section('content')
<div class="card">
    <div class="card-header bg-gradient-primary text-white">
        <h5 class="mb-0">Pengaturan Home</h5>
    </div>
    <div class="card-body">
    <form class="row g-2 mb-3" action="{{ route('admin.home-setting.store') }}" method="POST" enctype="multipart/form-data">
        @csrf
        <div class="col-12 col-md-3">
            <select name="key" class="form-select" required>
                <option value="">-- Pilih Key --</option>
                <option value="organisasi_url">organisasi_url (gambar)</option>
                <option value="logo_url">logo_url (gambar)</option>
                <option value="background_url">background_url (gambar)</option>
            </select>
        </div>
        <div class="col-12 col-md-4">
            <input type="file" name="image" class="form-control" accept="image/*">
        </div>
        <div class="col-12 col-md-3">
            <input type="text" name="value" class="form-control" placeholder="Atau isi value teks">
        </div>
        <div class="col-12 col-md-2 d-grid">
            <button type="submit" class="btn btn-success">Tambah / Update</button>
        </div>
    </form>
        <table class="table table-bordered table-hover">
            <thead>
                <tr>
                    <th>Key</th>
                    <th>Value</th>
                    <th>Aksi</th>
                </tr>
            </thead>
            <tbody>
                @foreach($settings as $setting)
                <tr>
                    <td>{{ $setting->key }}</td>
                    <td>{{ Str::limit($setting->value, 60) }}</td>
                    <td>
                        <a href="{{ route('admin.home-setting.edit', $setting->id) }}" class="btn btn-sm btn-primary">Edit</a>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>
@endsection