@extends('breweries.edit.layout')

@section('main_content')
    {!! Form::model($brewery, ['route' => ['brewery.edit.post', $brewery->username], 'class' => 'margin-right', 'method' => 'post', 'files' => true]) !!}
    <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::hidden('isNewBrewery', 0, ['id' => 'is-new-brewery']) }}
                {{ Form::hidden('isEditBrewery', $brewery ? 1 : 0, ['id' => 'is-edit-brewery']) }}
                {{ Form::hidden('id', $brewery->id, ['id' => 'id']) }}

                <div 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>
                        @if(Auth::user()->hasRole(['admin', 'admin_vox']))

                            <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('facebook_address') ? ' has-error' : '' }}">
                                {{ Form::label('facebook_address', trans('breweries.facebook_address'), ['class' => 'control-label']) }}
                                {{ Form::text('facebook_address', null, ['class' => 'form-control']) }}

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

                            <div class="form-group {{ $errors->has('tasting_visit_organization') ? ' has-error' : '' }}">
                                {{ Form::label('transparency', trans('breweries.tasting_visit_organization'), ['class' => 'control-label']) }}
                                <div class="form-radio radio-square flex-width">
                                    <div class="radio-inline">
                                        {!! Form::radio('tasting_visit_organization', 1, ($errors->has('tasting_visit_organization') ? null : (Session::get('brewery.tasting_visit_organization') === true)), ['id' => 'tasting_visit_organization']) !!}
                                        {!! Form::label('tasting_visit_organization', 'yes') !!}
                                    </div>
                                    <div class="radio-inline">
                                        {!! Form::radio('tasting_visit_organization', 0, ($errors->has('tasting_visit_organization') ? null : (Session::get('brewery.tasting_visit_organization') === false)), ['id' => 'tasting_visit_organization_1']) !!}
                                        {!! Form::label('tasting_visit_organization_1', 'no') !!}
                                    </div>
                                </div>

                                    @if ($errors->has('tasting_visit_organization'))
                                    <span class="help-block">
                                        {{ $errors->first('tasting_visit_organization') }}
                                    </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>
                            @endif

                        <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>
                        <div class="form-group">
                            <div id="current-avatar-container">
                                {{ Form::label('avatar', trans('breweries.current_avatar'), ['class' => 'control-label']) }}
                                <div class="image-preview-container">
                                    <div class="post-image-holder single-image">
                                        <a href="{{ $brewery->avatar }}" data-lightbox="imageGallery.{{ $brewery->id }}" >
                                            <img src="{{ $brewery ? $brewery->avatar : '' }}" alt="{{ $brewery ? $brewery->name : '' }}" id="current-avatar-img">
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>

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

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

                        @if($brewery->video)
                            <div class="form-group">
                                <div id="current-avatar-container">
                                    {{ Form::label('video', trans('breweries.current_video'), ['class' => 'control-label']) }}
                                    <video controls>
                                        <source src="{{$brewery->video}}">
                                    </video>
                                </div>
                            </div>
                        @endif
                    </fieldset>

                    @if(Auth::user()->hasRole(['admin', 'admin_vox']))

                        <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>


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

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

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

                                <div class="form-group {{ $errors->has('ambientImages') ? ' has-error' : '' }}">
                                    @if(!$brewery->ambientImages->isEmpty())
                                        <ul class="list-inline">
                                            @foreach($brewery->ambientImages as $ambientImage)
                                                <li>
                                                    <div class="image-preview-container-galery">
                                                        <div class="post-image-holder single-image">
                                                            <a href="{{ asset('upload/breweries/ambientImages/' . $ambientImage->image) }}" data-lightbox="imageGallery.{{ $brewery->id }}" >
                                                                <img src="{{ asset('upload/breweries/ambientImages/' . $ambientImage->image) }}"  class="preview-iamge">
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <a href="#" id="ambient-image-{{ $ambientImage->id }}" class="delete-ambient-image" data-ambient-image-id="{{ $ambientImage->id }}">
                                                        <span class="trash-icon bg-danger">
                                                            <i class="fa fa-trash text-danger"></i>
                                                        </span>
                                                    </a>
                                                </li>
                                            @endforeach
                                        </ul>
                                    @else
                                        {{ trans('breweries.no_ambient_images') }}
                                    @endif
                                </div>
                            </fieldset>
                        @endif
                </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

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

    <script>
        /* TODO: create js file to include in every places needed */

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

        $('.delete-ambient-image').click(function (e) {
            e.preventDefault();

            var deleteLink = $(this);

            console.log(deleteLink);

            $.confirm({
                title: 'Confirm',
                content: 'Do you want to delete this ambient image?',
                confirmButton: 'Yes',
                cancelButton: 'No',
                confirmButtonClass: 'btn-primary',
                cancelButtonClass: 'btn-danger',

                confirm: function(){
                    $.ajax({
                        type: 'DELETE',
                        url: base_url + 'ambient-image/' + deleteLink.data('ambient-image-id') + '/delete',
                        data: {
                            '_token' : $('meta[name="csrf_token"]').attr('content')
                        },
                        success: function (data, textStatus, xhr) {
                            if (xhr.status === 200) {
                                deleteLink.closest('li').remove();
                            }
                        }
                    });
                },
                cancel: function(){

                }
            });
        });

        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