@extends('layouts.app')

@section('content')
<div class="container">
    <h2>{{ isset($social) ? 'Edit' : 'Add' }} Social Link</h2>

    <form action="{{ isset($social) ? route('social-links.update', $social->id) : route('social-links.store') }}" method="POST" enctype="multipart/form-data">
        @csrf
        @if(isset($social)) @method('PUT') @endif

        <div class="mb-3">
            <label>Platform</label>
            <input type="text" name="platform" class="form-control" value="{{ $social->platform ?? '' }}" required>
        </div>

        <div class="mb-3">
            <label>Icon Image</label>
            <!-- Required only when creating a new social link -->
            <input type="file" name="icon_image" class="form-control" {{ isset($social) ? '' : 'required' }}>

            @if(isset($social) && $social->icon_image)
                <img src="{{ asset('uploads/'.$social->icon_image) }}" alt="Icon" style="height:40px; margin-top:5px;">
            @endif
        </div>

        <div class="mb-3">
            <label>URL</label>
            <input type="url" name="url" class="form-control" value="{{ $social->url ?? '' }}" required>
        </div>

        <div class="mb-3">
            <label>Order</label>
            <input type="number" name="order" class="form-control" value="{{ $social->order ?? 0 }}">
        </div>

        <button type="submit" class="btn btn-primary">{{ isset($social) ? 'Update' : 'Add' }}</button>
    </form>
</div>
@endsection