@extends('layouts.admin')

@section('content')
<div class="card">
    <div class="card-header bg-white">
        <h5 class="mb-0"><i class="fas fa-user-plus"></i> Novo Paciente</h5>
    </div>
    <div class="card-body">
        <form method="POST" action="{{ route('admin.store.patient') }}">
            @csrf
            <div class="row">
                <div class="col-md-6 mb-3">
                    <label class="form-label">Nome Completo *</label>
                    <input type="text" name="name" class="form-control @error('name') is-invalid @enderror" required>
                    @error('name') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-label">CPF *</label>
                    <input type="text" name="cpf" class="form-control @error('cpf') is-invalid @enderror" placeholder="000.000.000-00" required>
                    @error('cpf') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-label">Telefone *</label>
                    <input type="text" name="phone" class="form-control" placeholder="(00) 00000-0000" required>
                </div>
                <div class="col-md-6 mb-3">
                    <label class="form-label">E-mail (opcional)</label>
                    <input type="email" name="email" class="form-control">
                </div>
            </div>
            <div class="alert alert-info">
                <i class="fas fa-info-circle"></i> Ao cadastrar, será gerado automaticamente:
                <ul class="mb-0 mt-2">
                    <li><strong>Protocolo único</strong> para acesso do paciente</li>
                    <li><strong>Senha de acesso</strong> com 6 caracteres</li>
                </ul>
            </div>
            <button type="submit" class="btn btn-primary">Cadastrar Paciente</button>
            <a href="{{ route('admin.patients') }}" class="btn btn-secondary">Cancelar</a>
        </form>
    </div>
</div>
@endsection