@extends('backend.layouts.app')
@section('title', 'Settings')
@section('content')
    <div class="content container-fluid">
        <div class="card shadow-lg border-0 rounded-lg">
            <div class="card-header bg-primary text-white text-center">
                <h3 class="mb-0">Website Settings</h3>
            </div>
            <div class="card-body">


                <ul class="nav nav-tabs" id="settingsTabs" role="tablist">
                    <li class="nav-item" role="presentation">
                        <button class="nav-link active" id="general-tab" data-bs-toggle="tab" data-bs-target="#general"
                            type="button" role="tab">General</button>
                    </li>
                    <li class="nav-item" role="presentation">
                        <button class="nav-link" id="footer-tab" data-bs-toggle="tab" data-bs-target="#footer"
                            type="button" role="tab">Footer</button>
                    </li>
                </ul>

                <form action="{{ route('admin.settings.update') }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    <div class="tab-content mt-3" id="settingsTabsContent">
                        <!-- General Tab -->
                        <div class="tab-pane fade show active" id="general" role="tabpanel">
                            <div class="mb-4">
                                <label class="form-label fw-bold">Site Logo</label>
                                <div class="d-flex flex-column">
                                    @php
                                        $site_logo = isset($settings['site_logo'])
                                            ? asset('frontend/assets/images/' . $settings['site_logo'])
                                            : asset('frontend/assets/images/hydroland1.jpg');
                                    @endphp
                                    <img src="{{ $site_logo }}" alt="Site Logo" class="img-thumbnail mb-2"
                                        width="120">
                                    <input type="file" name="site_logo" class="form-control w-50">
                                </div>
                            </div>

                        </div>

                        <div class="tab-pane fade" id="footer" role="tabpanel">
                            <div class="mb-3">
                                <label class="form-label fw-bold">Footer Copyright Text</label>
                                <input type="text" name="footer_copyright_text" class="form-control"
                                    value="{{ $settings['footer_copyright_text'] ?? '' }}">
                            </div>
                        </div>
                    </div>

                    <div class="mt-3">
                        <button type="submit" class="btn btn-success px-4">Save Changes</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection
@push('scripts')

    @if (session('success'))
        <script>
            iziToast.success({
                title: 'Success',
                position: 'topRight',
                message: '{{ addslashes(session('success')) }}' // Escape the message
            });
        </script>
    @endif
@endpush