@extends('layouts.app')

@section('header', 'Editar Perfil')

@section('breadcrumbs')
    @php
        $breadcrumbs = [
            'Perfil' => route('profile.index'),
            'Editar' => null
        ];
    @endphp
@endsection

@section('content')
    <div class="card shadow mb-4">
        <div class="card-header py-3">
            <h6 class="m-0 fw-bold text-primary">Editar Perfil</h6>
        </div>
        <div class="card-body">
            <form method="POST" action="{{ route('profile.update') }}" enctype="multipart/form-data">
                @csrf
                @method('PUT')

                <div class="text-center mb-4">
                    @if($user->avatar)
                        <img src="{{ asset('storage/' . $user->avatar) }}" alt="Avatar" class="rounded-circle" style="width: 120px; height: 120px; object-fit: cover;">
                    @else
                        <i class="bi bi-person-circle" style="font-size: 6rem; color: #5a5c69;"></i>
                    @endif
                    <div class="mt-2">
                        <label for="avatar" class="btn btn-sm btn-outline-primary">
                            <i class="bi bi-camera"></i> Alterar Avatar
                        </label>
                        <input type="file" id="avatar" name="avatar" class="d-none" accept="image/*">
                    </div>
                    @error('avatar')
                        <div class="text-danger small mt-1">{{ $message }}</div>
                    @enderror
                </div>

                <div class="mb-3">
                    <label for="name" class="form-label">Nome</label>
                    <input type="text" class="form-control" id="name" name="name" value="{{ old('name', $user->name) }}" required>
                    @error('name')
                        <div class="text-danger small">{{ $message }}</div>
                    @enderror
                </div>

                <div class="mb-3">
                    <label for="email" class="form-label">E-mail</label>
                    <input type="email" class="form-control" id="email" name="email" value="{{ old('email', $user->email) }}" required>
                    @error('email')
                        <div class="text-danger small">{{ $message }}</div>
                    @enderror
                </div>

                <button type="submit" class="btn btn-primary"><i class="bi bi-check-circle me-2"></i>Salvar</button>
                <a href="{{ route('profile.index') }}" class="btn btn-secondary">Cancelar</a>
            </form>
        </div>
    </div>

    @include('profile.partials.update-password-form')
@endsection