@extends('admin::layouts.master')

@section('content')
@if (session('success'))
<div class="alert alert-success alert-dismissible fade show" role="alert">
    {{ session('success') }}
    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
        <span aria-hidden="true">&times;</span>
    </button>
</div>
@endif

@if (session('error'))
<div class="alert alert-danger alert-dismissible fade show" role="alert">
    {{ session('error') }}
    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
        <span aria-hidden="true">&times;</span>
    </button>
</div>
@endif

@if (count($errors) > 0)
<div class="alert alert-danger alert-dismissible fade show" role="alert">
    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
        <span aria-hidden="true">&times;</span>
    </button>
    <ul class="p-0 m-0" style="list-style: none;">
        @foreach ($errors->all() as $error)
        <li>{{ $error }}</li>
        @endforeach
    </ul>
</div>
@endif

<div class="row">
    <div class="col-md-8">
        <div class="card">
            <div class="card-header">
                <h5 class="mb-0 h6">{{ translate('Social Media Links') }}</h5>
            </div>

            <div class="card-body">
                <form action="{{ route('admin.social_links.update') }}" method="POST">
                    @csrf

                    @foreach ($platforms as $key => $label)
                    @php
                    $link = $existingLinks[$key] ?? null;
                    @endphp
                    <div class="form-group row align-items-center">
                        <label class="col-md-3 col-form-label font-weight-bold">
                            {{ $label }}
                        </label>
                        <div class="col-md-6">
                            <input type="hidden" name="links[{{ $key }}][platform]"
                                value="{{ $key }}">
                            <input type="url" class="form-control" name="links[{{ $key }}][url]"
                                value="{{ $link->url ?? '' }}"
                                placeholder="https://example.com/{{ $key }}">
                        </div>
                        <div class="col-md-3">
                            <label class="aiz-switch aiz-switch-success mb-0">
                                <input type="checkbox" name="links[{{ $key }}][is_active]"
                                    value="{{ $link->is_active ?? 1 }}"
                                    {{ ($link && $link->is_active) ? 'checked' : '' }}>
                                <span></span>
                            </label>
                            <span class="ml-2 small text-muted">{{ translate('Active') }}</span>
                        </div>
                    </div>
                    @endforeach

                    <div class="form-group mb-0 text-right">
                        <button type="submit"
                            class="btn btn-sm btn-primary">{{ translate('Save') }}</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <div class="col-md-4">
        <div class="card bg-gray-light">
            <div class="card-header">
                <h5 class="mb-0 h6">{{ translate('Instructions') }}</h5>
            </div>
            <div class="card-body">
                <p>{{ translate('Configure social media links for the selected country. These links will appear in the website footer.') }}
                </p>
                <ul class="pl-3">
                    <li>{{ translate('Use the country selector in the top header to switch countries.') }}</li>
                    <li>{{ translate('Enter the URL for each social media platform.') }}</li>
                    <li>{{ translate('Use the toggle to enable/disable each link.') }}</li>
                    <li>{{ translate('Leave the URL empty to remove a platform.') }}</li>
                </ul>
            </div>
        </div>
    </div>
</div>
@endsection