{{-- resources/views/admin/support-contact.blade.php --}}
@extends('layouts/contentLayoutMaster')

@section('content')
    <div class="container py-4 d-flex justify-content-center">
        <div class="support-contact-wrapper">
            <h2 class="editable-header mb-4">Edit Support Contact Page</h2>

            {{-- Success Flash Message --}}
            @if (session('success'))
                <div class="alert alert-success">
                    {{ session('success') }}
                </div>
            @endif

            {{-- Error Message --}}
            @if ($errors->any())
                <div class="alert alert-danger">
                    <ul class="mb-0">
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif

            {{-- Contact Settings Form --}}
            <form method="POST" action="{{ route('admin.support-contact.update') }}" class="support-contact-form">
                @csrf

                @foreach ([
            'excerpt_title' => 'Excerpt Title',
            'excerpt' => 'Excerpt Content',
            'contact_form_title' => 'Contact Form Title',
            'company_name' => 'Company Name',
            'business_address' => 'Business Address',
            'company_email' => 'Company Email',
            'company_phone_number' => 'Phone Number',
            'work_hours' => 'Work Hours',
        ] as $slug => $label)
                    <div class="mb-3">
                        <label for="{{ $slug }}" class="form-label editable-label">{{ $label }}</label>
                        <input type="hidden" name="slugs[]" value="{{ $slug }}">
                        <textarea name="{{ $slug }}" id="{{ $slug }}" class="form-control editable-textarea" rows="2"
                            required>{{ old($slug, $settings[$slug]->value ?? '') }}</textarea>
                    </div>
                @endforeach

                {{-- Update Button --}}
                <div class="mt-4 text-start">
                    <button type="submit" class="btn btn-primary px-4 py-2">Update</button>
                </div>
            </form>
        </div>
    </div>

    <style>
        .support-contact-wrapper {
            width: 700px;
        }

        .support-contact-form {
            padding-bottom: 80px;
        }

        .editable-header {
            font-size: 22px;
            font-weight: 600;
        }

        .editable-label {
            font-size: 16px;
            font-weight: 500;
        }

        .editable-textarea {
            font-size: 15px;
        }

        .alert-success,
        .alert-danger {
            font-size: 15px;
        }
    </style>
@endsection