<?php
require_once("portfolio_utils.php");

check_user_access();

$action = $_REQUEST["action"];
if ($action!="" && !portfolio_isAdmin()) {
    die("no access.");
}

$project_code = $_REQUEST["code"];
if ($project_code) {
    $project_id = get_project_id_by_code($project_code);
    if ($project_id===false) {
        header("Location: index.html");
        exit;
    }
} else {
    $project_id = $_REQUEST["id"];
}

if (!portfolio_project_exists($project_id) && $action!="reorder" && $action!="project-item-del") {
    addToFlash("Project doesn't exist or you have no access to it.");
    header("Location: index.html");
    exit;
}
if (!current_user_can_access_project_id($project_id)) {
    addToFlash("Project doesn't exist or you have no access to it.");
    header("Location: index.html");
    exit;
}

$qstring = "select * from portfolio_projects where id='{$project_id}' limit 1";
$result = queryDB($qstring);
$projectinfo = mysqli_fetch_array($result);


switch($action) {
    case "new-block":
        switch($_REQUEST["block-type"]) {
            case "header":
                $title = queryEscapeString($_REQUEST["title"]);
                $qstring = "insert into portfolio_items (project_id, mediatype, title) values ('{$project_id}', 'header', '{$title}')";
                queryDB($qstring);
                addToFlash("New header block added");
                header("Location: project.html?id={$project_id}");
                exit;
                break;
            case "text":
                $title = queryEscapeString($_REQUEST["title"]);
                $desc = queryEscapeString($_REQUEST["description"]);
                $qstring = "insert into portfolio_items (project_id, mediatype, title, description) values ('{$project_id}', 'text', '{$title}', '{$desc}')";
                queryDB($qstring);
                addToFlash("New item added");
                header("Location: project.html?id={$project_id}");
                exit;
                break;
            case "icons":
                $title = queryEscapeString($_REQUEST["title"]);
                $block_background = queryEscapeString($_REQUEST["block_background"]);
                $desc = queryEscapeString($_REQUEST["description"]);
                $qstring = "insert into portfolio_items (project_id, mediatype, title, description, block_background) values ('{$project_id}', 'icons', '{$title}', '{$desc}', '{$block_background}')";
                queryDB($qstring);
                addToFlash("New item added");
                header("Location: project.html?id={$project_id}");
                exit;
                break;
            case "image":
                $uploadedImageID = portfolio_processImageUpload("image");
                if ($uploadedImageID===false) {
                    die("Unable to process image upload.");
                }

                $is_fullwidth = $_REQUEST['fullwidth']=='1' ? '1' : '0';
                $is_actualsize = $_REQUEST['actualsize']=='1' ? '1' : '0';
                $title = queryEscapeString($_REQUEST["title"]);
                $qstring = "update portfolio_items set project_id='{$project_id}', is_fullwidth='{$is_fullwidth}', is_actualsize='{$is_actualsize}', mediatype='image', title='{$title}' where id='{$uploadedImageID}'";
                queryDB($qstring);
                addToFlash("Added new image");
                header("Location: project.html?id={$project_id}");
                exit;
                break;
            case "columns":
                $uploadedImageID_1 = portfolio_processImageUpload("image1");
                $uploadedImageID_2 = portfolio_processImageUpload("image2");
                $uploadedImageID_3 = portfolio_processImageUpload("image3");

                $title = queryEscapeString($_REQUEST["title"]);
                $block_background = queryEscapeString($_REQUEST["block_background"]);

                $qstring = "insert into portfolio_items (project_id, mediatype, title, block_background) values ('{$project_id}', 'columns', '{$title}', '{$block_background}')";
                queryDB($qstring);

                $portfolio_item_id = get_last_insertID();

                if ($uploadedImageID_1!=false) {
                    $hide_on_mobile = $_REQUEST['image1-hide-on-mobile']=='1' ? "1" : "0";
                    $qstring = "update portfolio_items set parent_id='{$portfolio_item_id}', hide_on_mobile='{$hide_on_mobile}', mediatype='columns_image' where id='{$uploadedImageID_1}'";
                    queryDB($qstring);
                }
                if ($uploadedImageID_2!=false) {
                    $hide_on_mobile = $_REQUEST['image2-hide-on-mobile']=='1' ? "1" : "0";
                    $qstring = "update portfolio_items set parent_id='{$portfolio_item_id}', hide_on_mobile='{$hide_on_mobile}', mediatype='columns_image' where id='{$uploadedImageID_2}'";
                    queryDB($qstring);
                }
                if ($uploadedImageID_3!=false) {
                    $hide_on_mobile = $_REQUEST['image3-hide-on-mobile']=='1' ? "1" : "0";
                    $qstring = "update portfolio_items set parent_id='{$portfolio_item_id}', hide_on_mobile='{$hide_on_mobile}', mediatype='columns_image' where id='{$uploadedImageID_3}'";
                    queryDB($qstring);
                }

                break;
            case "video":
                $title = queryEscapeString($_REQUEST["title"]);

                $qstring = "insert into portfolio_items (project_id, mediatype, title) values ('{$project_id}', 'video', '{$title}')";
                queryDB($qstring);

                $portfolio_item_id = get_last_insertID();

                $uploadedPosterImageID = portfolio_processImageUpload("poster");
                if ($uploadedPosterImageID===false) {
                    die("Unable to process image upload. 1");
                }
                $qstring = "update portfolio_items set parent_id='{$portfolio_item_id}', project_id='{$project_id}', mediatype='video_poster' where id='{$uploadedPosterImageID}'";
//                die $qstring;
                queryDB($qstring);

                $uploadedVideoImageID = portfolio_processImageUpload("video");
                if ($uploadedVideoImageID===false) {
                    die("Unable to process video upload. 2");
                }
                echo $qstring;
                $qstring = "update portfolio_items set parent_id='{$portfolio_item_id}', project_id='{$project_id}', mediatype='video_file' where id='{$uploadedVideoImageID}'";
                queryDB($qstring);

                addToFlash("Added new video");
                header("Location: project.html?id={$project_id}");
                exit;
                break;
            default:
                die("Unknown block type: {$_REQUEST["block-type"]}");
        }
        break;
    case "project-item-del": //ajax
        $item_id = queryEscapeString($_REQUEST["item_id"]);
        $qstring = "delete from portfolio_items  where id='{$item_id}'";
        queryDB($qstring);
        echo "OK";
        exit;
        break;
    case "reorder":
        $ids = $_REQUEST["ids"];
        $idx = 0;
        foreach($ids as $id) {
            $id = queryEscapeString($id);
            $qstring = "update portfolio_items set item_order_index='{$idx}' where id='{$id}'";
            queryDB($qstring);
            $idx++;
        }
        exit;
        break;
}

