@extends('layouts.master')
@section('title') Novo profissional @endsection
@section('content')
@component('components.breadcrumb')
@slot('li_1') Profissionais @endslot
@slot('title') Novo profissional @endslot
@endcomponent

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

<div class="row">
    <div class="col-xl-6">
        <div class="card">
            <div class="card-header"><h5 class="card-title mb-0">Dados do profissional</h5></div>
            <div class="card-body">
                <form method="POST" action="{{ route('admin.profissionais.store') }}">
                    @csrf
                    <div class="mb-3">
                        <label class="form-label">Nome</label>
                        <input type="text" name="nome" class="form-control" value="{{ old('nome') }}" required>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Email</label>
                        <input type="email" name="email" class="form-control" value="{{ old('email') }}" required>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Telefone (opcional)</label>
                        <input type="text" name="telefone" class="form-control" value="{{ old('telefone') }}">
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Categoria</label>
                        <select name="categoria_servico_id" class="form-select" required>
                            <option value="">Escolhe uma categoria</option>
                            @foreach ($categorias as $categoria)
                                <option value="{{ $categoria->id }}" @selected(old('categoria_servico_id') == $categoria->id)>{{ $categoria->nome }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Localização (opcional)</label>
                        <input type="text" name="localizacao" class="form-control" value="{{ old('localizacao') }}" placeholder="Ex: Lisboa, 3,2 km">
                    </div>
                    <div class="row">
                        <div class="col-6 mb-3">
                            <label class="form-label">Preço base (€)</label>
                            <input type="number" step="0.01" name="preco_base" class="form-control" value="{{ old('preco_base') }}" required>
                        </div>
                        <div class="col-6 mb-3">
                            <label class="form-label">Unidade</label>
                            <input type="text" name="preco_unidade" class="form-control" value="{{ old('preco_unidade', '/ sessão') }}">
                        </div>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Descrição (opcional)</label>
                        <textarea name="descricao" class="form-control" rows="4">{{ old('descricao') }}</textarea>
                    </div>
                    <p class="text-muted small">Vai ser gerada uma password inicial aleatória, mostrada só uma vez depois de criares a conta — é essa que passas ao profissional. O perfil fica já aprovado e visível no site público.</p>
                    <button class="btn btn-primary">Criar profissional</button>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection