@extends('admin.layout')

@section('content')
    <!-- Page Heading -->
    <div class="row">
        <div class="col-lg-12">
            <h1 class="page-header">
                Ustawienia
            </h1>
        </div>
    </div>
    <!-- /.row -->

    <br/><br/>
    <div class="table-responsive">
        <table class="table table-striped table-bordered">
            <thead>
            <tr>
                <th style="width: 250px">Opis</th>
                {{--<th>Nazwa</th>--}}
                <th>Wartość</th>
                <th>Akcje</th>
            </tr>
            </thead>
            <tbody>
            @foreach($settings as $setting)
                <tr>
                    <td>{{ $setting->description }}</td>
                    {{--<td>{{ $setting->name }}</td>--}}
                    <td>{{ $setting->value }}</td>
                    <td>

                        <button type="button" class="btn btn-primary show-modal-button" data-toggle="modal" data-target="#detailsModal" data-description="{{ $setting->description }}" data-value="{{ $setting->value }}" data-id="{{ $setting->id }}">
                            <i class="glyphicon glyphicon-pencil"></i>
                        </button>
                    </td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </div>

    <!-- Modal -->
    <div class="modal" id="detailsModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">Edytuj</h4>
                </div>
                <form method="post" class="reply" id="contact" action="{!! route('admin::settings.store') !!}">
                    <div class="modal-body">
                        @include('parts.errors')

                        {!! csrf_field() !!}
                        <input type="hidden" name="id" id="setting_id"/>
                        <fieldset>
                            <div class="row">
                                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                    <div class="form-group">
                                        <label>Opis: <span>*</span></label>
                                        <input class="form-control" id="description" name="description" type="text" value="" required>
                                    </div>
                                </div>
                                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                    <div class="form-group">
                                        <label>Wartość: <span>*</span></label>
                                        <input class="form-control" id="value" name="value" type="text" value="" required>
                                    </div>
                                </div>
                            </div>
                        </fieldset>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Zamknij</button>
                        <button type="submit" class="btn btn-primary">Zapisz</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection

@section('extra_scripts')
    <script>
        $("#detailsModal").on("show.bs.modal", function(e) {
            var button = $(e.relatedTarget);
            var id = button.data('id');
            var desc = button.data('description');
            var value = button.data('value');
            $(this).find("#setting_id").val(id);
            $(this).find("#description").val(desc);
            $(this).find("#value").val(value);
        });
    </script>
@endsection