<div class="col-12 text-center my-4 text-sm-center">
    <h3> Novo Produto</h3>
    <p>Crie um novo Produto </p>
</div>
<div class="col-lg-3">
    <section class="card">
        <header class="card-header infinity-bg white-text text-center">
            Imagem de capa
        </header>
        <img class="radius img-open" style="width: 100%;" src="<?= image($product->cover, 400); ?>" id="image-preview"/>
    </section>



</div>

<div class="col-lg-9">
    <section class="card">
        <header class="card-header infinity-bg white-text">
            Cadastrar Produto
        </header>
        <div class="card-body" id="formAjax">
            <form class="form-horizontal tasi-form" method="post"  action="<?= url("/admin/product/product"); ?>">
                <input type="hidden" name="action" value="create"/>
                <div class="form-group row" hidden>
                    <label class="col-sm-2 control-label">Capa (1920x1080px)</label>
                    <div class="col-sm-10">
                        <input type="file" name="cover" placeholder="Uma imagem de capa" class="form-control" id="j_img_preview"/>
                        <!-- <span class="help-block">A block of help text that breaks onto a new line and may extend beyond one line.</span>-->
                    </div>

                </div>


    <div class="clear" style="margin-bottom: 50px;">
        <button class="btn btn-primary" type="submit">Publicar</button>
        <a class="btn btn-danger" href="<?= url("/admin/product/home"); ?>">Cancelar</a>
    </div>


    </form>
</div>