@extends('dashboard.layouts.main')

@section('title', getSiteName() . ' - Dashboard - General Settings')

@section('content')
    <form action="{{ route('settings-save') }}" method="post" class="pc-content">
        @csrf
        <!-- [ Main Content ] start -->
        <div class="row pt-0">
            @if(session('success'))
                <div class="col-12">
                    <div class="alert alert-success" role="alert">
                        <div class="alert-text">
                            {{ session('success') }}
                        </div>
                    </div>
                </div>
            @endif
            <div class="page-header-title">
                <h2 class="mb-3">{{ __('General Settings') }}</h2>
                <div class="permalink mb-3">
                    <div class="permalink d-flex justify-content-end">
						@can('edit settings')
                        <button type="submit" class="btn btn-primary me-2 w-auto">{{ __('Update') }}</button>
						@endcan
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <!-- [ sample-page ] start -->
            <div class="col-sm-12">
                <div class="card">
                    <div class="card-header">
                        <h5>{{ __('Site Settings') }}</h5>
                    </div>
                    <div class="card-body">
                        <div class="form-group">
                            <label class="form-label" for="meta_title">{{ __('HTML Tag Title') }}</label>
                            <input type="text" class="form-control" id="meta_title" name="meta_title" placeholder="{{ __('HTML Tag Title') }}" value="{{ old('meta_title') ? old('meta_title') : optional($settings)->option('meta_title') }}">
                            @error('meta_title')
                                <div class="alert-danger mt-2">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label class="form-label" for="meta_keywords">{{ __('Meta Keywords') }}</label>
                            <input type="text" class="form-control" id="meta_keywords" name="meta_keywords" placeholder="{{ __('Meta Keywords') }}" value="{{ old('meta_keywords') ? old('meta_keywords') : optional($settings)->option('meta_keywords') }}">
                            @error('meta_keywords')
                                <div class="alert-danger mt-2">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label class="form-label" for="meta_description">{{ __('Meta Description') }}</label>
                            <input type="text" class="form-control" id="meta_description" name="meta_description" placeholder="{{ __('Meta Description') }}" value="{{ old('meta_description') ? old('meta_description') : optional($settings)->option('meta_description') }}">
                            @error('meta_description')
                                <div class="alert-danger mt-2">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="form-check mb-3" style="padding-left: 0;">
                            <h6 class="form-label" style="font-weight: 500;">{{ __('Service Mode') }}</h6>
                            @if(optional($settings)->option('service_mode'))
                                <input class="form-check-input" type="checkbox" name="service_mode" id="service_mode" checked style="margin-left: 0; margin-right: 5px;">
                            @else
                                <input class="form-check-input" type="checkbox" name="service_mode" id="service_mode" @if(old('service_mode')) checked @endif style="margin-left: 0; margin-right: 5px;">
                            @endif
                            <label class="form-check-label" for="service_mode">{{ __('Enable') }}</label>
                        </div>
                        <div class="form-group">
                            <label class="form-label" for="contact_emails">{{ __('Contact Emails') }}</label>
                            <input type="text" class="form-control" id="contact_emails" name="contact_emails" placeholder="{{ __('example@rxample.com, example2@example.com...') }}" value="{{ old('contact_emails') ? old('contact_emails') : optional($settings)->option('contact_emails') }}">
                            @error('contact_emails')
                                <div class="alert-danger mt-2">{{ $message }}</div>
                            @enderror
                        </div>
                        <h5 class="mt-5">{{ __('Social Links') }}</h5>
                        <hr>
                        <div class="form-group">
                            <label class="form-label" for="facebook_link">{{ __('Facebook') }}</label>
                            <input type="text" class="form-control" id="facebook_link" name="facebook_link" placeholder="{{ __('https://facebook.com/') }}" value="{{ old('facebook_link') ? old('facebook_link') : optional($settings)->option('facebook_link') }}">
                            @error('facebook_link')
                                <div class="alert-danger mt-2">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label class="form-label" for="instagram_link">{{ __('Instagram') }}</label>
                            <input type="text" class="form-control" id="instagram_link" name="instagram_link" placeholder="{{ __('https://instagram.com/') }}" value="{{ old('instagram_link') ? old('instagram_link') : optional($settings)->option('instagram_link') }}">
                            @error('facebook_link')
                                <div class="alert-danger mt-2">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label class="form-label" for="twitter_link">{{ __('X (Twitter)') }}</label>
                            <input type="text" class="form-control" id="twitter_link" name="twitter_link" placeholder="{{ __('https://twitter.com/') }}" value="{{ old('twitter_link') ? old('twitter_link') : optional($settings)->option('twitter_link') }}">
                            @error('twitter_link')
                                <div class="alert-danger mt-2">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label class="form-label" for="youtube_link">{{ __('YouTube') }}</label>
                            <input type="text" class="form-control" id="youtube_link" name="youtube_link" placeholder="{{ __('https://youtube.com/') }}" value="{{ old('youtube_link') ? old('youtube_link') : optional($settings)->option('youtube_link') }}">
                            @error('youtube_link')
                                <div class="alert-danger mt-2">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label class="form-label" for="linkedin_link">{{ __('LinkedIn') }}</label>
                            <input type="text" class="form-control" id="linkedin_link" name="linkedin_link" placeholder="{{ __('https://linkedin.com/') }}" value="{{ old('linkedin_link') ? old('linkedin_link') : optional($settings)->option('linkedin_link') }}">
                            @error('linkedin_link')
                                <div class="alert-danger mt-2">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                </div>
            </div>
            <!-- [ sample-page ] end -->
        </div>
        <!-- [ Main Content ] end -->
    </form>
@endsection

@section('footer-scripts')
    <script>
        $('.file-uploader').on('change', function(event) {
            let input = event.target,
                reader = new FileReader(),
                $input = $(this); // Сохраняем ссылку на элемент #file-uploader

            reader.onload = function() {
                let dataURL = reader.result;
                $input.prev('img').attr('src', dataURL); // Используем сохраненную ссылку на элемент
            };

            reader.readAsDataURL(input.files[0]);
        });
    </script>
@endsection