@if($errors->any())
<div class="alert alert-danger">
    <ul class="mb-0">
        @foreach($errors->all() as $e)
            <li>{{ $e }}</li>
        @endforeach
    </ul>
</div>
@endif

{{-- NOME --}}
<div class="form-group">
    <label>Nome *</label>
    <input type="text" name="nome" class="form-control" required
           value="{{ old('nome', $artista->nome ?? '') }}">
</div>

<div class="form-group">
    <label>Email</label>
    <input type="email" name="email" class="form-control"
           value="{{ old('email', $artista->email ?? '') }}">
</div>

<div class="form-group">
    <label>Site</label>
    <input type="url" name="site" class="form-control"
           value="{{ old('site', $artista->site ?? '') }}">
</div
<div class="form-group">
    <label>Tipo de Perfil *</label>
    <select name="tipo_perfil" class="form-control" required>
        @foreach(['artista','tecnico','produtor','gestor','pesquisador','multiplo'] as $tipo)
            <option value="{{ $tipo }}"
                {{ old('tipo_perfil', $artista->tipo_perfil ?? 'artista') === $tipo ? 'selected' : '' }}>
                {{ ucfirst($tipo) }}
            </option>
        @endforeach
    </select>
</div>
<div class="form-group">
    <label>Segmento *</label>
    <select name="segmento_id" class="form-control" required>
        <option value="">Selecione</option>
        @foreach($segmentos as $segmento)
            <option value="{{ $segmento->id }}"
                {{ old('segmento_id', $artista->segmento_id ?? '') == $segmento->id ? 'selected' : '' }}>
                {{ $segmento->nome }}
            </option>
        @endforeach
    </select>
</div>
<div class="form-group">
    <label>Áreas de Atuação</label>
    <textarea name="areas_atuacao" class="form-control" rows="3"
              placeholder="Ex: Atuação, Direção, Produção, Iluminação...">{{ old('areas_atuacao', $artista->areas_atuacao ?? '') }}</textarea>
</div>
<div class="form-group">
    <label>País *</label>
    <select name="pais" class="form-control" required>
        <option value="BR" {{ old('pais', $artista->pais ?? 'BR') === 'BR' ? 'selected' : '' }}>Brasil</option>
        <option value="US">Estados Unidos</option>
        <option value="PT">Portugal</option>
    </select>
</div>

<div class="form-group">
    <label>Estado</label>
    <input type="text" name="estado" class="form-control"
           value="{{ old('estado', $artista->estado ?? '') }}">
</div>

<div class="form-group">
    <label>Cidade</label>
    <input type="text" name="cidade" class="form-control"
           value="{{ old('cidade', $artista->cidade ?? '') }}">
</div>
<div class="form-group">
    <label>Telefone / WhatsApp</label>
    <input type="text" name="telefone" class="form-control"
           value="{{ old('telefone', $artista->telefone ?? '') }}">
</div>
<div class="form-group">
    <label>Curriculum *</label>
    <textarea name="curriculum" class="form-control" rows="5" required>{{ old('curriculum', $artista->curriculum ?? '') }}</textarea>
</div>
@php
$socials = ['facebook','instagram','tiktok','x_twitter','youtube','linkedin','pinterest','wechat','whatsapp'];
@endphp

@foreach($socials as $field)
<div class="form-group">
    <label>{{ ucfirst(str_replace('_',' ', $field)) }}</label>
    <input type="text" name="{{ $field }}" class="form-control"
           value="{{ old($field, $artista->$field ?? '') }}">
</div>
@endforeach

{{-- FOTO --}}
<div class="form-group">
    <label>Foto</label>
    <input type="file" name="foto" class="form-control">
</div>

{{-- NASCIMENTO --}}
<div class="form-group">
    <label>Data de Nascimento</label>
    <input type="date" name="nascimento" class="form-control"
           value="{{ old('nascimento', $artista->nascimento ?? '') }}">
</div>

{{-- CURRICULUM --}}
<div class="form-group">
    <label>Curriculum *</label>
    <textarea name="curriculum"
              class="form-control"
              rows="5"
              required>{{ old('curriculum', $artista->curriculum ?? '') }}</textarea>
</div>

{{-- VISIBILIDADE --}}
<div class="form-group">
    <label>Visibilidade *</label>
    <select name="visibilidade" id="visibilidade" class="form-control" required>
        @foreach(['cadastramento'=>'Rascunho','publica'=>'Pública','senha'=>'Com senha','inativo'=>'Inativo'] as $k=>$v)
            <option value="{{ $k }}"
                {{ old('visibilidade', $artista->visibilidade ?? 'cadastramento') === $k ? 'selected' : '' }}>
                {{ $v }}
            </option>
        @endforeach
    </select>
</div>

<div class="form-group" id="senha-group" style="display:none">
    <label>Senha da Landpage</label>
    <input type="text" name="senha_landpage_plain" class="form-control">
</div>
@push('js')
<script>
document.addEventListener('DOMContentLoaded', () => {
    const vis = document.getElementById('visibilidade');
    const senha = document.getElementById('senha-group');
    function toggle() {
        senha.style.display = vis.value === 'senha' ? 'block' : 'none';
    }
    vis.addEventListener('change', toggle);
    toggle();
});
</script>
@endpush

<div class="mt-4">
    <button type="submit" class="btn btn-primary">
        {{ isset($artista) ? 'Atualizar' : 'Salvar' }}
    </button>

    <a href="{{ route('artistas.index') }}" class="btn btn-secondary">
        Cancelar
    </a>
</div>