@extends('layouts.master')

@section('content-header')
    <h1 class="pull-left">
        {{ trans('dashboard::dashboard.name') }}
    </h1>
    <div class="btn-group pull-right">
      <!--  <a class="btn btn-default" id="edit-grid" data-mode="0" href="#">{{ trans('dashboard::dashboard.edit grid') }}</a>
        <a class="btn btn-default" id="reset-grid" href="{{ route('dashboard.grid.reset')  }}">{{ trans('dashboard::dashboard.reset grid') }}</a>
        <a class="btn btn-default hidden" id="add-widget" data-toggle="modal" data-target="#myModal">{{ trans('dashboard::dashboard.add widget') }}</a>-->
    </div>
    <div class="clearfix"></div>
@stop

@section('styles')
    <style>
        .grid-stack-item {
            padding-right: 20px !important;
        }
        .content-wrapper{
            overflow-y: auto;
        }
    </style>
@stop

@section('content')

    <div class="row">
        <div class="col-md-12">
            <div class="grid-stack"><br>
            <h3>Hey, Welcome to admin panel for Android TV Launcher. </h3>
            <h4>Go to androidtv listed in left menu and manage all your registrations, alerts, listing the applications and managing the analytics.</h4>
            <h4>Go to users module to add the other admins, manage the permissions to be given to them.</h4>
            <h4>Go to settings to set API KEY, change site name and description to be shown on this admin panel.</h4>
            <br>
            <h3>Android TV Launcher</h3>
            <h4>Please click below link to download new Updated version</h4>
            <h4><a href="../android_apk/app-release-1.2.apk"><u>app-release-1.2.apk</u></a> </h4>
            <h4>Version Details: </h4>
            <h5> 1.Upgradation of Android SDK and Libraries </h5>
            <br>
            <h4>Older Versions:</h4>
            <h4><a href="../android_apk/app-release-1.1.apk"><u>app-release-1.1.apk</u></a> </h4>
            <h4>Version Details: </h4>
            <h5> 1.Fixed fast scrolling of images</h5>
            <h5> 2.Shortcut to Google play store in top right nav</h5>
            <h5> 3.Image quality improvement</h5>
            <h5> 4.Need to be able to enter password for setting even if not connected to internet</h5>
            <br>
            <h4>Version Details: </h4>
            <h5> 1. Common TV application</h5>
            <h4><a href="../android_apk/app-release-1.0.apk"><u>app-release-1.0.apk</u></a></h4>
            <br>
            <br>
            </div>
        </div>
    </div>
    <div class="clearfix"></div>

    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">{{ trans('dashboard::dashboard.add widget to dashboard') }}</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                    </div>
                </div>
            </div>
        </div>
    </div>
@stop

@section('scripts')
    @parent
    <script type="text/javascript">
        $(document).ready(function () {
            var options = {
                vertical_margin: 10,
                float: true,
                animate: true
            };
            $('.grid-stack').gridstack(options);

            /** savey crap */
            new function () {
                this.defaultWidgets = {!! json_encode($widgets) !!};
                this.serialized_data = {!! $customWidgets !== 'null' ? $customWidgets : json_encode($widgets) !!};
                //console.log(this.defaultWidgets.PostsWidget);
                this.grid = jQuery('.grid-stack').data('gridstack');
                this.load_grid = function () {
                    this.grid.remove_all();
                    var items = GridStackUI.Utils.sort(this.serialized_data);
                    _.each(items, function (node) {
                        this.spawn_widget(node);
                        jQuery(jQuery.find('option[value="'+node.id+'"]')[0]).hide();
                    }, this);
                }.bind(this);
                this.save_grid = function () {
                    this.serialized_data = _.map($('.grid-stack > .grid-stack-item:visible'), function (el) {
                        el = jQuery(el);
                        var node = el.data('_gridstack_node');
                        return {
                            id: el.attr('id'),
                            x: node.x,
                            y: node.y,
                            width: node.width,
                            height: node.height
                        };
                    }, this);
                    $.ajax({
                        type: 'POST',
                        url: '{{ route('dashboard.grid.save') }}',
                        data: {
                            _token: '