?>
<!doctype html>
<!--[if lt IE 7]> <html class="lt-ie10 lt-ie9 lt-ie8 lt-ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="lt-ie10 lt-ie9 lt-ie8 oldie" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="lt-ie10 lt-ie9 oldie" lang="en"> <![endif]-->
<!--[if IE 9]> <html class="lt-ie10" lang="en"> <![endif]-->
<!--[if gt IE 9]><!--> <html lang="en"> <!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Cloudberry :: Portfolio</title>

    <link rel="stylesheet" href="mediaelement/build/mediaelementplayer.min.css">

    <link rel="stylesheet" href="styles/vendor.css">

    <link rel="stylesheet" href="styles/main.css">
    <link rel="stylesheet" href="styles/admin.css">
    <link rel="stylesheet" href="styles/jquery.notifyBar.css">

    <script src="scripts/vendor/modernizr.js"></script>


</head>
<body class="project <?php echo portfolio_isAdmin() ? "admin-mode" : "" ?>" <?php echo portfolio_isAdmin() ? "id='admin'" : "" ?>>

<header class="main">
    <div class="content-holder">
        <a href="/portfolio"><svg class="header__logo" xmlns="http://www.w3.org/2000/svg" width="200" height="34" viewBox="0 0 178 31">
            <path d="M24.06 24.31V1.03h4.98v23.28h-4.98zm15.8.4c-5.64 0-9.23-3.66-9.23-9.07 0-5.44 3.59-9.12 9.23-9.12 5.64 0 9.26 3.69 9.26 9.12 0 5.41-3.62 9.07-9.26 9.07zm0-14.03c-2.54 0-3.95 2.05-3.95 4.92s1.41 4.92 3.95 4.92c2.57 0 3.94-2.05 3.94-4.92 0-2.86-1.37-4.92-3.94-4.92zM66.75 6.9v17.41h-5v-1.95c-1.37 1.47-3.19 2.35-5.21 2.35-3.95 0-5.87-2.74-5.87-6.27V6.9h4.99v10.4c0 1.48.46 2.98 2.71 2.98 1.86 0 3.39-1.21 3.39-3.46V6.9h4.99zm14.83 17.41v-1.99c-1.41 1.6-3.24 2.38-5.33 2.38-4.89 0-7.92-3.95-7.92-9.1 0-5.18 3.03-9.1 7.92-9.1 2.12 0 3.92.78 5.33 2.38V1.03h5.01v23.28h-5.01zm-4.06-13.5c-2.68 0-3.94 2.22-3.94 4.82 0 2.61 1.27 4.77 3.94 4.77 2.71 0 4.05-2.15 4.05-4.77.01-2.63-1.37-4.82-4.05-4.82zm16.46-9.78v7.86c1.44-1.6 3.23-2.38 5.35-2.38 4.89 0 7.92 3.91 7.92 9.1 0 5.15-3.03 9.1-7.92 9.1-2.12 0-3.91-.78-5.35-2.38v1.99H89V1.03h4.98zm4.08 19.37c2.68 0 3.92-2.15 3.92-4.77 0-2.6-1.24-4.82-3.92-4.82-2.67 0-4.08 2.22-4.08 4.82 0 2.65 1.38 4.77 4.08 4.77zm28.29-3.48h-12.51c.16 2.38 1.89 3.55 4.4 3.55 1.99 0 3.65-.79 4.79-2.06l3.2 3c-1.93 1.93-4.53 3.3-8.29 3.3-6.22 0-9.46-3.88-9.46-9 0-5.25 3.36-9.19 9.14-9.19 5.54 0 8.84 3.65 8.84 8.9-.01.55-.07 1.1-.11 1.5zm-4.82-3.4c-.19-2.19-1.77-3.3-3.81-3.3-2.19 0-3.69 1.31-3.85 3.3h7.66zm17.25-1.41c-.52-.29-1.15-.52-1.96-.52-2.08 0-3.61 1.73-3.61 4.31v8.41h-5V6.9h5v2.61c1.07-1.77 2.77-2.94 4.63-2.94.85 0 1.76.23 2.25.52l-1.31 5.02zm13.29 0c-.51-.29-1.13-.52-1.95-.52-2.09 0-3.63 1.73-3.63 4.31v8.41h-4.99V6.9h4.99v2.61c1.08-1.77 2.78-2.94 4.63-2.94.85 0 1.76.23 2.25.52l-1.3 5.02zm13.68 8.78c-1.38 1.5-3.2 2.35-5.22 2.35-3.94 0-5.86-2.74-5.86-6.26V6.9h4.98v8.93c0 1.46.46 2.97 2.71 2.97 1.86 0 3.39-1.2 3.39-3.42V6.9h4.98v14.57c0 2.42-.45 4.77-2.15 6.43-1.63 1.59-4.11 2.4-7.21 2.4-2.57 0-5.12-.65-6.97-1.85l1.82-3.69c1.5.95 3.33 1.37 5.06 1.37 2.73 0 4.47-1.14 4.47-3.46v-1.78zm6.07-18.43v2.69h-.94V2.46h-1.12v-.9h3.2v.9h-1.14zm4.79 2.69V2.67l-.8 2.48h-.67l-.81-2.48v2.48h-.892V1.56h1.26l.772 2.46.78-2.46h1.25v3.59h-.89zM17.99 8.96c-1.41-2.46-3.34-3.58-5.79-3.58-3.8.01-6.12 3.1-6.11 7.21 0 4.18 2.33 7.35 6.12 7.34 2.64 0 4.39-1.34 5.72-3.84l4.54 2.37c-2.09 3.9-5.53 6.23-10.29 6.24C5.27 24.71.51 19.87.5 12.67.49 5.5 5.25.69 12.11.69c4.1 0 7.79 1.66 10.19 5.76l-4.31 2.51z" fill="#EF4929"/>
        </svg></a>

        <a href="index.html">
            <svg class="header__menu desktop" width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h8v8H0zm0 11h8v8H0zm0 11h8v8H0zM11 0h8v8h-8zm11 0h8v8h-8zM11 11h8v8h-8zm11 0h8v8h-8zM11 22h8v8h-8zm11 0h8v8h-8z" fill="#F5F5ED" fill-rule="evenodd"/></svg>
            <svg class="header__menu mobile" width="27" height="27" viewBox="0 0 27 27" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h7v7H0zm0 9h7v7H0zm0 9h7v7H0zM9 0h7v7H9zm9 0h7v7h-7zM9 9h7v7H9zm9 0h7v7h-7zm-9 9h7v7H9zm9 0h7v7h-7z" fill="#F5F5ED" fill-rule="evenodd"/></svg>
        </a>
    </div>
