@extends('layouts.backend.master')
@section('content')	
<div class="content-wrapper">
    <section class="content-header">
        <h1><i class="fa fa-cogs"></i> {{ 'Configuration'}} <small>{{ 'Control' }} {{ 'Panel' }} {{ 'Manage' }} {{ 'Configurations' }}</small></h1>
        <ol class="breadcrumb">
            <li><a href="{{ url('backend/configurations/create') }}"><i class="fa fa-plus"></i> {{ 'Create' }} {{ 'Configuration' }}</a></li>
            <li class="active">{{ 'View' }}</li>
        </ol>
    </section>
    <section class="content container-fluid">
        <div class="row">
            @include('flash::message')
        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="box">
                    <div class="box-header">
                        <h3 class="box-title">{{ 'Configurations' }}</h3>
                    </div>
                    <!-- /.box-header -->
                    <div class="box-body">
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    {!! Form::label('searchBox', 'Search Keyword', ['class' => 'control-label']) !!}
                                    {!! Form::text('searchBox', null, ['class' => 'form-control', 'id' => 'searchBox', 'placeHolder' => 'Enter Keyword' ]) !!}
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    {!! Form::label('searchBox', '&nbsp;', ['class' => 'control-label']) !!}
                                    <br />
                                    <button color="primary" type="button" value="Search" id="searchButton" class="btn btn-info pull-left">{{ 'Search' }}</button>
                                    <button type="button" value="Reset" id="resetButton" onclick="location.href ='{{'/backend/configurations'}}'" class="btn btn-default pull-left" style="margin-left: 10px;">{{ 'Reset' }}</button>
                                </div>
                            </div>
                        </div>
                        <hr />
                        <table class="table table-striped table-bordered table-hover jambo_table" id="configuration" >
                            <thead>
                                <tr class="headings">
                                    <th>#</th>
                                    <th>{{ 'Config Key' }}</th>
                                    <th>{{ 'Config Value' }}</th>
                                    <th>{{ 'Config Label' }}</th>
                                    <th>{{ 'Created At' }}</th>
                                    <th>{{ 'Action' }}</th>
                                </tr>
                            </thead>
                            <tbody>
                            </tbody>
                            <tfoot>
                                <tr class="headings">
                                    <th>#</th>
                                    <th>{{ 'Config Key' }}</th>
                                    <th>{{ 'Config Value' }}</th>
                                    <th>{{ 'Config Label' }}</th>
                                    <th>{{ 'Created At' }}</th>
                                    <th>{{ 'Action' }}</th>
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                    <!-- /.box-body -->
                </div>
            </div>
        </div>
    </section>
</div>


<script type="text/javascript">
    var oTable;
    var token = $('meta[name="csrf-token"]').attr('content');
    $(document).ready(function () {
        oTable = $('#configuration').dataTable({
            "processing": true,
            "serverSide": true,
            "responsive": true,
            "fnDrawCallback": function (oSettings) {
                $('#configuration').tooltip();
            },
            "ajax": {
                "url": SITEURL + "/backend/configurations/getConfiguration",
                "type": "POST",
                "dataType": "json",
                "data": function (d) {
                    d.myKey = "myValue";
                    d.searchBox = $('#searchBox').val();
                    d._token = token;
                }
            },
            "bFilter": false,
            "aoColumnDefs": [{"bSortable": false, "aTargets": [0, 5]}],
            "order": [[4, "desc"]],
            "aoColumns": [
                {"data": "sr_no", "sClass": "text-center"},
                {"data": "config_key"},
                {"data": "config_value"},
                {"data": "config_label"},
                {"data": "created_at"},
                {"data": "action"}
            ]
        });

        $('#searchButton').click(function () {
            oTable.fnDraw();
        });

        $('#searchBox').keydown(function (e) {
            if (e.keyCode == 13) {
                oTable.fnDraw();
            }
        });

        jQuery("#configuration").on("click", ".deleteRecord", function () {
            var sID = jQuery(this).attr('rel');
            swal({
                title: "{{ 'Are you sure?' }}",
                text: "{{ 'You will not be able to recover this record in future!' }}",
                type: "warning",
                showCancelButton: true,
                confirmButtonColor: "#DD6B55",
                confirmButtonText: "{{ 'Yes, delete it!' }}",
                cancelButtonText: "{{ 'No, cancel plz!' }}",
                closeOnConfirm: false,
                closeOnCancel: false
            },
            function (isConfirm) {
                if (isConfirm) {
                    $.ajax({
                        url: SITEURL + "/backend/configurations/remove",
                        type: 'POST',
                        dataType: 'json',
                        data: {sID: sID},
                        success: function (data) {
                            swal({title: "{{ 'Deleted' }}", text: "{{ 'Record has been deleted.' }}", type: "success", confirmButtonText: "{{ 'Ok' }}"});
                            bResetDisplay = false;
                            /* override default behaviour */
                            oTable.fnDraw();
                            bResetDisplay = true;
                            /*restore default behaviour */
                        },
                        error: function () {
                            swal({title: "{{ 'Warning' }}", text: "{{ 'Do not have permission to delete the record.' }}", type: "error", confirmButtonText: "{{ 'Ok' }}"});
                        }
                    });
                } else {
                    swal({title: "{{ 'Cancelled' }}", text: "{{ 'Record is safe now.' }}", type: "error", confirmButtonText: "{{ 'Ok' }}"});
                }
            });
        });
    });
</script>

@endsection