@extends('layouts.app')

@section('content')
<div class="container">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h2>Modifier le lien</h2>
        <a href="{{ route('admin.links.index') }}" class="btn btn-secondary">Retour</a>
    </div>

    <div class="card shadow-sm col-md-8 mx-auto">
        <div class="card-body">
            <form action="{{ route('admin.links.update', $link) }}" method="POST">
                @csrf
                @method('PUT')
                
                <div class="mb-3">
                    <label class="form-label">Titre</label>
                    <input type="text" name="title" class="form-control" value="{{ $link->title }}" required>
                </div>
                
                <div class="mb-3">
                    <label class="form-label">URL</label>
                    <input type="url" name="url" class="form-control" value="{{ $link->url }}" required>
                </div>
                
                <div class="mb-3">
                    <label class="form-label">Icône Bootstrap</label>
                    <input type="text" name="icon" class="form-control" value="{{ $link->icon }}">
                </div>
                
                <div class="mb-3">
                    <label class="form-label">Couleur</label>
                     <select name="color" class="form-select">
                        @foreach(['primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark'] as $color)
                            <option value="{{ $color }}" {{ $link->color == $color ? 'selected' : '' }}>
                                {{ ucfirst($color) }}
                            </option>
                        @endforeach
                    </select>
                </div>
                
                <div class="mb-3">
                     <label class="form-label">Ordre</label>
                     <input type="number" name="order" class="form-control" value="{{ $link->order }}">
                </div>
                
                <button type="submit" class="btn btn-primary w-100">Mettre à jour</button>
            </form>
        </div>
    </div>
</div>
@endsection