</header>

<main style="background-color: #<?php echo $projectinfo["content_background_color"] ?>">

    <?php portfolio_printHero($project_id) ?>

    <div class="project-items">
        <?php portfolio_printItems($project_id) ?>
    </div>

    <?php if(portfolio_isAdmin()) : ?>

        <div class="admin__block">
            <h2>Add new block</h2>

            <form action="project.html" method="post" enctype="multipart/form-data">
                <h3>Header block</h3>

                <div class="form-item">
                    <div class="form-item__label">Header:</div>
                    <div class="form-item__input">
                        <input type="text" name="title" size="50">
                    </div>
                </div>

                <div class="form-item">
                    <div class="form-item__label"></div>
                    <div class="form-item__input">
                        <input type="submit" value="Add new header block" class="but edit">
                    </div>
                </div>

                <input type="hidden" name="action" value="new-block">
                <input type="hidden" name="block-type" value="header">
                <input type="hidden" name="id" value="<?php echo $project_id ?>">
            </form>

            <hr>

            <form action="project.html" method="post" enctype="multipart/form-data">
                <h3>Text block</h3>

                <div class="form-item">
                    <div class="form-item__label">Header:</div>
                    <div class="form-item__input">
                        <input type="text" name="title" size="50">
                    </div>
                </div>

                <div class="form-item">
                    <div class="form-item__label">Text content:</div>
                    <div class="form-item__input">
                        <textarea name="description" cols="80" rows="8"></textarea>
                    </div>
                </div>

                <div class="form-item">
                    <div class="form-item__label"></div>
                    <div class="form-item__input">
                        <input type="submit" value="Add new text block" class="but edit">
                    </div>
                </div>

                <input type="hidden" name="action" value="new-block">
                <input type="hidden" name="block-type" value="text">
                <input type="hidden" name="id" value="<?php echo $project_id ?>">
            </form>

            <hr>

            <form action="project.html" method="post" enctype="multipart/form-data">
                <h3>Image block</h3>

                <div class="form-item">
                    <div class="form-item__label">Title (optional):</div>
                    <div class="form-item__input">
                        <input type="text" name="title" size="50">
                    </div>
                </div>

                <div class="form-item">
                    <div class="form-item__label">Image file:</div>
                    <div class="form-item__input">
                        <input type="file" name="image"><br>
                        <b>Important: ALL images must be uploaded at 2x resolution</b>
                    </div>
                </div>

                <div class="form-item">
                    <div class="form-item__label">Image positioning:</div>
                    <div class="form-item__input">
                        <label><input type="checkbox" name="fullwidth" value="1"> Span full page width</label>
                    </div>
                </div>

                <div class="form-item">
                    <div class="form-item__label">Image sizing:</div>
                    <div class="form-item__input">
                        <label><input type="checkbox" name="actualsize" value="1"> Keep original size (for logos, web page screenshots, etc…)</label>
                    </div>
                </div>

                <div class="form-item">
                    <div class="form-item__label"></div>
                    <div class="form-item__input">
                        <input type="submit" value="Add new image" class="but edit">
                    </div>
                </div>

                <input type="hidden" name="action" value="new-block">
                <input type="hidden" name="block-type" value="image">
                <input type="hidden" name="MAX_FILE_SIZE" value="50000000"><br>
                <input type="hidden" name="id" value="<?php echo $project_id ?>">
            </form>

            <hr>

            <form action="project.html" method="post" enctype="multipart/form-data">
                <h3>Columns block</h3>

                <div class="form-item">
                    <div class="form-item__label">Title (optional):</div>
                    <div class="form-item__input">
                        <input type="text" name="title" size="50">
                    </div>
                </div>

                <div class="form-item">
                    <div class="form-item__label">Block background:</div>
                    <div class="form-item__input">
                        #<input type="text" name="block_background" size="7" maxlength="6"> (no <b>#</b> is needed)
                    </div>
                </div>

                <div class="form-item">
                    <div class="form-item__label">Image file 1:</div>
                    <div class="form-item__input">
                        <input type="file" name="image1"><br>
                        <b>Important: ALL images must be uploaded at 2x resolution</b><br>
                        <label><input type="checkbox" name="image1-hide-on-mobile" value="1"> Hide on mobile</label>
                    </div>
                </div>

                <div class="form-item">
                    <div class="form-item__label">Image file 2:</div>
                    <div class="form-item__input">
                        <input type="file" name="image2"><br>
                        <b>Important: ALL images must be uploaded at 2x resolution</b><br>
                        <label><input type="checkbox" name="image2-hide-on-mobile" value="1"> Hide on mobile</label>
                    </div>
                </div>

                <div class="form-item">
                    <div class="form-item__label">Image file 3:</div>
                    <div class="form-item__input">
                        <input type="file" name="image3"><br>
                        <b>Important: ALL images must be uploaded at 2x resolution</b><br>
                        <label><input type="checkbox" name="image3-hide-on-mobile" value="1"> Hide on mobile</label>
                    </div>
                </div>

                <div class="form-item">
                    <div class="form-item__label"></div>
                    <div class="form-item__input">
                        <input type="submit" value="Add new image set" class="but edit">
                    </div>
                </div>

                <input type="hidden" name="action" value="new-block">
                <input type="hidden" name="block-type" value="columns">
                <input type="hidden" name="MAX_FILE_SIZE" value="50000000"><br>
                <input type="hidden" name="id" value="<?php echo $project_id ?>">
            </form>

            <hr>

            <form action="project.html" method="post" enctype="multipart/form-data">
                <h3>Icon library block</h3>

                <div class="form-item">
                    <div class="form-item__label">Header:</div>
                    <div class="form-item__input">
                        <input type="text" name="title" size="50">
                    </div>
                </div>

                <div class="form-item">
                    <div class="form-item__label">Block background:</div>
                    <div class="form-item__input">
                        #<input type="text" name="block_background" size="7" maxlength="6"> (no <b>#</b> is needed)
                    </div>
                </div>

                <div class="form-item">
                    <div class="form-item__label">Icons (SVG markup)</div>
                    <div class="form-item__input">
                        <textarea name="description" cols="80" rows="40"></textarea>
                    </div>
                </div>

                <div class="form-item">
                    <div class="form-item__label"></div>
                    <div class="form-item__input">
                        <input type="submit" value="Add new icons library block" class="but edit">
                    </div>
                </div>

                <input type="hidden" name="action" value="new-block">
                <input type="hidden" name="block-type" value="icons">
                <input type="hidden" name="id" value="<?php echo $project_id ?>">
            </form>

            <hr>

            <form action="project.html" method="post" enctype="multipart/form-data">
                <h3>Video block</h3>
