@extends('layouts.admin_main')

@section('content')
<div class="content-wrapper">
    <section class="content">
        <div class="container-fluid">
            <div class="col-md-8">
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">Edit CTA Section</h3>
                        @if (session('status'))
                            <div class="alert alert-success">{{ session('status') }}</div>
                        @endif
                    </div>
                    <div class="card-body">
                        <form method="POST" action="{{ route('cta.update') }}">
                            @csrf

                            <!-- Title -->
                            <div class="form-group">
                                <label for="title">CTA Title</label>
                                <input type="text" name="title" class="form-control" value="{{ old('title', $cta->title ?? '') }}" required>
                            </div>

                            <!-- Description -->
                            <div class="form-group">
                                <label for="description">CTA Description</label>
                                <textarea name="description" class="form-control" required>{{ old('description', $cta->description ?? '') }}</textarea>
                            </div>

                            <!-- Button Text -->
                            <div class="form-group">
                                <label for="button_text">Button Text</label>
                                <input type="text" name="button_text" class="form-control" value="{{ old('button_text', $cta->button_text ?? '') }}" required>
                            </div>

                            <!-- Button Link -->
                            <div class="form-group">
                                <label for="button_link">Button Link</label>
                                <input type="text" name="button_link" class="form-control" value="{{ old('button_link', $cta->button_link ?? '') }}" required>
                            </div>

                            <!-- Font Color -->
                            <div class="form-group">
                                <label for="font_color">Font Color (Hex Code)</label>
                                <input type="color" name="font_color" class="form-control" value="{{ old('font_color', $cta->font_color ?? '') }}">
                            </div>

                            <!-- Button Color -->
                            <div class="form-group">
                                <label for="button_color">Button Color (Hex Code)</label>
                                <input type="color" name="button_color" class="form-control" value="{{ old('button_color', $cta->button_color ?? '') }}">
                            </div>

                            <button type="submit" class="btn btn-primary">Update CTA</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>
@endsection