@extends('layouts.admin')

@section('title', 'Edit Site Settings')
@section('header_title', 'Site Settings')

@section('content')
<div class="card-custom">
    <div class="card-custom-header">
        <h2>Global Configuration</h2>
        <span class="badge badge-secondary" style="font-size: 13px; font-weight: 600; padding: 6px 12px; border-radius: 20px;">site_settings</span>
    </div>

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

        <div class="row">
            <div class="col-md-6 form-group form-group-custom">
                <label for="siteName">Church / Site Name</label>
                <input type="text" id="siteName" name="siteName" class="form-control form-control-custom" value="{{ old('siteName', $setting->siteName) }}" required>
            </div>
            
            <div class="col-md-6 form-group form-group-custom">
                <label for="siteUrl">Website URL</label>
                <input type="text" id="siteUrl" name="siteUrl" class="form-control form-control-custom" value="{{ old('siteUrl', $setting->siteUrl) }}" placeholder="e.g. www.ipcshalomchicago.org">
            </div>
        </div>

        <div class="row mt-3">
            <div class="col-md-6 form-group form-group-custom">
                <label for="phone">Contact Phone Number</label>
                <input type="text" id="phone" name="phone" class="form-control form-control-custom" value="{{ old('phone', $setting->phone) }}">
            </div>
            
            <div class="col-md-6 form-group form-group-custom">
                <label for="email">Contact Email Address</label>
                <input type="email" id="email" name="email" class="form-control form-control-custom" value="{{ old('email', $setting->email) }}">
            </div>
        </div>

        <div class="form-group form-group-custom mt-3">
            <label for="addressOnline">Address (Physical & Mailing)</label>
            <textarea id="addressOnline" name="addressOnline" class="form-control form-control-custom" rows="4">{{ old('addressOnline', $setting->addressOnline) }}</textarea>
        </div>

        <div class="form-group form-group-custom mt-3">
            <label for="siteKey">Google Map Embed Code (Iframe HTML)</label>
            <textarea id="siteKey" name="siteKey" class="form-control form-control-custom" rows="4" placeholder="Paste <iframe> code from Google Maps share options">{{ old('siteKey', $setting->siteKey) }}</textarea>
            @if($setting->siteKey)
                <div class="mt-3 p-3 bg-light rounded border">
                    <span class="d-block mb-2 font-weight-bold text-muted" style="font-size: 13px;">Live Map Preview:</span>
                    <div style="max-width: 100%; height: 200px; overflow: hidden; border-radius: 8px;">
                        {!! $setting->siteKey !!}
                    </div>
                </div>
            @endif
        </div>

        <div class="mt-4 pt-3 border-top text-right">
            <button type="submit" class="btn btn-custom-primary">
                <i class="fa fa-save mr-2"></i> Save Changes
            </button>
        </div>
    </form>
</div>
@endsection