<div>
<!-- Options modal -->
<div class="modal fade" id="optionsModal" tabindex="-1" role="dialog" aria-labelledby="optionsModalTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="optionsModalTitle">Opciones</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body px-4">
<input type="hidden" value="_id" id="currentId">
<div class="row align-items-center">
<div class="col-12 col-sm-6 my-1">
<button class="btn btn-primary bg-gradient-primary bg-gradient-primary-hover text-left col-12 col-sm-11 id-button" id="optionsModal_devuelta"><i class="fas fa-ban mr-2"></i>Factura devuelta</button>
</div>
<div class="col-12 col-sm-6 my-1 align-content-end">
<a class="btn btn-primary bg-gradient-primary bg-gradient-primary-hover text-left col-12 col-sm-11" href="{{ url('factura_edit', {id:'_id'}) }}" id="optionsModal_editar"><i class="fas fa-pencil-alt mr-2"></i>Editar factura</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Devuelta modal -->
<div class="modal fade" id="devueltaModal" tabindex="-1" role="dialog" aria-labelledby="devueltaModalTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="devueltaModal_title">Error</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body py-3">
<div class="text-center">
<div class="my-auto" id="devueltaModal_message">Error al comunicar con el servidor. Los cambios no se guardarĂ¡n.</div>
</div>
</div>
<div class="modal-footer">
<input type="hidden" id="devueltaModal_value" value="true">
<button type="button" class="btn btn-secondary" onclick="back()">Cancelar</button>
<button type="button" class="btn btn-primary id-button" id="updateDevuelta" onclick="updateDevuelta()">Guardar</button>
</div>
</div>
</div>
</div>
<!-- Alert modal -->
<div class="modal fade" id="warningModal" tabindex="-1" role="dialog" aria-labelledby="warningModalTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="warningModal_title">Aviso</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body py-3">
<div class="text-center">
<div class="my-auto" id="warningModal_message">Cambio realizado correctamente</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Aceptar</button>
</div>
</div>
</div>
</div>
</div>