<?php (defined('BASEPATH')) OR exit('No direct script access allowed'); ?>
<link href="<?= $assets ?>plugins/bootstrap-toggle/bootstrap-toggle.min.css" rel="stylesheet">
<script src="<?= $assets ?>plugins/bootstrap-toggle/bootstrap-toggle.min.js"></script>
<style>
    .slow .toggle-group {
        transition: left 0.7s;
        -webkit-transition: left 0.7s;
    }
    #preview img {
        width: 34rem;
        height: 21rem;
    }
    
    .nav-tabs{
        background-color:#1b609c;
    }
    .nav-tabs > li > a{
        color:black;
        background-color: white;
    }
    .nav-tabs > li > a:hover{
        border: medium none;
        border-radius: 0;
    }
    .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
        background-color: #1b609c !important;
        border: medium none;
        border-radius: 0;
        color:#fff;
    }
    
</style>

<section class="content">
    <div class="row">
        <div class="col-xs-12">
            <div class="box" style="border-top: 2.5px solid #9fc10b;">
                <!--div class="box-header">
                    <h3 class="box-title"><?= lang('enter_info'); ?></h3>
                </div-->
                <div class="box-body">
                    <div class="col-lg-12">

                        <?php echo form_open_multipart("makers/add", 'class="validation"'); ?>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <?= lang('maker', 'maker'); ?>
                                    <?= form_input('maker', set_value('maker'), 'class="form-control tip" id="maker" required="required" maxlength="80"'); ?>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="col-md-12 text-right">
                                    <?php echo form_submit('add_maker', $this->lang->line("accept"), 'class="btn btn-primary" id="btn-accept"'); ?>
                                    <a id="btn-cancel" class="btn btn-danger"><?= lang("cancel") ?></a>
                                </div>
                            </div>
                        </div>
                        <?php echo form_close(); ?>

                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>
    </div>
</section>

<script>
$(document).ready(function () {
    $('#maker').focus();

    $('#btn-cancel').click(function (e) {
        if (confirm("¿Está seguro que desea cancelar?")) {
            window.location.href = base_url + "makers"
        }
    });
});
</script>