@extends('superadmin.layout.main')

@section('header-js')
    <script src="{{ asset('/assets/ckeditor/ckeditor.js') }}"></script>
@endsection

<!-- Page header -->
@section('page-header')
    <div class="page-header d-print-none">
        <div class="container-xl">
            <div class="row g-2 align-items-center">
                <div class="col">
                    <!-- Page pre-title -->
                    <div class="page-pretitle">
                        Footer Content
                    </div>
                    <h2 class="page-title">
                        Setting
                    </h2>
                </div>
                <!-- Page title actions -->
                <div class="col-auto ms-auto d-print-none">
                    <div class="btn-list">
                        <span class="d-none d-sm-inline">
                            <a href="{{ route('admin.dashboard') }}" class="btn btn-primary">
                                {!! $GO_BACK !!} Go Back
                            </a>
                        </span>

                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection


@section('main-container')

    <div class="row">
        <div class="col-sm-12 mt-5">
            @if ($errors->any())
                <div class="card">
                    <div class="card-body">
                        <div class="alert alert-danger">
                            <ul>
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    </div>
                </div>        
            @endif
            <div class="card">
                <div class="card-header d-flex justify-content-between align-items-center">
                    
                    <h2 class="mb-0">Footer Content Setting</h2>
                    <div class="ms-auto">
                        <button type="submit" form="form-id" class="btn btn-success">
                            {!! $CHECK !!} Update Settings
                        </button>
                    </div>
                </div>
                <div class="card-body">

                    
                    <div class="row mb-3">
                        <div class="col">
                            <div class="alert alert-info" role="alert">
                                <div class="d-flex">
                                    <div>
                                        {!! $INFO !!}
                                    </div>
                                    <div style="margin-left: 10px;">
                                        Note: To hide any section, simply leave it empty.
                                    </div>
                                </div>
                              </div>
                        </div>
                    </div>
                    
                    <form method="POST" id="form-id" action="{{ route('admin.setting.footer-update') }}" enctype="multipart/form-data">
                        @csrf
                        @method('PUT')
                    
                        <!-- Contact Email -->
                        <div class="mb-4">
                            <label class="form-label">
                                Contact Email
                                <span data-bs-toggle="tooltip" data-bs-placement="right" title="If you don't want to display email in footer leave this empty."><span class="info-icon"> {!! $INFO  !!} </span></span>
                            </label>
                            <input type="email" class="form-control {{ errorClass($errors, 'contact_email') }}" name="contact_email" placeholder="contact@example.com" value="{{old('contact_email',$setting->contact_email)}}">
                        </div>
                    
                        <!-- Contact Phone -->
                        <div class="mb-4">
                            <label class="form-label">
                                Contact Phone
                                <span data-bs-toggle="tooltip" data-bs-placement="right" title="If you don't want to display phone in footer leave this empty."><span class="info-icon"> {!! $INFO  !!} </span></span>
                            </label>
                            <input type="tel" class="form-control {{ errorClass($errors, 'contact_phone') }}" name="contact_phone" placeholder="+1 234 567 890" value="{{old('contact_phone',$setting->contact_phone?? NULL)}}">
                        </div>
                    
                        <!-- Contact Address -->
                        <div class="mb-4">
                            <label class="form-label">
                                Contact Address
                                <span data-bs-toggle="tooltip" data-bs-placement="right" title="If you don't want to display address in footer leave this empty."><span class="info-icon"> {!! $INFO  !!} </span></span>
                            </label>
                            <textarea class="form-control" name="contact_address" rows="3" placeholder="Enter your contact address here...">{{old('contact_address',$setting->contact_address?? NULL)}}</textarea>
                        </div>
                    
                        <!-- About Us -->
                        <div class="mb-4">
                            <label class="form-label">
                                About Us
                                <span data-bs-toggle="tooltip" data-bs-placement="right" title="This will be display in footer."><span class="info-icon"> {!! $INFO  !!} </span></span>
                            </label>
                            <textarea class="form-control" name="about_us" rows="3" placeholder="Enter information about your organization here...">{{old('about_us',$setting->about_us?? NULL)}}</textarea>
                        </div>
                    
                        <!-- Social Links -->
                        <div class="mb-4">
                            <label class="form-label">
                                Social Links (JSON format)
                                <span data-bs-toggle="tooltip" data-bs-placement="right" title="If you don't want to display social media in footer leave this empty."><span class="info-icon"> {!! $INFO  !!} </span></span>
                            </label>
                            <textarea class="form-control {{ errorClass($errors, 'social_links') }}" placeholder={{$SOCIAL_MEDIA_JSON}} name="social_links" rows="3" >{{old('social_links', $setting->social_links? json_decode($setting->social_links) : false)}}</textarea>
                            @error('social_links')
                                <span class="text text-danger">{{$message}}</span>
                            @enderror
                        </div>
                       
                        <div class="stylish-line">
                            <span>Promotion Section</span>
                        </div>

                           
                        <!-- Show Section -->
                        <div class="row mb-4">
                            <div class="col-md-4 mb-2">
                                <label class="form-label">Show Footer Promotion Section</label>
                                <select class="form-control" name="donation_section_show" id="donationSectionDrodpwn">
                                    <option value="1" {{$setting->donation_section_show? 'selected' : false}} >Yes</option>
                                    <option value="0" {{$setting->donation_section_show === 0? 'selected' : false}}>No</option>
                                </select>
                            </div>

                        </div>

                        <!-- Show Footer Promotion Section -->
                        <div class="row {{$setting->donation_section_show? false : 'd-none' }}" id="donationSection">
                         
                            <div class="col-md-4 mb-2">
                                <label class="form-label">Section Text</label>
                                <input type="text" class="form-control" name="donation_section_text" value="{{$setting->donation_section_text?? false}}">
                            </div>
                            <div class="col-md-4 mb-2">
                                <label class="form-label">Button Text</label>
                                <input type="text" class="form-control" name="donation_btn_text" value="{{$setting->donation_btn_text?? false}}">
                            </div>
                            <div class="col-md-4 mb-2">
                                <label class="form-label">Button Link (URL)</label>
                                <input type="text" class="form-control" name="donation_btn_link" value="{{$setting->donation_btn_link?? false}}">
                            </div>
                        </div>

                        
                        <div class="stylish-line">
                            <span>Copyrights</span>
                        </div>

                         <!-- Show Footer Copyrights Section -->
                         <div class="row">
                            <div class="col-md-12 mb-2">
                                <label class="form-label">Copyrights in Footer</label>
                                <input type="text" placeholder="Copyright © {{date('Y')}}. All Rights Reserved by White Wall Sol" class="form-control" name="copyrights" value="{{old('copyrights', $setting->copyrights?? false)}}">
                                @error('copyrights')
                                    <span class="text text-danger">{{$message}}</span>
                                @enderror
                            </div>
                        </div>

                        <div class="stylish-line">
                            <span>Section Content</span>
                        </div>

                        <div class="row mb-3">
                            <div class="col">
                                <div class="alert alert-info" role="alert">
                                    <div class="d-flex">
                                        <div>
                                            {!! $INFO !!}
                                        </div>
                                        <div style="margin-left: 10px;">
                                        Note: If you don't want to display any section make its Heading empty.
                                        </div>
                                    </div>
                                  </div>
                            </div>
                        </div>

                        <!-- Footer Section -->
                        <div class="row">

                            <!-- Features Section -->
                            <div class="col-md-12 mb-5">
                                <div class="row">
                                    <div class="col-sm-12 mb-3">
                                        <label class="form-label">Heading</label>
                                        <input type="text" placeholder="Features" class="form-control" name="features_heading" value="{{old('features_heading', $setting->features_heading?? false)}}">
                                        @error('features_heading')
                                            <span class="text text-danger">{{$message}}</span>
                                        @enderror
                                    </div>
                                    <div class="sm-12">
                                        <label class="form-label">Content</label>
                                        <textarea placeholder="HTML content..." class="form-control ck-edit" name="features_content">{{old('features_content', $setting->features_content?? $DUMMY_FEATURES_CONTENT?? false)}}</textarea>
                                        @error('features_content')
                                            <span class="text text-danger">{{$message}}</span>
                                        @enderror
                                    </div>
                                </div>
                            </div>

                            <!-- Support Section -->
                            <div class="col-md-12 mb-5">
                                <div class="row">
                                    <div class="col-sm-12 mb-3">
                                        <label class="form-label">Heading</label>
                                        <input type="text" placeholder="Support" class="form-control" name="support_heading" value="{{old('support_heading', $setting->support_heading?? false)}}">
                                        @error('support_heading')
                                            <span class="text text-danger">{{$message}}</span>
                                        @enderror
                                    </div>
                                    <div class="sm-12">
                                        <label class="form-label">Content</label>
                                        <textarea placeholder="HTML content..." class="form-control ck-edit" name="support_content">{{old('support_content', $setting->support_content?? $DUMMY_SUPPORT_CONTENT?? false)}}</textarea>
                                        @error('support_content')
                                            <span class="text text-danger">{{$message}}</span>
                                        @enderror
                                    </div>
                                </div>
                            </div>

                            <!-- Trending Section -->
                            <div class="col-md-12 mb-5">
                                <div class="row">
                                    <div class="col-sm-12 mb-3">
                                        <label class="form-label">Heading</label>
                                        <input type="text" placeholder="Trending" class="form-control" name="trending_heading" value="{{old('trending_heading', $setting->trending_heading?? false)}}">
                                        @error('trending_heading')
                                            <span class="text text-danger">{{$message}}</span>
                                        @enderror
                                    </div>
                                    <div class="sm-12">
                                        <label class="form-label">Content</label>
                                        <textarea placeholder="HTML content..." class="form-control ck-edit" name="trending_content">{{old('trending_content', $setting->trending_content?? $DUMMY_TRENDING_CONTENT?? false)}}</textarea>
                                        @error('trending_content')
                                            <span class="text text-danger">{{$message}}</span>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        
                        </div> <!-- End Section Eow -->


                        <!-- Submit Button -->
                        <div class="mt-4">
                            <button type="submit" class="btn btn-success mt-4"> {!! $CHECK !!} Update Settings</button>
                        </div>
                    </form>
                    
                    
                </div>
            </div>
        </div>
    </div>

@endsection


@section('script')
<script>
    document.getElementById('donationSectionDrodpwn').addEventListener('change', function () {
        const donationSection = document.getElementById('donationSection');
        if (this.value == 1) {
            donationSection.classList.remove('d-none');
        } else if (this.value == 0) {
            donationSection.classList.add('d-none');
        }
    });

    document.querySelectorAll('.ck-edit').forEach(function (element) {
        CKEDITOR.replace(element, {
            toolbar: [
                { name: 'basicstyles', items: ['Bold', 'Italic', 'Underline'] },
                { name: 'paragraph', items: ['NumberedList', 'BulletedList'] },
                { name: 'links', items: ['Link', 'Unlink'] },
                { name: 'clipboard', items: ['Undo', 'Redo'] },
                { name: 'styles', items: ['Format'] },
            ],
            removePlugins: 'elementspath',
            resize_enabled: false
        });
    });
</script>
@endsection