@extends('admin.layouts.index')

@section('content')
    <section class="content">
        <div class="container-fluid">

            <form action="{{ action('AdminController@postEditPropertyAttribution', array($attribution->id)) }}"
                  method="post" accept-charset="utf-8">
                {!! csrf_field() !!}

                <div class="row">
                    <div class="col-lg-12">
                        <div class="view-header">
                            <div class="pull-right text-right" style="line-height: 14px">
                                <a href="{{ action('AdminController@getPropertyAttributions') }}"
                                   class="btn btn-default">Vissza</a>
                                <button class="btn btn-success" type="submit"><span class="bold">Mentés</span> <i
                                            class="fa fa-floppy-o"></i></button>
                            </div>
                            <div class="header-icon">
                                <i class="pe page-header-icon pe-7s-info"></i>
                            </div>
                            <div class="header-title">
                                <h3 class="m-b-xs">Elem módosítása</h3>
                                <small>
                                    {{ $attribution->title }}
                                </small>
                            </div>
                        </div>
                        <hr>
                    </div>
                </div>

                <div class="row">

                    <div class="col-lg-6">
                        <div class="panel panel-filled panel-c-white">
                            <div class="panel-heading">
                                <h4>Általános adatok</h4>
                            </div>
                            <div class="panel-body">
                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <label>Megnevezés</label>
                                            <input type="text" name="title" class="form-control"
                                                   value="{{ $attribution->title }}">
                                            <p class="help-block small">Tulajdonság megjelenített neve az oldalon (pl.
                                                Méret)</p>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <label>Látható az ingatlanok listájában</label>
                                            <select name="visible" data-placeholder="Láthatóság kiválasztása"
                                                    class="chosen-select @if($attribution->visible == 1) active @endif"
                                                    style="width: 350px; display: none;" tabindex="-1">
                                                <option value="0"
                                                        @if($attribution->visible == 0) selected @endif>
                                                    Nem
                                                </option>
                                                <option value="1"
                                                        @if($attribution->visible == 1) selected @endif>
                                                    Igen
                                                </option>
                                            </select>

                                            <p class="help-block small">Tulajdonság láthatósága az áttekintő
                                                oldalon.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-6">
                        <div class="panel">
                            <div class="panel-heading">
                                Segédlet
                            </div>
                            <div class="panel-body">
                                <p>Az adatok megfelelő kitöltése utána a jobb felső <code>Mentés</code> gombra kattintva
                                    az elem mentésre kerül, ezzel együtt azonnal láthatóvá válik a látogatók számára az
                                    oldalon.</p>
                            </div>
                            <div class="panel-footer"></div>
                        </div>
                    </div>

                </div>

            </form>

        </div>
    </section>
@stop

@section('custom-css')
    <link href="{{ url('assets/admin/vendor/chosen/chosen-bs.css') }}" rel="stylesheet">
    <style>
        .chosen-select.active + .chosen-container-single .chosen-single {
            background-color: #1bbf89 !important;
            color: white !important;
            font-weight: bold !important;
        }
    </style>
@stop

@section('custom-js')
    <script src="{{ url('assets/admin/vendor/chosen/chosen.jquery.js') }}"></script>

    <script>
        $(document).ready(function () {

            var config = {
                '.chosen-select': {width: "100%"},
                '.chosen-select-deselect': {allow_single_deselect: true},
                '.chosen-select-no-single': {disable_search_threshold: 10},
                '.chosen-select-no-results': {no_results_text: 'Nincs találat.'},
                '.chosen-select-width': {width: "95%"}
            };
            for (var selector in config) {
                $(selector).chosen(config[selector]);
            }
            ;

        });
    </script>
@stop