<!---->
<!--                <div class="form-item">-->
<!--                    <div class="form-item__label">Title (optional):</div>-->
<!--                    <div class="form-item__input">-->
<!--                        <input type="text" name="title" size="50">-->
<!--                    </div>-->
<!--                </div>-->

                <div class="form-item">
                    <div class="form-item__label">Poster file:</div>
                    <div class="form-item__input">
                        <input type="file" name="poster">
                    </div>
                </div>

                <div class="form-item">
                    <div class="form-item__label">Video file</div>
                    <div class="form-item__input">
                        <input type="file" name="video"><br>
                        (h.264 mp4 file, Please make sure video is properly compressed)
                    </div>
                </div>

                <div class="form-item">
                    <div class="form-item__label"></div>
                    <div class="form-item__input">
                        <input type="submit" value="Add new video" class="but edit">
                    </div>
                </div>

                <input type="hidden" name="action" value="new-block">
                <input type="hidden" name="block-type" value="video">
                <input type="hidden" name="MAX_FILE_SIZE" value="50000000"><br>
                <input type="hidden" name="id" value="<?php echo $project_id ?>">
            </form>


        </div>

        <div class="admin--floating-switch">
            <a href="#" id="project-edit-mode-switch" class="but edit">Switch to edit/sort mode</a>
            <a href="#" id="project-edit-mode-switch-off" class="but delete">Exit to edit/sort mode</a>

            <a href="admin-project-edit.html?id=<?php echo $project_id ?>" class="but" id="project-edit-info-but">Edit core project info</a>
        </div>

    <?php endif; ?>

