<div class="ui fluid modal" id="movimientos_modal">
    <div class="content">
        <h3 class="header">
            Editar Movimiento
        </h3>
        <div class="ui divider"></div>
        <div class="ui grid container" id="modal_info">
            <div class="column sociedad"></div>
            <div class="column banco"></div>
            <div class="column cuenta"></div>
            <div class="column fecha"></div>
            <div class="column valor"></div>
            <div class="column glosa"></div>
        </div>
        <div class="ui divider"></div>
        <form class="ui form" id="movimientos_edit">
            <input type="hidden" name="index"/>
            <input type="hidden" name="id"/>
            <div class="fields">
                <div class="field">
                    <label for="centro_costo">Centro de Costo</label>
                    <div class="ui selection search dropdown" id="centro_costo">
                        <input type="hidden" name="centro_id"/>
                        <i class="dropdown icon"></i>
                        <div class="default text">Centro de Costo</div>
                        <div class="menu">
                            @foreach($centros as $centroCosto)
                                <div class="item" data-value="{{$centroCosto->id}}">{{$centroCosto->id}} - {{$centroCosto->descripcion}}</div>
                            @endforeach
                        </div>
                    </div>
                </div>
                <div class="field">
                    <label>Categoría</label>
                    <input type="text" name="categoria" placeholder="Categoría" />
                </div>
                <div class="field">
                    <label>Identificador</label>
                    <input type="text" name="identificador" placeholder="Identificador" />
                </div>
            </div>
            <div class="fields">
                <div class="field">
                    <label>RUT</label>
                    <div class="ui right labeled input">
                        <input type="text" name="rut" placeholder="RUT" />
                        <div class="ui basic label">-<span id="digito"></span></div>
                    </div>
                </div>
                <div class="field">
                    <label>Nombre</label>
                    <input type="text" name="nombre" placeholder="Nombre" />
                </div>
            </div>
            <div class="field">
                <label for="detalle">Detalle</label>
                <div class="ui input">
                    <textarea id="detalle" name="detalle"></textarea>
                </div>
            </div>
        </form>
    </div>
    <div class="actions">
        <div class="ui red cancel button">Cancelar</div>
        <div class="ui green approve success button">Guardar</div>
    </div>
</div>
