@extends('user::layouts.backend-master')
@section('breadcrumb_title', 'Social Link')

@section('content')

    <div class="card">
        <div class="p-4">

            <div class="flex justify-between items-center mb-4">
                <h3 class="mb-1 text-2xl font-semibold">Social Links (Leave blank if not needed)</h3>
                <a href="{{ route('admin.setting.index') }}" class="btn btn-primary">
                    <i class="fas fa-arrow-left me-2"></i> Back
                </a>
            </div>

            <form action="{{ route('admin.setting.social-link.save') }}" method="POST">
                @csrf

                <!-- Main Social Platforms -->
                <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-6">

                    <div class="col-span-2">
                        <div class="input-with-label mb-4">
                            <label for="show_social_links" class="form-label">Show Social Links</label>
                            <div>
                                <label class="switch">
                                    <input type="checkbox" id="show_social_links" @checked(old('show_social_links', isset($setting->show_social_links) && $setting?->show_social_links ?? ''))
                                        class="form-check-input" name="show_social_links"
                                        {{ old('show_social_links') ? 'checked' : '' }}>
                                    <span class="slider round"></span>
                                </label>
                                @error('show_social_links')
                                    <p class="text-red-500 text-xs">{{ $message }}</p>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <div class="input-with-label">
                        <label for="facebook_link">Facebook Link</label>
                        <input type="url" id="facebook_link" name="facebook_link"
                            value="{{ old('facebook_link', $setting?->facebook_link ?? '') }}"
                            placeholder="https://facebook.com/yourpage">
                        @error('facebook_link')
                            <p class="text-red-500 text-xs">{{ $message }}</p>
                        @enderror
                    </div>

                    <div class="input-with-label">
                        <label for="twitter_link">Twitter/X Link</label>
                        <input type="url" id="twitter_link" name="twitter_link"
                            value="{{ old('twitter_link', $setting?->twitter_link ?? '') }}"
                            placeholder="https://twitter.com/yourusername">
                        @error('twitter_link')
                            <p class="text-red-500 text-xs">{{ $message }}</p>
                        @enderror
                    </div>

                    <div class="input-with-label">
                        <label for="instagram_link">Instagram Link</label>
                        <input type="url" id="instagram_link" name="instagram_link"
                            value="{{ old('instagram_link', $setting?->instagram_link ?? '') }}"
                            placeholder="https://instagram.com/yourusername">
                        @error('instagram_link')
                            <p class="text-red-500 text-xs">{{ $message }}</p>
                        @enderror
                    </div>

                    <div class="input-with-label">
                        <label for="linkedin_link">LinkedIn Link</label>
                        <input type="url" id="linkedin_link" name="linkedin_link"
                            value="{{ old('linkedin_link', $setting?->linkedin_link ?? '') }}"
                            placeholder="https://linkedin.com/in/yourprofile">
                        @error('linkedin_link')
                            <p class="text-red-500 text-xs">{{ $message }}</p>
                        @enderror
                    </div>

                    <div class="input-with-label">
                        <label for="youtube_link">YouTube Link</label>
                        <input type="url" id="youtube_link" name="youtube_link"
                            value="{{ old('youtube_link', $setting?->youtube_link ?? '') }}"
                            placeholder="https://youtube.com/channel/yourchannel">
                        @error('youtube_link')
                            <p class="text-red-500 text-xs">{{ $message }}</p>
                        @enderror
                    </div>

                    <div class="input-with-label">
                        <label for="tiktok_link">TikTok Link</label>
                        <input type="url" id="tiktok_link" name="tiktok_link"
                            value="{{ old('tiktok_link', $setting?->tiktok_link ?? '') }}"
                            placeholder="https://tiktok.com/@yourusername">
                        @error('tiktok_link')
                            <p class="text-red-500 text-xs">{{ $message }}</p>
                        @enderror
                    </div>


                    <div class="input-with-label">
                        <label for="github_link">GitHub Link</label>
                        <input type="url" id="github_link" name="github_link"
                            value="{{ old('github_link', $setting?->github_link ?? '') }}"
                            placeholder="https://github.com/yourusername">
                        @error('github_link')
                            <p class="text-red-500 text-xs">{{ $message }}</p>
                        @enderror
                    </div>

                    <div class="input-with-label">
                        <label for="behance_link">Behance Link</label>
                        <input type="url" id="behance_link" name="behance_link"
                            value="{{ old('behance_link', $setting?->behance_link ?? '') }}"
                            placeholder="https://behance.net/yourusername">
                        @error('behance_link')
                            <p class="text-red-500 text-xs">{{ $message }}</p>
                        @enderror
                    </div>

                    <div class="input-with-label">
                        <label for="dribbble_link">Dribbble Link</label>
                        <input type="url" id="dribbble_link" name="dribbble_link"
                            value="{{ old('dribbble_link', $setting?->dribbble_link ?? '') }}"
                            placeholder="https://dribbble.com/yourusername">
                        @error('dribbble_link')
                            <p class="text-red-500 text-xs">{{ $message }}</p>
                        @enderror
                    </div>

                    <div class="input-with-label">
                        <label for="pinterest_link">Pinterest Link</label>
                        <input type="url" id="pinterest_link" name="pinterest_link"
                            value="{{ old('pinterest_link', $setting?->pinterest_link ?? '') }}"
                            placeholder="https://pinterest.com/yourusername">
                        @error('pinterest_link')
                            <p class="text-red-500 text-xs">{{ $message }}</p>
                        @enderror
                    </div>

                </div>

                <div class="mt-6 flex justify-end gap-2">
                    <a href="{{ route('admin.setting.index') }}" class="btn btn-secondary">Back</a>
                    <button type="submit" class="btn btn-primary">Save changes</button>
                </div>
            </form>
        </div>
    </div>

@endsection