@extends('admin.layouts.admin')
@section('content')
    <div class="row">
        <div class="col-12">
            <div class="card card-primary" data-aos="fade-up" data-aos-duration="1000">
                <div class="card-header text-white pb-0" style="background-color: rgb(0, 0, 0);">
                    <h1 style="font-size: 24px">
                        {{ $pageData->pageName ?? 'Website Settings' }}
                    </h1>
                </div>

                <div class="card-body">
                    <form method="post" action="{{ route('admin.settings.update') }}" enctype="multipart/form-data">
                        @csrf
                        <h3>Header</h3>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="header_logo" class="form-label">Header Logo</label>
                                    <input type="file" class="form-control" id="header_logo" name="header_logo">

                                    <label>Preview:</label><br>
                                    <div style="margin-top: 10px;">
                                        <img src="{{ $settings->getFirstMediaUrl('header_logo') }}" alt="Header Logo" class="img-fluid" style="max-height: 150px;">
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="fav_icon" class="form-label">Website Icon</label>
                                    <input type="file" class="form-control" id="fav_icon" name="fav_icon">

                                    <label>Preview:</label><br>
                                    <div style="margin-top: 10px;">
                                        <img src="{{ $settings->getFirstMediaUrl('fav_icon') }}" alt="Website Icon" class="img-fluid" style="max-height: 150px;">
                                    </div>
                                </div>
                            </div>
                        </div>

                        <h3>Footer</h3>
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="footer_number" class="form-label">Contact Number</label>
                                    <input type="text" class="form-control" id="footer_number" name="footer_number"
                                        placeholder="Contact Number" value="{{ $decodedContent['footer_number']}}">
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="footer_email" class="form-label">Contact Email</label>
                                    <input type="email" class="form-control" id="footer_email" name="footer_email"
                                        placeholder="Contact Email" value="{{ $decodedContent['footer_email'] ?? '' }}">
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="footer_location" class="form-label">Location</label>
                                    <input type="text" class="form-control" id="footer_location" name="footer_location"
                                        placeholder="Location" value="{{ $decodedContent['footer_location'] ?? '' }}">
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="facebook_link" class="form-label">Facebook Link</label>
                                    <input type="text" class="form-control" id="facebook_link" name="facebook_link"
                                        placeholder="Facebook Link" value="{{ $decodedContent['facebook_link'] ?? '' }}">
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="twitter_link" class="form-label">Twitter Link</label>
                                    <input type="text" class="form-control" id="twitter_link" name="twitter_link"
                                        placeholder="Twitter Link" value="{{ $decodedContent['twitter_link'] ?? '' }}">
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="linkedin_link" class="form-label">LinkedIn Link</label>
                                    <input type="text" class="form-control" id="linkedin_link" name="linkedin_link"
                                        placeholder="LinkedIn Link" value="{{ $decodedContent['linkedin_link'] ?? '' }}">
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="instagram_link" class="form-label">Instagram Link</label>
                                    <input type="text" class="form-control" id="instagram_link" name="instagram_link"
                                        placeholder="Instagram Link" value="{{ $decodedContent['instagram_link'] ?? '' }}">
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="footer_contact_sec_heading" class="form-label">Footer Contact Section Heading</label>
                                    <input type="text" class="form-control" id="footer_contact_sec_heading" name="footer_contact_sec_heading"
                                        placeholder="Footer Contact Section Heading" value="{{ $decodedContent['footer_contact_sec_heading'] ?? '' }}">
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="footer_contact_sec_paragraph" class="form-label">Footer Contact Section Paragraph</label>
                                    <input type="text" class="form-control" id="footer_contact_sec_paragraph" name="footer_contact_sec_paragraph"
                                        placeholder="Footer Contact Section Paragraph" value="{{ $decodedContent['footer_contact_sec_paragraph'] ?? '' }}">
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="footer_contact_sec_button_text" class="form-label">Footer Contact Section Button Text</label>
                                    <input type="text" class="form-control" id="footer_contact_sec_button_text" name="footer_contact_sec_button_text"
                                        placeholder="Footer Contact Section Button Text" value="{{ $decodedContent['footer_contact_sec_button_text'] ?? '' }}">
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="footer_contact_sec_button_link" class="form-label">Footer Contact Section Button Link</label>
                                    <input type="text" class="form-control" id="footer_contact_sec_button_link" name="footer_contact_sec_button_link"
                                        placeholder="Footer Contact Section Button Link" value="{{ $decodedContent['footer_contact_sec_button_link'] ?? '' }}">
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="footer_copyright_section" class="form-label">Footer Copyright Section</label>
                                    <input type="text" class="form-control" id="footer_copyright_section" name="footer_copyright_section"
                                        placeholder="Footer Copyright Section" value="{{ $decodedContent['footer_copyright_section'] ?? '' }}">
                                </div>
                            </div>
                        </div>
                        <div class="form-group mt-3">
                            <button type="submit" class="btn btn-primary">Update Page</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection