<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="www.mobigo.com.tr">
    <title>Places Near</title>
    <link href="favicon.ico" rel="shortcut icon" type="image/x-icon" />
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/sb-admin.css" rel="stylesheet">
    <link href="css/jquery.validate.css" rel="stylesheet">
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="css/bootstrap-modal.css" rel="stylesheet" type="text/css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <style>
        #Color{
            background-color:#fff !important;
            color:#000 !important;
        }
    </style>
</head>

<body>

    <div id="wrapper">
        <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="index.html">
                    <img style="width: 190px; margin: 0px;" src="images/logo.png"></a>
            </div>
            <div class="collapse navbar-collapse navbar-ex1-collapse">
                <ul class="nav navbar-nav side-nav">
                    <li>
                        <a href="index.html" style="background-color: #000 !important;color: #fff;"><i class="fa fa-list-ul fa-fw" style="width: 25px; text-align: center;"></i>Categories</a>
                    </li>
                    <li>
                        <a href="place.html"><i class="fa fa-map-marker fa fw" style="width: 25px; text-align: center;"></i>Places</a>
                    </li>
                    <li>
                        <a href="review.html"><i class="fa fa-comments fa-fw" style="width: 25px; text-align: center;"></i>Reviews</a>
                    </li>
                    <li>
                        <a href="deal.html"><i class="fa fa-tags fa-fw" style="width: 25px; text-align: center;"></i>Deals</a>
                    </li>
                    <li>
                        <a href="photo.html"><i class="fa fa-picture-o fa-fw" style="width: 25px; text-align: center;"></i>Photos</a>
                    </li>
                </ul>
            </div>
        </nav>
        <div id="page-wrapper" style="min-height: 850px; height: auto">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-lg-12">
                        <h1 class="page-header">Categories
                        <button type="button" class="btn btn-info" style="float: right; margin-bottom: 20px;" data-toggle="modal" data-target="#CategoryModal">
                            <i class="fa fa-fw fa-plus"></i>Add Category
                        </button>
                        </h1>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-12" style="margin-bottom: 50px;">
                        <div class="table-responsive">
                            <table class="table table-bordered table-hover table-striped">
                                <thead>
                                    <tr>
                                        <th>Name</th>
                                        <th>Color</th>
                                        <th>Icon</th>
                                    </tr>
                                </thead>
                                <tbody class="categoriesTable">
                                </tbody>
                            </table>
                            <div class="patientPaging">
                                <div class="pagination-container">
                                    <ul class="pagination">
                                        <li class="active"><a>1</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="modal fade" id="CategoryModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display:none;">
                                <div class="modal-dialog">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <button type="button" onclick="cleanModal('Category')" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                            <h4 class="modal-title" id="myModalLabel">Category</h4>
                                        </div>
                                        <div class="modal-body">
                                            <div class="form-horizontal">
                                                <input type="hidden" id="categoryID" value="">
                                                <div class="form-group">
                                                    <label class="control-label col-md-3" for="Image">Icon</label>
                                                    <div class="col-md-9">
                                                        <img id="iconImage" style="display: none; width: 50px;" src=""></img>
                                                        <input type="file" id="icon" name="file" accept="image/*" class="form-control file-upload">
                                                    </div>
                                                </div>

                                                <div class="form-group">
                                                    <label class="control-label col-md-3" for="Image">Pin icon</label>
                                                    <div class="col-md-9">
                                                        <img id="pinIconImage" style="display: none; width: 25px;" src=""></img>
                                                        <input type="file" id="pinIcon" name="file" accept="image/*" class="form-control file-upload">
                                                    </div>
                                                </div>

                                                <div class="form-group">
                                                    <label class="control-label col-md-3" for="Color">Color</label>
                                                    <div class="col-md-9">
                                                        <input class="form-control text-box single-line color" id="Color" name="Color" type="text" value="" />
                                                    </div>
                                                </div>

                                                <div class="form-group">
                                                    <label class="control-label col-md-3" for="Name">Name</label>
                                                    <div class="col-md-9" style="height: 300px; overflow: hidden; overflow-y: scroll;">
                                                        <span id="categoryError" style="color:red; display:none;">At least one category name is required.</span>
                                                        <input class="form-control text-box single-line" style="margin-bottom: 5px;" id="NameEn" name="Name" type="text" placeholder="Name English" value="" />
                                                        <input class="form-control text-box single-line" style="margin-bottom: 5px;" id="NameTr" name="Name" type="text" placeholder="Name Turkish" value="" />
                                                        <input class="form-control text-box single-line" style="margin-bottom: 5px;" id="NameAr" name="Name" type="text" placeholder="Name Arabic" value="" />
                                                        <input class="form-control text-box single-line" style="margin-bottom: 5px;" id="NameDe" name="Name" type="text" placeholder="Name German" value="" />
                                                        <input class="form-control text-box single-line" style="margin-bottom: 5px;" id="NameFr" name="Name" type="text" placeholder="Name French" value="" />
                                                        <input class="form-control text-box single-line" style="margin-bottom: 5px;" id="NameJa" name="Name" type="text" placeholder="Name Japanese" value="" />
                                                        <input class="form-control text-box single-line" style="margin-bottom: 5px;" id="NameNl" name="Name" type="text" placeholder="Name Dutch" value="" />
                                                        <input class="form-control text-box single-line" style="margin-bottom: 5px;" id="NameIt" name="Name" type="text" placeholder="Name Italian" value="" />
                                                        <input class="form-control text-box single-line" style="margin-bottom: 5px;" id="NameEs" name="Name" type="text" placeholder="Name Spanish" value="" />
                                                        <input class="form-control text-box single-line" style="margin-bottom: 5px;" id="NamePt" name="Name" type="text" placeholder="Name Portuguese" value="" />
                                                        <input class="form-control text-box single-line" style="margin-bottom: 5px;" id="NameDa" name="Name" type="text" placeholder="Name Danish" value="" />
                                                        <input class="form-control text-box single-line" style="margin-bottom: 5px;" id="NameFi" name="Name" type="text" placeholder="Name Finnish" value="" />
                                                        <input class="form-control text-box single-line" style="margin-bottom: 5px;" id="NameNb" name="Name" type="text" placeholder="Name Norwegian" value="" />
                                                        <input class="form-control text-box single-line" style="margin-bottom: 5px;" id="NameSv" name="Name" type="text" placeholder="Name Swedish" value="" />
                                                        <input class="form-control text-box single-line" style="margin-bottom: 5px;" id="NameKo" name="Name" type="text" placeholder="Name Korean" value="" />
                                                        <input class="form-control text-box single-line" style="margin-bottom: 5px;" id="NameZn_Hans" name="Name" type="text" placeholder="Name Chinese Simplified" value="" />
                                                        <input class="form-control text-box single-line" style="margin-bottom: 5px;" id="NameZn_Hant" name="Name" type="text" placeholder="Name Chinese Traditional" value="" />
                                                        <input class="form-control text-box single-line" style="margin-bottom: 5px;" id="NameRu" name="Name" type="text" placeholder="Name Russian" value="" />
                                                        <input class="form-control text-box single-line" style="margin-bottom: 5px;" id="NamePl" name="Name" type="text" placeholder="Name Polish" value="" />
                                                        <input class="form-control text-box single-line" style="margin-bottom: 5px;" id="NameUk" name="Name" type="text" placeholder="Name Ukrainian" value="" />
                                                        <input class="form-control text-box single-line" style="margin-bottom: 5px;" id="NameHr" name="Name" type="text" placeholder="Name Croatian" value="" />
                                                        <input class="form-control text-box single-line" style="margin-bottom: 5px;" id="NameCs" name="Name" type="text" placeholder="Name Czech" value="" />
                                                        <input class="form-control text-box single-line" style="margin-bottom: 5px;" id="NameEl" name="Name" type="text" placeholder="Name Greek" value="" />
                                                        <input class="form-control text-box single-line" style="margin-bottom: 5px;" id="Text1" name="Name" type="text" placeholder="Name Hebrew" value="" />
                                                        <input class="form-control text-box single-line" style="margin-bottom: 5px;" id="NameRo" name="Name" type="text" placeholder="Name Romanian" value="" />
                                                        <input class="form-control text-box single-line" style="margin-bottom: 5px;" id="NameSk" name="Name" type="text" placeholder="Name Slovak" value="" />
                                                        <input class="form-control text-box single-line" style="margin-bottom: 5px;" id="NameTh" name="Name" type="text" placeholder="Name Thai" value="" />
                                                        <input class="form-control text-box single-line" style="margin-bottom: 5px;" id="NameId" name="Name" type="text" placeholder="Name Indonesian" value="" />
                                                        <input class="form-control text-box single-line" style="margin-bottom: 5px;" id="NameMs" name="Name" type="text" placeholder="Name Malay" value="" />
                                                        <input class="form-control text-box single-line" style="margin-bottom: 5px;" id="NameCa" name="Name" type="text" placeholder="Name Catalan" value="" />
                                                        <input class="form-control text-box single-line" style="margin-bottom: 5px;" id="NameHu" name="Name" type="text" placeholder="Name Hungarian" value="" />
                                                        <input class="form-control text-box single-line" style="margin-bottom: 5px;" id="NameVi" name="Name" type="text" placeholder="Name Vietnamese" value="" />
														<input class="form-control text-box single-line" style="margin-bottom: 5px;" id="NameAz" name="Name" type="text" placeholder="Name Azeri" value="" />
                                                    </div>
                                                </div>
                                                <a href="#" onclick="javascript:deleteObject('Category');" style="float: left; display: none;" class="btn btn-danger" role="button" id="deleteCategoryButton"><i class="fa fa-fw fa-trash-o"></i>Delete</a>
                                                <a href="#" onclick="javascript:addObject('Category');" style="float: right;" class="btn btn-info" role="button" id="addCategoryButton"><i class="fa fa-fw fa-plus"></i>Add</a>
                                                <button type="button" onclick="cleanModal('Category')" style="float: right; margin-right: 10px;" class="btn btn-default" data-dismiss="modal">Close</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="footer">
        <div class="container">
            <p style="text-align: center;">Created by Mobigo Bilisim Teknolojileri Copyright (c) 2015 <a href="http://www.mobigo.com.tr" title="Mobigo" target="_blank">Mobigo Bilisim Teknolojileri</a>. All rights reserved.</p>
        </div>
    </div>
    <div class="loadingArea" ><div class="spinner"><div class="bounce1"></div><div class="bounce2"></div><div class="bounce3"></div></div></div>
    <script src="js/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/bootstrap-modal.js"></script>
    <script src="js/bootstrap-modalmanager.js"></script>
    <script src="js/jquery.validate.js"></script>
    <script src="js/parse.js"></script>
    <script src="js/script.js"></script>
    <script type="text/javascript" src="js/jscolor.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            addList('Category', false);
        });
        jQuery(function () {
            $("#Color").validate({
                expression: "if (VAL) return true; else return false;",
                message: "Color is required."
            });
            $("#icon").validate({
                expression: "if (VAL) return true; else return false;",
                message: "Icon is required."
            });
            $("#pinIcon").validate({
                expression: "if (VAL) return true; else return false;",
                message: "Pin icon is required."
            });
        });
		  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','js/analytics.js','ga');

  ga('create', 'UA-40477488-3', 'auto');
  ga('send', 'pageview');
	</script>
</body>

</html>
