{{-- resources/views/admin/useful-links/index.blade.php --}}
@extends('layouts/contentLayoutMaster')

@section('content')
    <div class="container" style="padding-top: 40px;">
        <div style="max-width: 70%; margin: 0 auto;">
            <h2 class="mb-4">Manage Useful Links</h2>

            @if (session('success'))
                <div class="alert alert-success">{{ session('success') }}</div>
            @endif

            {{-- Add New Link Form --}}
            <form method="POST" action="{{ route('admin.useful-links.store') }}" class="mb-4">
                @csrf
                <div class="form-group">
                    <input type="text" name="title" placeholder="Title" class="form-control mb-2" required>
                    <input type="url" name="url" placeholder="https://example.com" class="form-control mb-2"
                        required>
                    <button type="submit" class="btn btn-primary">Add Link</button>
                </div>
            </form>

            <hr>

            {{-- Existing Links --}}
            @foreach ($links as $link)
                <div class="d-flex align-items-center flex-wrap mb-3">
                    <form method="POST" action="{{ route('admin.useful-links.update', $link->id) }}"
                        class="d-flex flex-wrap align-items-center me-2">
                        @csrf
                        @method('PUT')
                        <input type="text" name="title" value="{{ $link->title }}" class="form-control me-2 mb-1"
                            required>
                        <input type="url" name="url" value="{{ $link->url }}" class="form-control me-2 mb-1"
                            required>
                        <button type="submit" class="btn btn-success mb-1">Update</button>
                    </form>

                    <form method="POST" action="{{ route('admin.useful-links.destroy', $link->id) }}">
                        @csrf
                        @method('DELETE')
                        <button type="submit" class="btn btn-danger btn-sm mb-1">Delete</button>
                    </form>
                </div>
            @endforeach
        </div>
    </div>
@endsection