@extends('admin.layouts.master')

@section('content')
<div class="container-fluid">
    <h1 class="h3 mb-4 text-gray-800">Adicionar Novo 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.store') }}" method="POST" enctype="multipart/form-data">
                @csrf

                <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') }}" 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') }}" 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" required>
                    <div class="form-text">Formatos aceitos: SVG, PNG, JPG, JPEG.</div>
                </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', '#1da1f2') }}">
                </div>

                <div class="mb-3 form-check">
                    <input type="checkbox" class="form-check-input" id="is_active" name="is_active" value="1" checked>
                    <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-save me-1"></i> Salvar 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