@extends('layouts.app')

@section('link')
    <link href="{{ asset('css/datatables.min.css') }}" rel="stylesheet">
@endsection

@section('content')
@include('shared.messages')
<div class="row">
    <div class="col-xs-12 col-sm-12 col-md-12">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title">{{__('texte.general_settings_arr.index.general_settings_list')}}</h3>
            </div>
            
            <div class="panel-body">
                <form id="general_settings_edit" method="POST" action="{{ route('general_settings.update') }}" class="form form-horizontal">
                    {{ method_field('PATCH') }}
                    {{ csrf_field() }}
                    
                    <div class="ibox float-e-margins">

                        <div class="ibox-content wide">
                            <div class="table-responsive">
                                <table id="myTable" class="table table-striped table-bordered table-hover dataTables-example dataTable" width="100%">
                                    <thead>
                                        <tr>
                                            <th>{{__('texte.general_settings_arr.index.name')}}</th>
                                            <th>{{__('texte.general_settings_arr.index.value')}}</th>
                                        </tr>
                                    </thead>
                                    <tbody>

                                    </tbody>
                                </table>
                            </div>                            
                        </div>
                    </div>                    
                    <div class="form-group row">
                            <div class="col-sm-12" style='text-align: center;'>
                                <button type="submit" class="btn btn-primary">{{__('texte.general_settings_arr.index.change')}}</button>
                            </div>
                        </div>
                    </fieldset>
                </form>
            </div>            
        </div>
    </div>
</div>


<script src="{{ asset('js/select2.min.js') }}"></script>
<script src="{{ asset('js/datatables.min.js') }}"></script> 
<script src="{{ asset('js/jquery.validate.js') }}"></script> 
<script src="{{ asset('js/validation.js') }}"></script> 
<script>
    $('#active').select2();
    
    $(document).ready(function(){
        table = $('.dataTables-example').DataTable({
            pageLength: 100,
            responsive: true,
            "server-side": true,
            dom: 'lTfgitp',
            "ajax": {
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: '/get_general_settings',
                type: 'POST'
            },
            "deferRender": true,
            columns: [
                { data: 'human_name', name: 'Име'},
                { data: 'value', name: 'Стойност',
                    "orderable" : false,
                    "fnCreatedCell": function (nTd, sData, oData, iRow, iCol){
                        
                        html = '<input type="text" class="form-control gen_set" name="general_settings['+oData.id+']" value="'+sData+'" @cannot("edit_general_settings") readonly @endcannot /><div class="errorBox"></div>';
                        $(nTd).html(html);
                    }
                } 
            ],
            "oLanguage": {
                "sShow":"Показване",
                "sSearch": "Търсене",
                "sLengthMenu": "Показване на _MENU_  <span style='vertical-align:-moz-middle-with-baseline;margin-left:5px;'>Резултата на страница</span>",  
                "sInfo": "Показване на записи от _START_ до _END_ от общо _TOTAL_ записа",
                "sZeroRecords": "Не са намерени записи по зададените параметри",
                "sInfoEmpty": "Не са намерени записи по зададените параметри",
                "sInfoFiltered" : "- филтрирани от _MAX_ записа",
                "sLoadingRecords" : "Резултатите се зареждат, моля изчакайте...",
                "oPaginate": {
                        "sNext": "Следваща",
                        "sPrevious": "Предишна",
                }
            },
            "initComplete":function(settings, json) {
                $("a").each(function(){
                    if($(this).attr('disabled')=='disabled'){
                        $(this).addClass('not-active');
                    }
                });  
                
                $('.gen_set').each(function(){
                    $(this).rules("add", {
                        required: true,
                        messages: {
                            required: "Полето е задължително."
                        }
                    });
                });
            }
        });
    });
</script>
@endsection