</main>


<footer style="background-color: #<?php echo $projectinfo["content_background_color"] ?>">
    <div class="content-holder">
        &copy;<?php echo date("Y") ?> Cloudberry Creative.
    </div>
</footer>


<script src="scripts/vendor.js"></script>
<script src="scripts/vendor/html.sortable.min.js"></script>
<script src="scripts/vendor/jquery.notifyBar.js"></script>

<script src="scripts/main.js"></script>
<script src="scripts/parallaxImage.js"></script>

<script>
    $(document).ready(function() {
        $(".project__desc__arrow").on("click", function() {
           animatedScollTo($("section.project__hero").height())
        });
        $(".project__item--full-width").parallaxImage();

        $("[data-trigger=project-video]").on("click", function(evt) {
            evt.preventDefault();
            var $elt = $(this);

            $.magnificPopup.open({
                items: {
                    src: $elt.attr("href")
                },
                type: "ajax",
                showCloseBtn: true,
                mainClass: 'mfp-fade'
            });
        });
    });
</script>

<?php if (portfolio_isAdmin()) : ?>
    <script>
        if (document.location.hash.replace("#", "")=='edit') {
            project_enableEditMode();
        }

        $(".project-delete-item-but").on("click", function(e) {
            e.preventDefault();
            var $elt = $(this);
            var item_id = $elt.attr("data-id");

            if (!confirm("Delete this project item?")) {
                return false;
            }

            $.ajax({
                method: "POST",
                url: "project.html",
                data: {
                    action: "project-item-del",
                    item_id: item_id
                },
                success: function() {
                    $(".project__item[data-id="+item_id+"]").fadeOut(function() {
                        $(".project__item[data-id="+item_id+"]").remove();
                    });
                }
            });
        });
    </script>
<?php endif; ?>

</body>
</html>