@extends('admin.layouts.app')
@section('title')
Site Settings
@endsection
@section('mainContent')
<div class="row wrapper border-bottom white-bg page-heading">
    <div class="col-sm-12">
        <h2><i class="fa fa-cogs"></i> Site Settings</h2>
        <ol class="breadcrumb">
            <li class="breadcrumb-item">
                <a href="{{ route('admin.dashboard') }}">Home</a>
            </li>
            <li class="breadcrumb-item active">
                <span class="label label-success float-right all_backgroud"><strong>Settings Table</strong></span>
            </li>
        </ol>
    </div>
        <!-- <div class="col-sm-8">
            <div class="btn-group pull-right mt-4">
                <a href="#" class="btn btn-primary dropdown-toggle btn-rounded" data-toggle="dropdown">
                    Add New Setting
                </a>
                <ul class="dropdown-menu">
                    @foreach($types as $key => $type)
                        <li><a href="{{ url(config('settings.route').'/create?type='.$key) }}">{{ $type }}</a></li>
                    @endforeach
                </ul>
            </div>
        </div> -->
    </div>
    <div class="wrapper wrapper-content">
        <div class="row">
            <div class="col-md-12">
                <div class="ibox">
                    <div class="ibox-content">
                        <div class="table-responsive">
                            <table class="table table-striped table-hover">
                                <thead>
                                    <tr class="">
                                        <th>Code</th>
                                        <th>Type</th>
                                        <th>Label</th>
                                        <th>Value</th>
                                        <th>Actions</th>
                                    </tr>
                                    <tr class="">
                                        <form method="get">
                                            <th>
                                                <input class="form-control" name="search[code]" placeholder="Code"
                                                value="{{ $search['code'] }}"/>
                                            </th>
                                            <th>
                                                <!-- <select class="form-control" name="search[type]">
                                                    <option value="" {{ $search['type'] == '' ?'disabled selected':'' }}>
                                                        Select Type
                                                    </option>
                                                    @foreach($types as $key => $type)
                                                    <option value="{{ $key }}" {{ $search['type'] == $key?'selected':'' }}>
                                                        {{ $type }}
                                                    </option>
                                                    @endforeach
                                                </select> -->
                                            </th>
                                            <th>
                                                <input class="form-control" name="search[label]" placeholder="Label"
                                                value="{{ $search['label'] }}"/>
                                            </th>
                                            <th>
                                                <input class="form-control" name="search[value]" placeholder="Value"
                                                value="{{ $search['value'] }}"/>
                                            </th>
                                            <th>
                                                <button type="submit" class="btn btn-primary"><i class="fa fa-search"></i></button>
                                <!-- <a href="{{ url(config('settings.route')) }}" class="btn btn-warning">
                                    <i class="fa fa-eraser"></i>
                                </a> -->
                            </th>
                        </form>
                    </tr>
                </thead>
                <tbody>
                    @forelse($settings as $setting)
                    <tr id="tr_{{ $setting->id }}" class="{{ $setting->hidden?'warning':'' }}">
                        <td>{{ $setting->code }}</td>
                        <td>{{ $setting->type }}</td>
                        <td>{{ $setting->label }}</td>
                        <td>{{ str_limit($setting->getOriginal('value'),50) }}</td>
                        <td>
                            <a href="{{ url(config('settings.route') . '/' . $setting->id . '/edit') }}"
                               class="btn btn-warning btn-circle btn-sm" data-toggle="tooltip" title="Edit">
                               <i class="fa fa-pencil" aria-hidden="true"></i></a>
                           </td>
                       </tr>
                       @empty
                       <tr>
                        <td colspan="5">
                            <i class="fa fa-info-circle" aria-hidden="true"></i> No settings found.
                        </td>
                    </tr>
                    @endforelse
                </tbody>
            </table>
            <div class="pull-right">{{ $settings->appends(\Request::except('page'))->links() }}</div>
        </div>
    </div>
</div>
</div>
</div>
</div>
@endsection


@section('scripts')
<script type="text/javascript">
    $(document).ready(function () {
        $('[data-toggle=confirmation]').confirmation({
            rootSelector: '[data-toggle=confirmation]',
            onConfirm: function (event, element) {
                element.trigger('confirm');
            }
                // other options
            });

        $(document).on('confirm', function (e) {
            var ele = e.target;
            e.preventDefault();

            $.ajax({
                url: ele.href,
                type: 'POST',
                headers: {'X-CSRF-TOKEN': window.Laravel.csrfToken},
                success: function (data) {
                    if (data['success']) {
                        $.toast({
                                //heading: 'Welcome to Doodle',
                                text: data['success'],
                                position: 'top-right',
                                loaderBg:'#e69a2a',
                                icon: 'success',
                                hideAfter: 3500,
                                stack: 6
                            });

                        $("#" + data['tr']).slideUp("slow");
                    } else if (data['error']) {
                        $.toast({
                                //heading: 'Welcome to Doodle',
                                text: data['error'],
                                position: 'top-right',
                                loaderBg:'#e69a2a',
                                icon: 'error',
                                hideAfter: 3500,
                                stack: 6
                            });
                    } else {
                            // toastr.error('Whoops Something went wrong!!', 'Error');
                            $.toast({
                                //heading: 'Welcome to Doodle',
                                text: "Whoops Something went wrong!!",
                                position: 'top-right',
                                loaderBg:'#e69a2a',
                                icon: 'error',
                                hideAfter: 3500,
                                stack: 6
                            });
                        }
                    },
                    error: function (data) {
                        alert(data.responseText);
                    }
                });

            return false;
        });
    });
</script>
@endsection