@extends('layouts.app')

@section('title', 'Editar Artista')

@push('styles-custom')
    <link href="{{ asset('vendors/select2/css/select2.css') }}" rel="stylesheet" />
    <style>
        .form-control.is-invalid {
            border-color: #e74c3c;
        }
        .invalid-feedback {
            display: block;
        }
    </style>
@endpush

@section('content')
<div class="content pt-3">
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb mb-3">
            <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li>
            <li class="breadcrumb-item">
                <a href="{{ route('artistas.index', $filters ?? []) }}">Artistas</a>
            </li>
            <li class="breadcrumb-item active" aria-current="page">Editar Artista</li>
        </ol>
    </nav>

    @include('artistas.partials.form', [
        'action' => route('artistas.update', $artista->id),
        'method' => 'PUT',
        'title' => 'Editar Artista',
        'subtitle' => 'Atualize os dados do artista.',
        'artista' => $artista,
        'empresas' => $empresas,
        'filters' => $filters ?? [],
    ])
</div>
@endsection

@push('scripts-custom')
    <script src="{{ asset('vendors/select2/js/select2.min.js') }}"></script>
    <script>
        $(document).ready(function() {
            // Máscara para telefone
            $('#telefone').mask('(00) 00000-0000');
            
            // Validação do formulário
            $('#artistaForm').on('submit', function(e) {
                e.preventDefault();
                
                const form = this;
                const formData = new FormData(form);
                
                // Remover classes de erro anteriores
                $('.form-control').removeClass('is-invalid');
                $('.invalid-feedback').hide();
                
                $.ajax({
                    url: $(form).attr('action'),
                    type: 'POST',
                    data: formData,
                    processData: false,
                    contentType: false,
                    success: function(response) {
                        const params = new URLSearchParams();
                        @if(isset($filters))
                            @foreach($filters as $key => $value)
                                params.append('{{ $key }}', '{{ $value }}');
                            @endforeach
                        @endif
                        
                        const url = '{{ route("artistas.index") }}' + (params.toString() ? '?' + params.toString() : '');
                        window.location.href = url;
                    },
                    error: function(xhr) {
                        if (xhr.status === 422) {
                            const errors = xhr.responseJSON.errors;
                            Object.keys(errors).forEach(function(key) {
                                const input = $(`#${key}`);
                                input.addClass('is-invalid');
                                input.next('.invalid-feedback').text(errors[key][0]).show();
                            });
                        } else {
                            Swal.fire({
                                icon: 'error',
                                title: 'Erro!',
                                text: 'Ocorreu um erro ao atualizar o artista.'
                            });
                        }
                    }
                });
            });
        });
    </script>
@endpush