@section('title', 'Social Media Accounts')

<div>
    <div class="card">
        <div class="card-header">
            <h5>Social Media Accounts</h5>
        </div>
        <div class="card-body">
            @if (session()->has('message'))
                <div class="alert alert-success">{{ session('message') }}</div>
            @endif

            <form wire:submit.prevent="save">
                <div class="mb-3">
                    <label class="form-label">Facebook Page Link</label>
                    <div class="input-group">
                        <span class="input-group-text"><i class="fab fa-facebook text-primary"></i></span>
                        <input type="url" class="form-control" wire:model="facebook_page" placeholder="https://facebook.com/your-page">
                    </div>
                    @error('facebook_page') <span class="text-danger">{{ $message }}</span> @enderror
                </div>

                <div class="mb-3">
                    <label class="form-label">Instagram Link</label>
                    <div class="input-group">
                        <span class="input-group-text"><i class="fab fa-instagram text-danger"></i></span>
                        <input type="url" class="form-control" wire:model="instagram_link" placeholder="https://instagram.com/your-handle">
                    </div>
                    @error('instagram_link') <span class="text-danger">{{ $message }}</span> @enderror
                </div>

                <div class="mb-3">
                    <label class="form-label">YouTube Channel Link</label>
                    <div class="input-group">
                        <span class="input-group-text"><i class="fab fa-youtube text-danger"></i></span>
                        <input type="url" class="form-control" wire:model="youtube_channel_link" placeholder="https://youtube.com/channel/...">
                    </div>
                    @error('youtube_channel_link') <span class="text-danger">{{ $message }}</span> @enderror
                </div>

                <div class="mt-3">
                    <button type="submit" class="btn btn-primary">Save Changes</button>
                    <a href="{{ route('data-entry.dashboard', $brandId) }}" class="btn btn-secondary">Back</a>
                </div>
            </form>
        </div>
    </div>
</div>