<!-- Modal -->
<div id="modalAddPurchase"  class='modal fade' data-backdrop="static" data-keyboard="false" role="dialog" style=" overflow: hidden;background: transparent">
    <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
        <div class="modal-body"> 
            <div class="box box-primary">
            <div class="box-header with-border">
                <button type="button" class="close _closeModalPurchase"><i class="fa fa-window-close"></i></button>
                <h4><i class='fa-fw fa fa-shopping-basket'></i> <span id="title_modal_purchase"><?php echo $_translator->_getTranslation('Agregar compra');?></span></h4>
            </div>
                <?php 
                echo $form->openForm();
                echo $form->showActionController();
                echo $form->showId();
                echo $form->showElement('add_another_one');?>
                <div class="box-body">
                    <div class='flashmessenger'><?php $flashmessenger->showMessage(true);?></div>
                    <div class="card">
                        <ul class="nav nav-tabs" role="tablist">
                            <li role="presentation" class="active"><a href="#general" aria-controls="home" role="tab" data-toggle="tab"><?php echo $_translator->_getTranslation('Informacion general') ?></a></li>                
                        </ul>
                        <br/>
                         <div class="tab-content">
                            <div role="tabpanel" class="tab-pane active" id="general">
                                <div class="col-md-6 col-xs-12">
                                    <?php
                                    $form->showElement('vendor_id');
                                    $form->showElement('purchase_date');
                                    $form->showElement('purchase_number');
                                    $form->showElement('total');
                                    ?>
                                </div>
                                <div class="col-md-6 col-xs-12">
                                   <label><?php echo $_translator->_getTranslation('Comentarios')?></label>
                                    <?php $element = $form->getElement('comments');?>
                                    <div class="form-group"><?php echo $form->createOnlyElement($element);?> </div>
                                </div>     
                            </div>
                         </div>
                    </div>
                </div>
                <div class="box-footer">
                    <div class="pull-right">
                        <?php $element = $form->getElement('send_and_add_new'); echo $form->createOnlyElement($element);?>
                        <?php $element = $form->getElement('send'); echo $form->createOnlyElement($element);?>
                    </div>
                    <div class="pull-left">
                        <input type="button" value="<?php echo $_translator->_getTranslation('Cancelar')?>" class="btn btn-default _closeModalPurchase" />
                    </div>
                </div>
                <?php echo $form->closeForm();?>
            </div>
        </div>
    </div>           
    </div>
    <script>
        $('#modalAddPurchase').on('shown.bs.modal', function (e) {
            if($('#action').val() === 'insert'){$('#name').focus();}
            
            var input = null;
            $("form[name=purchase]").find('div').each(function() {
                if($(this).hasClass('has-error') === true){
                    input = $(this).data('errorfor');
                    return false;
                }
            });    
            
            if(input !== null){$('#'+input).focus();}
        });
    </script>
</div>