@extends('hcpw.includes.layout')

@section('title', trans('hcpw.create_wifi'))

@section('content')

    
    @include('hcpw.includes.nav')

    <section class="contents">
        <div class="container">
            <div class="modulo-1">
                <div class="row">
                    <div class="col-xs-12">
                        <div class="row">
                            <div class="col-xs-12 col-sm-10">
                                <h1>{{ trans('hcpw.create_wifi') }}</h1>
                            </div>

                            <div class="col-xs-12 col-sm-2">
                                <a href="{{ LaravelLocalization::getLocalizedURL(null, '/hcpw/private/wifis') }}"
                                   class="btn w-btn w-btn-back pull-right"><span
                                            class="glyphicon glyphicon-chevron-left"
                                            aria-hidden="true"></span>{{ trans('gen.back') }}</a>
                            </div>
                        </div>

                        <p class="lead"></p>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-12">
                        {!! Form::open(array('url'=> LaravelLocalization::getLocalizedURL(null, '/hcpw/private/create-wifi'), 'name'=>'form-create-wifi', 'id'=>'form-create-wifi', 'class'=>'form-create-wifi','role' => 'form', 'method' => 'post' )) !!}
                        @include('hcpw.wifis.wifi-form')
                        {!! Form::close() !!}
                    </div>
                </div>
            </div>
        </div>
        <!-- /container -->
    </section>

    <script type="text/javascript"
            src="//maps.google.com/maps/api/js?sensor=false&libraries=geometry&v=3.7&language=es"></script>

    <script src="/js/modules/MapArea.js" type="text/javascript"></script>

    <script>

        var vmAddVenue = new Vue({
            el: '#form-create-wifi',
            data: {
                'name': '{!! old('name') !!}',
                'wifi_ssid': '{!! old('wifi_ssid') !!}',
                'wifi_password': '{!! old('wifi_password') !!}',
                'address': '{!! old('address') !!}',
                'city': '{{old('city')}}',
                'zip_code': '{{old('zip_code')}}',
                'country': '{{old('country')}}',
                'latitude': '{{old('latitude')}}',
                'longitude': '{{old('longitude')}}',
            },
            methods: {
                getCoords: function (e) {
                    mapArea.getCoords(e);
                },
                submit: function (e) {
                    vmAddVenue.$el.submit();
                }
            }
        });

        $(function () {
            // Load from js/modules/MapArea.js
            if (vmAddVenue.address !== '' && vmAddVenue.city !== '') {
                // Sí tenemos datos previos en el formulario
                mapArea.loadMap({
                    'lat': vmAddVenue.latitude,
                    'lon': vmAddVenue.longitude,
                });
            } else {
                // No tenemos datos previos en el formulario
                mapArea.loadMap();
            }


            // SELECT2
            $(".select2-one").select2({});

        });
    </script>
@stop