<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> 
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %> 
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://kwonnam.pe.kr/jsp/template-inheritance" prefix="layout"%>
<layout:extends name="layouts/base.jsp">
  <layout:put block="cssDeclaracion" type="APPEND"></layout:put>
    <layout:put block="contents" type="REPLACE">
      <div class="card justify-content-center mx-auto mt-2" style="width: 20rem;">
        <div class="card-header">
          <h5>Cargo</h5>
        </div>
          <form:form
          action="/cargos/${cargo.id == null ? 'agregar' : 'modificar/'.concat(cargo.id)}"
          method="post"
          modelAttribute="cargo"
          class="d-flex flex-column"
          >
            <div class="card-body">
                <form:label class="form-label visually-hidden" path="nombre"
                >Nombre del cargo
                </form:label>
                <form:input
                type="text"
                path="nombre"
                class="form-control ${ mismoNombre ? 'is-invalid' : ''}"
                placeholder="Nombre del cargo" required="true"
                
                />
                <div id="validationServerUsernameFeedback" class="invalid-feedback">
                  Este nombre ya existe
                </div>
            </div>
            <div class="card-footer d-flex flex-column">
              <div class="mt-2 align-self-end">
                  <input type="submit" value='${cargo.id == null ? "Agregar" : "Modificar"}' class="btn btn-primary" />
              </div>
            </div>
          </form:form>
      </div>
    </layout:put>
    <layout:put block="scripts" type="APPEND">

    </layout:put>
</layout:extends>