@extends('layouts/default')

@section('title')
    {{ trans('general.website-settings') }} ::
    @parent
@stop

@section('content')

    <div class="toolbar row">
        <div class="col-sm-12 hidden-xs">
            <div class="page-header">
                <h1>{{ trans('general.website-settings') }} <small></small></h1>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <ol class="breadcrumb">
                <li><a href="{{ URL::to('/') }}">{{ trans('general.dashboard') }}</a></li>
                <li class="active">{{ trans('general.website-settings') }}</li>
            </ol>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <!-- Notifications -->
            @include('notifications')
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <div class="panel panel-white">
                <div class="panel-heading">
                    <h4 class="panel-title">{{ trans('general.website-settings') }}</h4>
                    <div class="panel-tools">
                        <div class="dropdown">
                            <a data-toggle="dropdown" class="btn btn-xs dropdown-toggle btn-transparent-grey">
                                <i class="fa fa-cog"></i>
                            </a>
                            <ul class="dropdown-menu dropdown-light pull-right" role="menu">
                                <li>
                                    <a class="panel-collapse collapses" href="#"><i class="fa fa-angle-up"></i> <span>{{ trans('general.collapse') }}</span> </a>
                                </li>
                                <li>
                                    <a class="panel-expand" href="#"> <i class="fa fa-expand"></i> <span>{{ trans('general.fullscreen') }}</span></a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>

                <div class="panel-body">

                    <div class="table-responsive">
                        <table class="table table-bordered table-striped table-hover">
                            <thead>
                            <tr>
                                <th class="col-xs-2">{{ trans('general.key') }}</th>
                                <th>{{ trans('general.value') }}</th>
                                <th class="col-xs-1">{{ trans('general.actions') }}</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach ($settings as $setting)
                                                                <tr>
                                    <td>{{ e($setting->key) }}</td>
                                    <td>
										@if($setting->type == 'file')
											<div class="input-group" style="width: 90%">
												<input class="form-control" type="text" name="value-{{ $setting->id }}" id="value-{{ $setting->id }}" value="{{ old('value-'.$setting->id, $setting->value) }}"/>
												<span class="input-group-btn">
													<a href="#" data-id="{{ $setting->id }}" title="" class="btn btn-primary setting-select-file">{{ trans('general.select') }}</a>
												</span>
											</div>
										@else
											<textarea style="width: 90%" name="value-{{ $setting->id }}" id="value-{{ $setting->id }}" rows="4">{{ old('value-'.$setting->id, $setting->value) }}</textarea>
										@endif
                                    </td>
                                    <td>
                                        <a href="{{ route('update/setting') }}" data-id="{{ $setting->id }}" class="update-setting btn btn-primary">{{ trans('general.save') }}</a>
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                        <!-- CSRF Token -->
                        <input type="hidden" id="_token" name="_token" value="{{ csrf_token() }}" />
                    </div>
                </div>

            </div>
        </div>
    </div>
@stop

@section('scripts')
    @parent
    <script type="text/javascript">
        $(document).ready(function() {
            $(document).on('change', '.language-chooser-settings', function() {
                var location = $(this).attr('data');
                var language = $('.language-chooser-settings option:selected').val();
                if (!location) { return false; }
                if (!language) { return false; }
                window.location = location + '/' + language;
            });

            $(document).on('click', '.update-setting', function() {
                var id = $(this).attr('data-id');
                if (!id) { alert('<br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function trans() in /home/barburim/public_html/affiliates/resources/views/settings/index.blade.php:116
Stack trace:
#0 {main}
  thrown in <b>/home/barburim/public_html/affiliates/resources/views/settings/index.blade.php</b> on line <b>116</b><br />