@extends('admin.master')

@section('title')
    Website Setting
@endsection

@section('content')
    <div class="mt-4">
        <div class="row g-4">
            <div class="col-md-12">
                <div class="row g-3 mb-4">
                    <div class="col-auto">
                        <h2 class="mb-0">Website Setting</h2>
                    </div>
                </div>

                {!! Form::open(['id' => 'websiteSettingForm']) !!}
                {!! Form::hidden('id', $websiteSetting->id, ['id' => 'websiteSettingId']) !!}

                <div class="card mb-4">
                    <div class="card-header">
                        <h5 class="mb-0">Basic Information</h5>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-12 mb-3">
                                {!! Form::label('name', 'Name', ['class' => 'form-label']) !!}
                                {!! Form::text('name', $websiteSetting->name, [
                                    'class' => 'form-control form-control-sm',
                                    'id' => 'websiteName',
                                    'placeholder' => 'Enter Website Name',
                                ]) !!}
                            </div>
                            <div class="col-md-12 mb-3">
                                {!! Form::label('youtube_video_url', 'YouTube Video URL (For Home Page)', ['class' => 'form-label']) !!}
                                {!! Form::url('youtube_video_url', $websiteSetting->youtube_video_url, [
                                    'class' => 'form-control form-control-sm',
                                    'id' => 'youtubeVideoUrl',
                                    'placeholder' => 'https://www.youtube.com/watch?v=xxxxx or https://youtu.be/xxxxx',
                                ]) !!}
                                <small class="text-muted">Enter YouTube video URL to display on home page</small>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="card mb-4">
                    <div class="card-header">
                        <h5 class="mb-0">SEO Details for Home Page</h5>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-12 mb-3">
                                {!! Form::label('meta_title', 'Meta Title', ['class' => 'form-label']) !!}
                                {!! Form::text('meta_title', $websiteSetting->meta_title, [
                                    'class' => 'form-control form-control-sm',
                                    'id' => 'metaTitle',
                                    'placeholder' => 'Enter Meta Title',
                                    'maxlength' => 255,
                                ]) !!}
                                <small class="text-muted">Recommended: 50-60 characters</small>
                            </div>
                            <div class="col-md-12 mb-3">
                                {!! Form::label('meta_description', 'Meta Description', ['class' => 'form-label']) !!}
                                {!! Form::textarea('meta_description', $websiteSetting->meta_description, [
                                    'class' => 'form-control form-control-sm',
                                    'id' => 'metaDescription',
                                    'rows' => 3,
                                    'placeholder' => 'Enter Meta Description',
                                    'maxlength' => 500,
                                ]) !!}
                                <small class="text-muted">Recommended: 150-160 characters</small>
                            </div>
                            <div class="col-md-12 mb-3">
                                {!! Form::label('meta_keywords', 'Meta Keywords', ['class' => 'form-label']) !!}
                                {!! Form::textarea('meta_keywords', $websiteSetting->meta_keywords, [
                                    'class' => 'form-control form-control-sm',
                                    'id' => 'metaKeywords',
                                    'rows' => 2,
                                    'placeholder' => 'Enter Meta Keywords (comma separated)',
                                    'maxlength' => 500,
                                ]) !!}
                                <small class="text-muted">Separate keywords with commas</small>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="card mb-4">
                    <div class="card-header">
                        <h5 class="mb-0">Contact Details</h5>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6 mb-3">
                                {!! Form::label('contact_email', 'Email', ['class' => 'form-label']) !!}
                                {!! Form::email('contact_email', $websiteSetting->contact_email, [
                                    'class' => 'form-control form-control-sm',
                                    'id' => 'contactEmail',
                                    'placeholder' => 'Enter Email Address',
                                ]) !!}
                            </div>
                            <div class="col-md-6 mb-3">
                                {!! Form::label('contact_phone', 'Phone', ['class' => 'form-label']) !!}
                                {!! Form::text('contact_phone', $websiteSetting->contact_phone, [
                                    'class' => 'form-control form-control-sm',
                                    'id' => 'contactPhone',
                                    'placeholder' => 'Enter Phone Number',
                                ]) !!}
                            </div>
                            <div class="col-md-6 mb-3">
                                {!! Form::label('contact_mobile', 'Mobile', ['class' => 'form-label']) !!}
                                {!! Form::text('contact_mobile', $websiteSetting->contact_mobile, [
                                    'class' => 'form-control form-control-sm',
                                    'id' => 'contactMobile',
                                    'placeholder' => 'Enter Mobile Number',
                                ]) !!}
                            </div>
                            <div class="col-md-12 mb-3">
                                {!! Form::label('contact_address', 'Address', ['class' => 'form-label']) !!}
                                {!! Form::textarea('contact_address', $websiteSetting->contact_address, [
                                    'class' => 'form-control form-control-sm',
                                    'id' => 'contactAddress',
                                    'rows' => 2,
                                    'placeholder' => 'Enter Address',
                                ]) !!}
                            </div>
                            <div class="col-md-4 mb-3">
                                {!! Form::label('contact_city', 'City', ['class' => 'form-label']) !!}
                                {!! Form::text('contact_city', $websiteSetting->contact_city, [
                                    'class' => 'form-control form-control-sm',
                                    'id' => 'contactCity',
                                    'placeholder' => 'Enter City',
                                ]) !!}
                            </div>
                            <div class="col-md-4 mb-3">
                                {!! Form::label('contact_state', 'State', ['class' => 'form-label']) !!}
                                {!! Form::text('contact_state', $websiteSetting->contact_state, [
                                    'class' => 'form-control form-control-sm',
                                    'id' => 'contactState',
                                    'placeholder' => 'Enter State',
                                ]) !!}
                            </div>
                            <div class="col-md-4 mb-3">
                                {!! Form::label('contact_pincode', 'Pincode', ['class' => 'form-label']) !!}
                                {!! Form::text('contact_pincode', $websiteSetting->contact_pincode, [
                                    'class' => 'form-control form-control-sm',
                                    'id' => 'contactPincode',
                                    'placeholder' => 'Enter Pincode',
                                ]) !!}
                            </div>
                            <div class="col-md-12 mb-3">
                                {!! Form::label('contact_country', 'Country', ['class' => 'form-label']) !!}
                                {!! Form::text('contact_country', $websiteSetting->contact_country, [
                                    'class' => 'form-control form-control-sm',
                                    'id' => 'contactCountry',
                                    'placeholder' => 'Enter Country',
                                ]) !!}
                            </div>
                            <div class="col-md-12 mb-3">
                                {!! Form::label('office_time', 'Office Time', ['class' => 'form-label']) !!}
                                {!! Form::text('office_time', $websiteSetting->office_time, [
                                    'class' => 'form-control form-control-sm',
                                    'id' => 'officeTime',
                                    'placeholder' => 'e.g., Monday - Friday: 9:00 AM - 6:00 PM, Saturday: 10:00 AM - 4:00 PM',
                                ]) !!}
                                <small class="text-muted">Enter office hours/timing to display on the front website</small>
                            </div>
                            <div class="col-md-12 mb-3">
                                {!! Form::label('map_embed_url', 'Google Maps Embed URL', ['class' => 'form-label']) !!}
                                {!! Form::textarea('map_embed_url', $websiteSetting->map_embed_url ?? '', [
                                    'class' => 'form-control form-control-sm',
                                    'id' => 'mapEmbedUrl',
                                    'rows' => 4,
                                    'placeholder' => 'Paste either the full iframe code OR just the src URL here',
                                ]) !!}
                                <small class="text-muted">
                                    <strong>You can paste either:</strong><br>
                                    • <strong>Full iframe code:</strong> <code>&lt;iframe src="https://www.google.com/maps/embed?pb=..."&gt;&lt;/iframe&gt;</code><br>
                                    • <strong>Just the src URL:</strong> <code>https://www.google.com/maps/embed?pb=...</code><br><br>
                                    <strong>How to get it:</strong><br>
                                    1. Go to <a href="https://www.google.com/maps" target="_blank">Google Maps</a><br>
                                    2. Search for your location or click on a place<br>
                                    3. Click the <strong>"Share"</strong> button<br>
                                    4. Select <strong>"Embed a map"</strong> tab<br>
                                    5. Copy either the full iframe code or just the src URL<br>
                                    <strong>Note:</strong> Do NOT use the share link (maps.app.goo.gl). You must use the embed URL from the "Embed a map" tab.
                                </small>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="card mb-4">
                    <div class="card-header">
                        <h5 class="mb-0">Social Media Links</h5>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-bordered">
                                <thead>
                                    <tr>
                                        <th style="width: 200px;">Social Media</th>
                                        <th>URL</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>
                                            <label class="form-label mb-0">
                                                <i class="fab fa-facebook-f text-primary me-2"></i>Facebook
                                            </label>
                                        </td>
                                        <td>
                                            {!! Form::url('facebook_url', $websiteSetting->facebook_url, [
                                                'class' => 'form-control form-control-sm',
                                                'id' => 'facebookUrl',
                                                'placeholder' => 'https://www.facebook.com/yourpage',
                                            ]) !!}
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <label class="form-label mb-0">
                                                <i class="fab fa-twitter text-info me-2"></i>Twitter
                                            </label>
                                        </td>
                                        <td>
                                            {!! Form::url('twitter_url', $websiteSetting->twitter_url, [
                                                'class' => 'form-control form-control-sm',
                                                'id' => 'twitterUrl',
                                                'placeholder' => 'https://www.twitter.com/yourhandle',
                                            ]) !!}
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <label class="form-label mb-0">
                                                <i class="fab fa-instagram text-danger me-2"></i>Instagram
                                            </label>
                                        </td>
                                        <td>
                                            {!! Form::url('instagram_url', $websiteSetting->instagram_url, [
                                                'class' => 'form-control form-control-sm',
                                                'id' => 'instagramUrl',
                                                'placeholder' => 'https://www.instagram.com/yourprofile',
                                            ]) !!}
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <label class="form-label mb-0">
                                                <i class="fab fa-linkedin-in text-primary me-2"></i>LinkedIn
                                            </label>
                                        </td>
                                        <td>
                                            {!! Form::url('linkedin_url', $websiteSetting->linkedin_url, [
                                                'class' => 'form-control form-control-sm',
                                                'id' => 'linkedinUrl',
                                                'placeholder' => 'https://www.linkedin.com/company/yourcompany',
                                            ]) !!}
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <label class="form-label mb-0">
                                                <i class="fab fa-youtube text-danger me-2"></i>YouTube (Channel Link)
                                            </label>
                                        </td>
                                        <td>
                                            {!! Form::url('youtube_url', $websiteSetting->youtube_url, [
                                                'class' => 'form-control form-control-sm',
                                                'id' => 'youtubeUrl',
                                                'placeholder' => 'https://www.youtube.com/channel/yourchannel',
                                            ]) !!}
                                            <small class="text-muted">YouTube channel link for social media</small>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <label class="form-label mb-0">
                                                <i class="fab fa-whatsapp text-success me-2"></i>WhatsApp
                                            </label>
                                        </td>
                                        <td>
                                            {!! Form::url('whatsapp_url', $websiteSetting->whatsapp_url, [
                                                'class' => 'form-control form-control-sm',
                                                'id' => 'whatsappUrl',
                                                'placeholder' => 'https://wa.me/1234567890',
                                            ]) !!}
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <label class="form-label mb-0">
                                                <i class="fab fa-pinterest-p text-danger me-2"></i>Pinterest
                                            </label>
                                        </td>
                                        <td>
                                            {!! Form::url('pinterest_url', $websiteSetting->pinterest_url, [
                                                'class' => 'form-control form-control-sm',
                                                'id' => 'pinterestUrl',
                                                'placeholder' => 'https://www.pinterest.com/yourprofile',
                                            ]) !!}
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <label class="form-label mb-0">
                                                <i class="fab fa-snapchat text-warning me-2"></i>Snapchat
                                            </label>
                                        </td>
                                        <td>
                                            {!! Form::url('snapchat_url', $websiteSetting->snapchat_url, [
                                                'class' => 'form-control form-control-sm',
                                                'id' => 'snapchatUrl',
                                                'placeholder' => 'https://www.snapchat.com/add/yourusername',
                                            ]) !!}
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <label class="form-label mb-0">
                                                <i class="fab fa-tiktok text-dark me-2"></i>TikTok
                                            </label>
                                        </td>
                                        <td>
                                            {!! Form::url('tiktok_url', $websiteSetting->tiktok_url, [
                                                'class' => 'form-control form-control-sm',
                                                'id' => 'tiktokUrl',
                                                'placeholder' => 'https://www.tiktok.com/@yourusername',
                                            ]) !!}
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>

                <div class="card mb-4">
                    <div class="card-header">
                        <h5 class="mb-0">Statistics (Home Page)</h5>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6 mb-3">
                                {!! Form::label('cars_for_sale_count', 'Cars For Sale Count', ['class' => 'form-label']) !!}
                                {!! Form::number('cars_for_sale_count', $websiteSetting->cars_for_sale_count ?? 356, [
                                    'class' => 'form-control form-control-sm',
                                    'id' => 'carsForSaleCount',
                                    'placeholder' => 'Enter Cars For Sale Count',
                                    'min' => 0,
                                ]) !!}
                                <small class="text-muted">This count will be displayed on the home page</small>
                            </div>
                            <div class="col-md-6 mb-3">
                                {!! Form::label('dealer_reviews_count', 'Dealer Reviews Count', ['class' => 'form-label']) !!}
                                {!! Form::number('dealer_reviews_count', $websiteSetting->dealer_reviews_count ?? 546, [
                                    'class' => 'form-control form-control-sm',
                                    'id' => 'dealerReviewsCount',
                                    'placeholder' => 'Enter Dealer Reviews Count',
                                    'min' => 0,
                                ]) !!}
                                <small class="text-muted">This count will be displayed on the home page</small>
                            </div>
                            <div class="col-md-6 mb-3">
                                {!! Form::label('visitors_per_day_count', 'Visitors Per Day Count', ['class' => 'form-label']) !!}
                                {!! Form::number('visitors_per_day_count', $websiteSetting->visitors_per_day_count ?? 956, [
                                    'class' => 'form-control form-control-sm',
                                    'id' => 'visitorsPerDayCount',
                                    'placeholder' => 'Enter Visitors Per Day Count',
                                    'min' => 0,
                                ]) !!}
                                <small class="text-muted">This count will be displayed on the home page</small>
                            </div>
                            <div class="col-md-6 mb-3">
                                {!! Form::label('verified_dealers_count', 'Verified Dealers Count', ['class' => 'form-label']) !!}
                                {!! Form::number('verified_dealers_count', $websiteSetting->verified_dealers_count ?? 856, [
                                    'class' => 'form-control form-control-sm',
                                    'id' => 'verifiedDealersCount',
                                    'placeholder' => 'Enter Verified Dealers Count',
                                    'min' => 0,
                                ]) !!}
                                <small class="text-muted">This count will be displayed on the home page</small>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="d-flex gap-2 justify-content-end mb-4">
                    <button type="button" class="btn btn-outline-secondary" id="discardBtn">Discard</button>
                    <button type="submit" id="saveWebsiteSettingBtn" class="btn btn-primary">Save changes</button>
                </div>

                {!! Form::close() !!}

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

@section('javascript')
    <script>
        $(document).ready(function() {
            // Handle form submission
            $('#websiteSettingForm').on('submit', function(e) {
                e.preventDefault();

                let formData = $(this).serialize();
                formData += '&_token={{ csrf_token() }}';

                $.ajax({
                    url: "{{ route('admin.website-settings.store') }}",
                    type: 'POST',
                    data: formData,
                    success: function(res) {
                        if (res.code == '1') {
                            successToast(res.message);
                        } else {
                            dangerToast(res.message || 'Something went wrong.');
                        }
                    },
                    error: function(xhr) {
                        let errors = xhr.responseJSON?.errors;
                        let msg = '';
                        if (errors) {
                            $.each(errors, function(key, value) {
                                msg += value[0] + '\n';
                            });
                            alert(msg);
                        } else {
                            alert('Something went wrong.');
                        }
                    }
                });
            });

            // Discard button
            $('#discardBtn').on('click', function() {
                window.location.reload();
            });
        });
    </script>
@endsection