@extends('beers.edit.layout')

@section('main_content')
    <div class="panel panel-default">
        <div class="panel-heading no-bg panel-settings">
            <h3 class="panel-title">
                {{ trans('beers.edit.menu.brewery_information') }}
            </h3>
        </div>

        <div class="panel-body nopadding">
            <div class="socialite-form">
                @include('flash::message')

                @if ($errors->any())
                    <div class="alert alert-danger">
                        {{ trans('beers.edit.errors') }}
                    </div>
                @endif

                {!! Form::model($brewery, ['route' => ['beer.edit.brewery_information.post', $beer->username], 'id' => 'brewery-form', 'class' => 'margin-right', 'method' => 'post', 'files' => true]) !!}
                <div class="form-group {{ $errors->has('id') ? ' has-error' : '' }}">
                    {{ Form::label('id', trans('breweries.select_brewery'), ['class' => 'control-label']) }}
                    {{ Form::select('id', $brewery ? [$brewery->id=> $brewery->name] : [], $brewery ? null : $beer->brewery->id, ['id' => 'select-brewery', 'class' => 'form-control']) }}

                    @if ($errors->has('id'))
                        <span class="help-block">
                            {{ $errors->first('id') }}
                        </span>
                    @endif
                </div>

                {{ Form::hidden('isNewBrewery', 0, ['id' => 'is-new-brewery']) }}
                {{ Form::hidden('isEditBrewery', $brewery ? 1 : 0, ['id' => 'is-edit-brewery']) }}

                {{--<div class="form-group" id="brewery-data" {!! $brewery || old('isNewBrewery') == 1 || old('isEditBrewery') == 1 ? '' : 'style="display: none;"' !!}>--}}
                    {{--<fieldset>--}}
                        {{--<legend>{{ trans('breweries.general_information') }}</legend>--}}

                        {{--<div class="form-group required {{ $errors->has('name') ? ' has-error' : '' }}">--}}
                            {{--{{ Form::label('name', trans('breweries.name'), ['class' => 'control-label']) }}--}}
                            {{--{{ Form::text('name', null, ['class' => 'form-control']) }}--}}

                            {{--@if ($errors->has('name'))--}}
                                {{--<span class="help-block">--}}
                                    {{--{{ $errors->first('name') }}--}}
                                {{--</span>--}}
                            {{--@endif--}}
                        {{--</div>--}}

                        {{--<div class="form-group required {{ $errors->has('address') ? ' has-error' : '' }}">--}}
                            {{--{{ Form::label('address', trans('breweries.address'), ['class' => 'control-label']) }}--}}
                            {{--{{ Form::text('address', null, ['class' => 'form-control']) }}--}}

                            {{-- Fill adress data based on geometry object from Google Place Autocomplete --}}
                            {{--{{ Form::hidden('latitude', null, ['id' => 'latitude']) }}--}}
                            {{--{{ Form::hidden('longitude', null, ['id' => 'longitude']) }}--}}

                            {{-- Fill adress data based on address_components object from Google Place Autocomplete --}}
                            {{--{{ Form::hidden('street', null, ['id' => 'route']) }}--}}
                            {{--{{ Form::hidden('street_number', null, ['id' => 'street_number']) }}--}}
                            {{--{{ Form::hidden('postal_code', null, ['id' => 'postal_code']) }}--}}
                            {{--{{ Form::hidden('locality', null, ['id' => 'locality']) }}--}}
                            {{--{{ Form::hidden('region', null, ['id' => 'administrative_area_level_1']) }}--}}
                            {{--{{ Form::hidden('country', null, ['id' => 'country']) }}--}}

                            {{--@if ($errors->has('address'))--}}
                                {{--<span class="help-block">--}}
                                    {{--{{ $errors->first('address') }}--}}
                                {{--</span>--}}
                            {{--@endif--}}
                        {{--</div>--}}

                        {{--<div class="form-group {{ $errors->has('email') ? ' has-error' : '' }}">--}}
                            {{--{{ Form::label('email', trans('breweries.email'), ['class' => 'control-label']) }}--}}
                            {{--{{ Form::text('email', null, ['class' => 'form-control']) }}--}}

                            {{--@if ($errors->has('email'))--}}
                                {{--<span class="help-block">--}}
                                    {{--{{ $errors->first('email') }}--}}
                                {{--</span>--}}
                            {{--@endif--}}
                        {{--</div>--}}

                        {{--<div class="form-group {{ $errors->has('phone') ? ' has-error' : '' }}">--}}
                            {{--{{ Form::label('phone', trans('breweries.phone'), ['class' => 'control-label']) }}--}}
                            {{--{{ Form::text('phone', null, ['class' => 'form-control']) }}--}}

                            {{--@if ($errors->has('phone'))--}}
                                {{--<span class="help-block">--}}
                                    {{--{{ $errors->first('phone') }}--}}
                                {{--</span>--}}
                            {{--@endif--}}
                        {{--</div>--}}

                        {{--<div class="form-group {{ $errors->has('avatar') ? ' has-error' : '' }}">--}}
                            {{--{{ Form::label('avatar', trans('breweries.avatar'), ['class' => 'control-label']) }}--}}
                            {{--{{ Form::file('avatar', ['class'=>'form-control'] ) }}--}}

                            {{--@if ($errors->has('avatar'))--}}
                                {{--<span class="help-block">--}}
                                    {{--{{ $errors->first('avatar') }}--}}
                                {{--</span>--}}
                            {{--@endif--}}

                            {{--<div id="current-avatar-container">--}}
                                {{--{{ trans('breweries.current_avatar') }}--}}
                                {{--<img src="{{ $brewery ? $brewery->avatar : '' }}" alt="{{ $brewery ? $brewery->name : '' }}" id="current-avatar-img" {{ $brewery ? 'style="display:none;"' : '' }}>--}}
                            {{--</div>--}}
                        {{--</div>--}}
                    {{--</fieldset>--}}

                    {{--<fieldset>--}}
                        {{--<legend>{{ trans('breweries.schedule') }}</legend>--}}

                        {{--<div class="form-group {{ $errors->has('schedule') ? ' has-error' : '' }}">--}}
                            {{--{{ Form::label('schedule', trans('breweries.schedule'), ['class' => 'control-label']) }}--}}
                            {{--{{ Form::textarea('schedule', null, ['class' => 'form-control']) }}--}}

                            {{--@if ($errors->has('schedule'))--}}
                                {{--<span class="help-block">--}}
                                    {{--{{ $errors->first('schedule') }}--}}
                                {{--</span>--}}
                            {{--@endif--}}
                        {{--</div>--}}
                    {{--</fieldset>--}}

                    {{--<fieldset>--}}
                        {{--<legend>{{ trans('breweries.creation_date') }}</legend>--}}

                        {{--<div class="form-group {{ $errors->has('creation_date') ? ' has-error' : '' }}">--}}
                            {{--{{ Form::label('creation_date', trans('breweries.creation_date'), ['class' => 'control-label']) }}--}}
                            {{--{{ Form::text('creation_date', $brewery && $brewery->creation_date ? $brewery->creation_date->format('d/m/Y') : null, ['class' => 'form-control']) }}--}}

                            {{--@if ($errors->has('creation_date'))--}}
                                {{--<span class="help-block">--}}
                                    {{--{{ $errors->first('creation_date') }}--}}
                                {{--</span>--}}
                            {{--@endif--}}
                        {{--</div>--}}

                        {{--<div class="form-group {{ $errors->has('history') ? ' has-error' : '' }}">--}}
                            {{--{{ Form::label('history', trans('breweries.history'), ['class' => 'control-label']) }}--}}
                            {{--{{ Form::textarea('history', null, ['class' => 'form-control']) }}--}}

                            {{--@if ($errors->has('history'))--}}
                                {{--<span class="help-block">--}}
                                    {{--{{ $errors->first('history') }}--}}
                                {{--</span>--}}
                            {{--@endif--}}
                        {{--</div>--}}
                    {{--</fieldset>--}}
                {{--</div>--}}

                <div class="form-group">
                    <div class="pull-right">
                        {{ Form::submit(trans('common.update'), ['class' => 'btn btn-success']) }}
                    </div>
                </div>
                {{ Form::close() }}
            </div>
        </div>
    </div>
