@extends('admin.layouts.master')

@section('content')
<div class="container-fluid">
    <h1 class="h3 mb-4 text-gray-800">Editar Link Social</h1>

    <div class="card shadow mb-4">
        <div class="card-body">
            @if ($errors->any())
                <div class="alert alert-danger">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif

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

            <form action="{{ route('admin.sociallinks.update', $socialLink->id) }}" method="POST" enctype="multipart/form-data">
                @csrf
                @method('PUT')

                <div class="mb-3">
                    <label for="name" class="form-label">Nome da Rede Social</label>
                    <input type="text" class="form-control" id="name" name="name" value="{{ old('name', $socialLink->name) }}" required>
                </div>

                <div class="mb-3">
                    <label for="url" class="form-label">URL do Perfil</label>
                    <input type="url" class="form-control" id="url" name="url" value="{{ old('url', $socialLink->url) }}" required>
                </div>

                <div class="mb-3">
                    <label for="icon_url" class="form-label">Ícone (Imagem)</label>
                    <input type="file" class="form-control" id="icon_url" name="icon_url" accept=".svg, .png, .jpg, .jpeg">
                    <div class="form-text">Deixe em branco para manter o ícone atual. Formatos aceitos: SVG, PNG, JPG, JPEG.</div>
                    @if ($socialLink->icon_url)
                        <div class="mt-2">
                            <img src="{{ asset('storage/' . $socialLink->icon_url) }}" alt="Ícone Atual" width="60">
                        </div>
                    @endif
                </div>

                <div class="mb-3">
                    <label for="background_color" class="form-label">Cor de Fundo</label>
                    <input type="color" class="form-control form-control-color" id="background_color" name="background_color" value="{{ old('background_color', $socialLink->background_color) }}">
                </div>

                <div class="mb-3 form-check">
                    <input type="checkbox" class="form-check-input" id="is_active" name="is_active" value="1" @if(old('is_active', $socialLink->is_active)) checked @endif>
                    <label class="form-check-label" for="is_active">Deixar link ativo</label>
                </div>

                <button type="submit" class="btn btn-success me-2">
                    <i class="fas fa-sync-alt me-1"></i> Atualizar Link
                </button>
                <a href="{{ route('admin.sociallinks.index') }}" class="btn btn-secondary">
                    <i class="fas fa-arrow-left me-1"></i> Voltar
                </a>
            </form>
        </div>
    </div>
</div>
@endsection