<?php
    defined('BASEPATH') OR exit('No direct script access allowed');
?>
<div class="right_col" role="main">
    <div class="">
        <div class="row">
            <div class="col-md-12 col-sm-12 col-xs-12">
                <div class="x_panel">
                    <div class="x_title">
                        <h2>Projekt bearbeiten</h2>
                        <div class="clearfix"></div>
                    </div>
                    <div class="x_content">
                        <form class="form-horizontal form-label-left input_mask" id="projectForm" method="post"
                              enctype="multipart/form-data">

                            <input type="hidden" name="editingID" id="editingID" value="<?= $edit ?>">
                            <input type="hidden" name="projectImage" id="projectImage" value="<?= isset($content) ? $content['source'] : -1 ?>">

                            <div class="row">
                                <!-- Image input -->
                                <div class="form-group col-xs-12 col-sm-12 col-md-4 col-lg-4">
                                    <div id="uploadedImage" style="width: 100%; height: 200px; background-size: cover; background-position: center" class="uploaded-image-container">
                                        <label for="image" class="btn upload-btn">
                                            <input type="file" name="image" id="image" class="upload-image">
                                            <i class="fa fa-upload"></i>
                                        </label>
                                    </div>
                                </div>

                                <div class="col-xs-12 col-md-4">
                                    <div class="form-group">
                                        <label for="url">URL-Name</label>
                                        <input type="text" class="form-control" name="url" id="url" placeholder="Name in der URL"
                                               required value="<?= isset($content) ? $content['name'] : '' ?>">
                                    </div>

                                    <div class="form-group">
                                        <label for="datepicker">Datum</label>
                                        <input type='text' class="form-control" name="datetime" id="datepicker"
                                               required
                                               value="<?= isset($content) ? date("Y/m/d", strtotime($content['datetime'])) : '' ?>" />
                                    </div>
                                </div>

                                <div class="col-xs-12 col-md-4">
                                    <div class="form-group">
                                        <label for="categories">Kategorie(n)</label>
                                        <select multiple name="categories[]" id="categories" class="form-control" required>
                                            <?php foreach ($categories as $category) {
                                                $selected = false;
                                                if (isset($content)):
                                                    foreach ($pCategories as $pCategory):
                                                        if ($pCategory['ID'] == $category['ID']) {
                                                            $selected = true;
                                                            break;
                                                        }
                                                    endforeach;
                                                endif;
                                                ?>
                                                <option
                                                        value="<?= $category['ID'] ?>" <?= $selected ? "selected" : "" ?>><?= $category['displayname'] ?></option>
                                            <?php } ?>
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="form-group checkbox col-xs-12 col-sm-12 col-md-4 col-lg-4">
                                    <label for="download" style="font-size:20px">
                                        <input type="checkbox" name="download" id="download"
                                            <?= isset($content) && $content['isDownloadable'] ? "checked" : "" ?>>
                                        Download verfügbar
                                    </label>
                                </div>
                                <div class="form-group checkbox col-xs-12 col-sm-12 col-md-4 col-lg-4">
                                    <label for="opensource" style="font-size:20px">
                                        <input type="checkbox" name="opensource" id="opensource"
                                            <?= isset($content) && $content['isOpenSource'] ? "checked" : "" ?>>
                                        OpenSource verfügbar
                                    </label>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-xs-12 col-lg-4">
                                    <div class="form-group">
                                        <label for="downloadLink">Download-Link</label>
                                        <input type="url" name="downloadLink" id="downloadLink" class="form-control" disabled>
                                    </div>
                                </div>
                                <div class="col-xs-12 col-lg-4">
                                    <div class="form-group">
                                        <label for="openSourceLink">Open Source-Link</label>
                                        <input type="url" name="openSourceLink" id="openSourceLink" class="form-control" disabled>
                                    </div>
                                </div>
                                <div class="col-xs-12 col-lg-4">
                                    <div class="form-group">
                                        <label for="customLink">Andersweitiger Link</label>
                                        <input type="url" name="customLink" id="customLink" class="form-control">
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-sm-12">
                                    <ul class="nav nav-tabs" role="tablist">
                                        <li role="presentation" class="active">
                                            <a href="#german" aria-controls="german" role="tab" data-toggle="tab">
                                                Deutsch
                                            </a>
                                        </li>
                                        <li role="presentation">
                                            <a href="#english" aria-controls="english" role="tab" data-toggle="tab">
                                                Englisch
                                            </a>
                                        </li>
                                        <li role="presentation">
                                            <a href="#french" aria-controls="french" role="tab" data-toggle="tab">
                                                Französisch
                                            </a>
                                        </li>
                                    </ul>
                                    <br>
                                    <div class="tab-content">
                                        <div role="tabpanel" class="tab-pane active" id="german">
                                            <!-- Links input -->
                                            <div class="row">
                                                <div class="col-sm-12 col-lg-4">
                                                    <div class="form-group">
                                                        <label for="downloadLinkName">Download-Link Bezeichnung</label>
                                                        <button type="button" class="btn btn-orange raised round btn-sm project-download-button" id="downloadLinkName" disabled>
                                                        </button>
                                                    </div>
                                                </div>
                                                <div class="col-sm-12 col-lg-4">
                                                    <div class="form-group">
                                                        <label for="openSourceLinkName">Open Source-Link Bezeichnung</label>
                                                        <button type="button" class="btn btn-orange raised round btn-sm project-opensource-button" id="openSourceLinkName" disabled>
                                                        </button>
                                                    </div>
                                                </div>
                                                <div class="col-sm-12 col-lg-4">
                                                    <div class="form-group">
                                                        <label for="customLinkName">Andersweitiger Link Bezeichnung</label>
                                                        <button type="button" class="btn btn-orange raised round btn-sm project-custom-button" id="customLinkName" contenteditable></button>
                                                    </div>
                                                </div>
                                            </div>

                                            <!-- Title input -->
                                            <div class="form-group">
                                                <label for="title">Titel (Deutsch)</label>
                                                <input type="text" class="form-control" name="title" id="title" placeholder="Titel auf Deutsch"
                                                       required value="<?= isset($content) && isset($content['translations']['de']) ? $content['translations']['de']['title'] : '' ?>">
                                            </div>
                                            <!-- Headline input -->
                                            <div class="form-group">
                                                <label for="headline">Headline (Deutsch)</label>
                                                <textarea name="headline" id="headline" rows="2"
                                                          placeholder="Headline auf Deutsch"
                                                          class="form-control"
                                                          required><?= isset($content) && isset($content['translations']['de']) ? $content['translations']['de']['description'] : '' ?></textarea>
                                            </div>
                                            <!-- Description input -->
                                            <div class="form-group">
                                                <label for="description">Beschreibung (Deutsch)</label>
                                                <div data-editable data-name="content-german" id="content">
                                                    <?= isset($content) && isset($content['translations']['de']) ? $content['translations']['de']['content'] : '' ?>
                                                </div>
                                            </div>
                                        </div>
                                        <div role="tabpanel" class="tab-pane" id="english">
                                            <!-- Title English input -->
                                            <div class="form-group">
                                                <label for="titleEnglish">Titel (Englisch)</label>
                                                <input type="text" class="form-control" name="titleEnglish" id="titleEnglish" placeholder="Titel auf Englisch"
                                                       value="<?= isset($content) && isset($content['translations']['en']) ? $content['translations']['en']['title'] : '' ?>">
                                            </div>
                                            <!-- Headline English input -->
                                            <div class="form-group">
                                                <label for="headlineEnglish">Headline (Englisch)</label>
                                                <textarea name="headlineEnglish" id="headlineEnglish" rows="2"
                                                          placeholder="Headline auf Englisch"
                                                          class="form-control"><?= isset($content) && isset($content['translations']['en']) ? $content['translations']['en']['description'] : '' ?></textarea>
                                            </div>
                                            <!-- Description English input -->
                                            <div class="form-group">
                                                <label for="descriptionEnglish">Beschreibung (Englisch)</label>
                                                <div data-editable data-name="content-english" id="contentEnglish">
                                                    <?= isset($content) && isset($content['translations']['en']) ? $content['translations']['en']['content'] : '' ?>
                                                </div>
                                            </div>
                                        </div>
                                        <div role="tabpanel" class="tab-pane" id="french">
                                            <!-- Title French input -->
                                            <div class="form-group">
                                                <label for="titleFrench">Titel (Französisch)</label>
                                                <input type="text" class="form-control" name="titleFrench" id="titleFrench" placeholder="Titel auf Französisch"
                                                       value="<?= isset($content) && isset($content['translations']['fr']) ? $content['translations']['fr']['title'] : '' ?>">
                                            </div>
                                            <!-- Headline French input -->
                                            <div class="form-group">
                                                <label for="headlineFrench">Headline (Französisch)</label>
                                                <textarea name="headlineFrench" id="headlineFrench" rows="2"
                                                          placeholder="Headline auf Französisch"
                                                          class="form-control"><?= isset($content) && isset($content['translations']['fr']) ? $content['translations']['fr']['description'] : '' ?></textarea>
                                            </div>
                                            <!-- Description French input -->
                                            <div class="form-group">
                                                <label for="descriptionFrench">Beschreibung (Französisch)</label>
                                                <div data-editable data-name="content-french" id="contentFrench">
                                                    <?= isset($content) && isset($content['translations']['fr']) ? $content['translations']['fr']['content'] : '' ?>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <input type="submit" class="btn btn-primary col-md-12 col-sm-12 col-xs-12"
                                   value="Absenden">
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>