<?php
$institucionalDao = new \Dao\Institucional();
$institucionalDao->getTextoPorId($conecta, base64_decode(filter_input(INPUT_GET, 'id')));
?>
<div class="breadcrumb-holder">
    <div class="container-fluid">
        <ul class="breadcrumb">
            <li class="breadcrumb-item"><a href="./">Home</a></li>
            <li class="breadcrumb-item"><a href="institucional.php">Textos Institucional</a></li>
            <li class="breadcrumb-item active"><?php echo ($institucionalDao->id == 0 ? 'Adicionar Texto Institucional' : 'Editar Texto Institucional'); ?></li>
        </ul><!--/.breadcrumb -->
    </div><!---/.container-fluid -->
</div><!--/.breadcrumb-holder -->
<section class="dashboard-counts section-padding">
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-12">
                <div class="card">
                    <div class="card-header d-flex align-items-center">
                        <h2 class="h5 display"><?php echo ($institucionalDao->id == 0 ? 'Adicionar Texto Institucional' : 'Editar - ' . $institucionalDao->titulo); ?></h2>
                    </div><!--/.card-header -->
                    <div class="card-body">
                        <form class="form-horizontal" method="post" action="?p=salvar" enctype="multipart/form-data">
                            <input type="hidden" name="id" id="id" value="<?php echo $institucionalDao->id; ?>">
                            <div class="form-group row">
                                <label class="col-sm-2 form-label">Título</label>
                                <div class="col-sm-7">
                                    <input type="text" name="titulo" id="titulo" placeholder="Título" value="<?php echo $institucionalDao->titulo; ?>" maxlength="120" class="form-control" required autofocus>
                                </div><!--/.col-sm-7 -->
                            </div><!--/.form-group -->
                            <div class="form-group row">
                                <label class="col-sm-2 form-label">Texto</label>
                                <div class="col-sm-10">
                                    <textarea cols="13" rows="5" id="texto" name="texto" class="ckeditor"><?php echo stripslashes($institucionalDao->texto); ?></textarea>
                                </div><!--/.col-sm-10 -->
                            </div><!--/.form-group -->
                            <div class="form-group row">
                                <label class="col-sm-2 form-label">Imagem</label>
                                <div class="col-sm-5">
                                    <input type="file" name="image" id="image" class="file-input" onchange="readImageForCrop('imagem', 'image', NaN)">
                                </div><!--/.col-sm-5 -->
                            </div><!--/.form-group -->
                            <div class="form-group cropper row <?php echo ($institucionalDao->id == 0) ? 'hidden-croper' : ''; ?>">
                                <label class="col-sm-2 form-label"></label>
                                <div class="col-sm-12">
                                    <div class="img-container">
                                        <?php
                                        if ($institucionalDao->image != '' && file_exists($pasta . $institucionalDao->image))
                                            echo '<img id="imagem" src="' . $pasta . $institucionalDao->image . '" class="height200" alt="">';
                                        else
                                            echo '<img id="imagem" src="https://placehold.it/300x300" class="height200" alt="">';
                                        ?>
                                    </div><!--/.img-container -->
                                    <label class="col-sm-2 form-label"></label>
                                    <div class="docs-preview clearfix col-sm-9 hidden-croper">
                                        <div class="img-preview preview-lg"></div>
                                        <div class="img-preview preview-md"></div>
                                        <div class="img-preview preview-sm"></div>
                                        <div class="img-preview preview-xs"></div>
                                    </div>
                                    <input type="hidden" class="form-control" name="dataX" id="dataX" placeholder="x">
                                    <input type="hidden" class="form-control" name="dataY" id="dataY" placeholder="y">
                                    <input type="hidden" class="form-control" name="dataWidth" id="dataWidth" placeholder="width">
                                    <input type="hidden" class="form-control" name="dataHeight" id="dataHeight" placeholder="height">
                                </div><!--/.col-sm-12 -->
                            </div><!--/.cropper -->
                            <div class="form-group row">
                                <label class="col-sm-2"></label>
                                <div class="col-sm-2">
                                    <button class="btn btn-sm btn-primary">
                                        <i class="fa fa-database"></i> Salvar
                                    </button>
                                </div>
                            </div><!--/.form-group -->
                        </form>
                    </div><!--/.card-body -->
                </div><!--/.card -->
            </div><!--/.col-lg-12 -->
        </div><!--/.row -->
    </div><!--/.container-fluid -->
</section><!--/.dashboard-counts -->