<?php $this->layout("_admin"); ?>
<section class="wrapper">
    <!-- page start-->

    <?php if (!$collection): ?>
    <div class="row">
        <div class="col-12 text-center my-4 text-sm-center">
            <h3> Nova coleção</h3>
            <p>Crie um nova coleção </p>
        </div>

        <div class="col-lg-9">
            <section class="card">
                <header class="card-header infinity-bg white-text">
                    Cadastrar coleção
                </header>
                <div class="card-body">
                    <form class="form-horizontal tasi-form" method="post" action="<?= url("/admin/product/collection"); ?>">
                        <input type="hidden" name="action" value="create"/>
                        <div class="form-group row" hidden>
                            <label class="col-sm-2 col-sm-2 control-label">Capa</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="form-group row">
                            <label class="col-sm-2 col-sm-2 control-label">Título</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" name="title">
                                <!-- <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="form-group row">
                            <label class="col-sm-2 col-sm-2 control-label">Conteúdo</label>
                            <div class="col-sm-10">
                                <textarea name="description" class="form-control"></textarea>
                                <!-- <span class="help-block">A block of help text that breaks onto a new line and may extend beyond one line.</span>-->
                            </div>
                        </div>



                        <button class="btn btn-primary" type="submit">Enviar</button>
                        <a class="btn btn-danger" href="<?= url("/admin/product/collections"); ?>">Cancelar</a>

                    </form>
                </div>
            </section>
        </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($collection->cover, 400); ?>" id="image-preview"/>

            </section>
        </div>
    </div>
    <?php else: ?>
        <div class="row">
            <div class="col-12 text-center my-4 text-sm-center">
                <h3> <?= $collection->title; ?> </h3>
                <p>Edição de coleção </p>
            </div>
            <div class="col-lg-9">
                <section class="card">
                    <header class="card-header infinity-bg white-text text-center">
                        Edição de coleção
                    </header>
                    <div class="card-body">
                        <form class="form-horizontal tasi-form" method="post" action="<?= url("/admin/product/collection/{$collection->id}"); ?>">
                            <input type="hidden" name="action" value="update"/>
                            <div class="form-group row" hidden>
                                <label class="col-sm-2 col-sm-2 control-label">Capa</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="form-group row">
                                <label class="col-sm-2 col-sm-2 control-label">Título</label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" name="title" value="<?= $collection->title; ?>">
                                    <!-- <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="form-group row">
                                <label class="col-sm-2 col-sm-2 control-label">Conteúdo</label>
                                <div class="col-sm-10">
                                    <textarea name="description" class="form-control"><?= $collection->description; ?></textarea>
                                    <!-- <span class="help-block">A block of help text that breaks onto a new line and may extend beyond one line.</span>-->
                                </div>
                            </div>
                            <button class="btn btn-primary" type="submit">Atualizar</button>
                            <a class="btn btn-danger" href="<?= url("/admin/product/collections"); ?>">Cancelar</a>

                        </form>
                    </div>
                </section>
            </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($collection->cover, 400); ?>" id="image-preview"/>

                </section>
            </div>

        </div>

    <?php endif; ?>
    <!-- page end-->
</section>