@extends('layout.main')

<style>
    .tile-box {
        cursor: pointer;
    }
    .tile-title .title {
        border-radius: 0 0 5px 5px;
    }
</style>

@section('filter')
    <div id="App-filter" class="fixed new_filter">
        <div class="filter-inner">
            <h2 class="filter-header">
                <a href="#" class="filter-close" data-animate="1"><i class="entypo-cancel"></i></a>
                <i class="fa fa-filter"></i>
                Filter
            </h2>
            <form novalidate class="form-horizontal form-groups-bordered validate" method="get" id="apps_filter">
                <div class="form-group">
                    <label for="Search" class="control-label">Search</label>
                    <input class="form-control" name="AppName" id="AppName" type="text" >
                </div>
                <div class="form-group">
                    <br/>
                    <button type="submit" class="btn btn-primary btn-md btn-icon icon-left">
                        <i class="entypo-search"></i>
                        Search
                    </button>
                </div>
            </form>
        </div>
    </div>
@stop


@section('content')
    <ol class="breadcrumb bc-3">
        <li>
            <a href="{{URL::to('/dashboard')}}"><i class="entypo-home"></i>Home</a>
        </li>
        <li class="active">
            <strong>Manage Apps</strong>
        </li>
    </ol>
    <h3>Manage Apps</h3>
    <br>
    
    <div class="clear row">
        {{--<div class="col-sm-3">
            <div class="tile-title tile-gray">
                <div class="icon">
                    <i class="glyphicon glyphicon-plus"></i>
                </div>
                <div class="title">
                    <h3>Register New App</h3>
                    <p> </p>
                </div>
            </div>
        </div>--}}

        <table class="table table-bordered datatable hidden" id="AppDataTable">
            <thead>
                <tr>
                    <th>App Name</th>
                    <th>redirect_url</th>
                    <th>client_id</th>
                    <th>client_secret</th>
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>

    </div>
    <script type="text/javascript">
        var $searchFilter = {};
        var tiles_style_list = ['gray','primary','red','blue','aqua','cyan','purple','green','pink','orange','brown','plum'];

        jQuery(document).ready(function($) {

            $searchFilter.AppName = $("#App-filter [name='AppName']").val();

            data_table = $("#AppDataTable").dataTable({
                "bProcessing":true,
                "bDestroy": true,
                "bServerSide":true,
                "sAjaxSource": baseurl + "/apps/ajax_data_grid",
                "iDisplayLength": parseInt('{{CompanyConfiguration::get('PAGE_SIZE')}}'),
                "sPaginationType": "bootstrap",
                "sDom": "<'row'<'col-xs-6 col-left '<'#selectcheckbox.col-xs-1'>'l><'col-xs-6 col-right'<'change-view'><'export-data'T>f>r><'gridview'>t<'row'<'col-xs-6 col-left'i><'col-xs-6 col-right'p>>",
                "aaSorting"   : [[2, 'asc']],
                "fnServerParams": function(aoData) {
                    aoData.push(
                            {"name":"AppName","value":$searchFilter.AppName}
                    );
                    data_table_extra_params.length = 0;
                    data_table_extra_params.push(
                            {"name":"AppName","value":$searchFilter.AppName},
                            {"name":"Export","value":1}
                    );
                },
                "aoColumns":
                        [
                            { "bSortable": true}, //App Name
                            { "bSortable": true}, //redirect_url
                            { "bSortable": true}, //client_id
                            { "bSortable": true}, //client_secret
                            {
                                "bSortable": false,
                                mRender: function ( id, type, full ) {
                                    var action , edit_ , show_,chart_,credit_;
                                    action  = '';
                                    edit_   = "{{ URL::to('apps/{id}/edit')}}";
                                    delete_ = "{{ URL::to('apps/{id}/delete')}}";

                                    edit_   = edit_.replace( '{id}', full[0] );
                                    delete_ = delete_.replace( '{id}', full[0] );

                                    action = '';