@extends('layouts.app')

@section('content')
    <div class="container">
        <div class="card">
            <form action="{{ route('especialidades.store') }}" method="POST">
                <div class="card-header bg-white">
                    <h4 class="card-title pt-2">Crear Especialidad</h4>
                </div>
                <div class="card-body">
                    @csrf
                    <div class="mb-3">
                        <label for="nombre" class="form-label">Nombre</label>
                        <input type="text" class="form-control bg-white" id="nombre" name="nombre" required>
                    </div>
                    <div class="mb-3">
                        <label for="orden" class="form-label">Orden</label>
                        <input type="number" class="form-control bg-white" id="orden" name="orden" required>
                    </div>
                </div>
                <div class="card-footer">
                    <a href="{{ route('especialidades.index') }}" class="btn btn-secondary">Cancelar</a>
                    <button type="submit" class="btn btn-primary" style="float:right;">Guardar</button>
                </div>
            </form>
        </div>
    </div>
@endsection