@endsection

@section('bottom_js')
    @parent

    <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" />

    <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>

    <script src="https://maps.googleapis.com/maps/api/js?key={{ config('services.google.api_key') }}&libraries=places&language=en"></script>

    <script>
        var SELECT_BREWERY_PLACEHOLDER = "{{ trans('beers.select_a_brewery') }}";
        var GET_BREWERIES_URL = "{{ route('breweries.list.json') }}";

        initBrewerySelect2();
        //initAddressAutocomplete($('input#address'));

        // function cleanBreweryForm(disable) {
        //     $('#brewery-form *').filter(':input').not(':submit,#is-new-brewery,#is-edit-brewery,#select-brewery,[name="_token"]').each(function(){
        //         $(this).val('');
        //         $(this).closest('div.has-error').removeClass('has-error');
        //         $(this).next('span.help-block').remove();
        //
        //         $(this).prop('disabled', disable);
        //     });
        //
        //     $('#current-avatar-img').attr('src', '');
        //     $('#current-avatar-img').attr('alt', '');
        //     $('#current-avatar-img').hide();
        //     $('#current-avatar-container').hide();
        // }

        function initBrewerySelect2() {
            // if ($('#is-new-brewery').val() === '1') {
            //     $('#select-brewery').val(null);
            // }

            $("#select-brewery").select2({
                ajax: {
                    url: GET_BREWERIES_URL,
                    dataType: 'json',
                    data: function (params) {
                        return {
                            name: params.term
                        };
                    },
                    processResults: function (data, params) {
                        return {
                            results: data
                        };
                    },
                    cache: true
                },
                escapeMarkup: function (markup) {
                    return markup;
                },
                templateResult: function (item) {
                    return item.name;
                },
                templateSelection: function (item) {
                    return item.name ? item.name : item.text;
                },
                allowClear: true,
                placeholder: SELECT_BREWERY_PLACEHOLDER,
                minimumInputLength: 3,
                language: {
                    inputTooShort: function (args) {
                        var remainingChars = args.minimum - args.input.length;

                        var message = i18n.common.select2_inputTooShort.replace(':remaining_characters', remainingChars);

                        return message;
                    },
                }
            });

            // $('#select-brewery').on('select2:open', function (e) {
            //     if ($('#new-brewery-link').length === 0) {
            //         // $(".select2-dropdown").append('<div><a href="" id="new-brewery-link">Create</a></div>');
            //
            //         $('#new-brewery-link').click(function (e) {
            //             e.preventDefault();
            //
            //             $('#brewery-data').show();
            //
            //             $('#select-brewery').select2('close');
            //             $('#select-brewery').val(null).trigger("change");
            //
            //             cleanBreweryForm(false);
            //
            //             $('#is-new-brewery').val(1);
            //             $('#is-edit-brewery').val(0);
            //         });
            //     }
            // });

            // $('#select-brewery').on('select2:select', function (e) {
            //     var selectedData = e.params.data;
            //
            //     // Get Brewery data and fill form
            //     $.ajax({
            //         type: 'GET',
            //         url: base_url + 'ajax/brewery/' + selectedData.id,
            //         data: {},
            //         success: function (breweryData) {
            //             if (breweryData.canEdit) {
            //                 cleanBreweryForm(false);
            //
            //                 $('#brewery-data').show();
            //
            //                 $('#name').val(breweryData.name).prop('disabled', false);
            //                 $('#address').val(breweryData.address).prop('disabled', false);
            //                 $('#latitude').val(breweryData.latitude).prop('disabled', false);
            //                 $('#longitude').val(breweryData.longitude).prop('disabled', false);
            //                 $('#route').val(breweryData.street).prop('disabled', false);
            //                 $('#street_number').val(breweryData.street_number).prop('disabled', false);
            //                 $('#postal_code').val(breweryData.postal_code).prop('disabled', false);
            //                 $('#locality').val(breweryData.locality).prop('disabled', false);
            //                 $('#administrative_area_level_1').val(breweryData.region).prop('disabled', false);
            //                 $('#country').val(breweryData.country).prop('disabled', false);
            //                 $('#email').val(breweryData.email).prop('disabled', false);
            //                 $('#phone').val(breweryData.phone).prop('disabled', false);
            //                 $('#schedule').val(breweryData.schedule).prop('disabled', false);
            //                 $('#creation_date').val(breweryData.creation_date ? moment(breweryData.creation_date).format('DD/MM/YYYY') : '').prop('disabled', false);
            //                 $('#history').val(breweryData.name).prop('disabled', false);
            //                 $('#avatar').prop('disabled', false);
            //
            //                 $('#current-avatar-img').attr('src', breweryData.avatar);
            //                 $('#current-avatar-img').attr('alt', breweryData.name);
            //                 $('#current-avatar-img').show();
            //                 $('#current-avatar-container').show();
            //
            //                 $('#is-edit-brewery').val(1);
            //             } else {
            //                 $('#brewery-data').hide();
            //
            //                 cleanBreweryForm(true);
            //
            //                 $('#is-edit-brewery').val(0);
            //             }
            //
            //             $('#is-new-brewery').val(0);
            //         }
            //     });
            // });
        }

        // function initAddressAutocomplete(input) {
        //     var autocompleteOptions = {
        //         types: ['address']
        //     };
        //
        //     var autocomplete = new google.maps.places.Autocomplete(input.get(0), autocompleteOptions); // HTMLInputElement
        //
        //     // ID of component form must match with data we get in address_components object from Google Place Autocomplete
        //     var addressComponentsForm = {
        //         street_number: 'short_name',
        //         route: 'long_name',
        //         locality: 'long_name',
        //         administrative_area_level_1: 'long_name',
        //         country: 'long_name',
        //         postal_code: 'short_name'
        //     };
        //
        //     // Avoid send the form by typing enter in the Google Autocomplete list
        //     input.on('keydown', function (e) {
        //         if (e.keyCode === 13) {
        //             e.preventDefault();
        //             return false;
        //         }
        //     });
        //
        //     // Clear the address inputs when user empties main input
        //     input.on('input', function() {
        //         if ($(this).val() === '') {
        //             $('input#latitude').val('');
        //             $('input#longitude').val('');
        //
        //             for (var component in addressComponentsForm) {
        //                 $('#' + component).val('');
        //             }
        //         }
        //     });
        //
        //     // Fill address inputs when user select a place
        //     autocomplete.addListener('place_changed', function () {
        //         var placeSelected = this.getPlace();
        //
        //         if (placeSelected && placeSelected.address_components && placeSelected.geometry) {
        //             $('input#latitude').val(placeSelected.geometry.location.lat());
        //             $('input#longitude').val(placeSelected.geometry.location.lng());
        //
        //             for (var component in addressComponentsForm) {
        //                 $('#' + component).val('');
        //             }
        //
        //             for (var i = 0; i < placeSelected.address_components.length; i++) {
        //                 var componentType = placeSelected.address_components[i].types[0];
        //                 if (addressComponentsForm[componentType]) {
        //                     $('#' + componentType).val(placeSelected.address_components[i][addressComponentsForm[componentType]]);
        //                 }
        //             }
        //         } else {
        //             input.val('');
        //             $('input#latitude').val('');
        //             $('input#longitude').val('');
        //
        //             for (var component in addressComponentsForm) {
        //                 $('#' + component).val('');
        //             }
        //         }
        //     });
        // }
    </script>
@endsection