@extends( 'backend.layouts.app' )

@section('title', $moduleProperties['longModuleName'])

@section('CSSLibraries')
    <link href="{{ backend_asset('plugins/select2/select2.min.css') }}" rel="stylesheet">
    <link href="{{ backend_asset('plugins/bootstrap-datepicker/css/bootstrap-datepicker.min.css') }}" rel="stylesheet">
    <link href="{{ backend_asset('plugins/chosen/chosen.css') }}" rel="stylesheet">
    {{--<link href="{{ backend_asset('plugins/datepicker/datepicker3.css') }}" rel="stylesheet">--}}
@endsection

@section('JSLibraries')
    <script src="{{ backend_asset('plugins/select2/select2.full.min.js') }}"></script>
    <script src="{{ backend_asset('plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js') }}"></script>
    <script src="{{ backend_asset('plugins/chosen/chosen.jquery.min.js') }}"></script>
    <script src="{{ backend_asset('dist/js/loader.js') }}"></script>
    {{--<script src="{{ backend_asset('plugins/datepicker/bootstrap-datepicker.js') }}"></script>--}}
    {{--<script src="https://maps.googleapis.com/maps/api/js?key={{env("googleKey")}}Y&libraries=places&callback=initAutocomplete" async defer></script>--}}
    {{--<script>--}}
    {{--function initAutocomplete() {--}}

    {{--autocomplete = new google.maps.places.Autocomplete(--}}
    {{--(document.getElementById('address')),--}}
    {{--{types: ['geocode']});--}}
    {{--autocomplete.addListener('place_changed', function () {--}}
    {{--var place = autocomplete.getPlace();--}}
    {{--document.getElementById('user_lat').value = place.geometry.location.lat().toFixed(7);--}}
    {{--document.getElementById('user_long').value = place.geometry.location.lng().toFixed(7);--}}
    {{--console.log(place.geometry.location.lat());--}}

    {{--});--}}
    {{--}--}}

    {{--$('#dob').datepicker({--}}
    {{--autoclose:true,--}}
    {{--format: 'yyyy-mm-dd',--}}
    {{--endDate:'0d'--}}
    {{--});--}}
    {{--</script>--}}

    {{--<script>--}}
    {{--var loadFile = function(event, imageId) {--}}
    {{--var output = document.getElementById(imageId);--}}
    {{--output.src = URL.createObjectURL(event.target.files[0]);--}}
    {{--};--}}
    {{--</script>--}}
@endsection

@section('content')
    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
            <h1>{{ $moduleProperties['longModuleName'] }}
                <small>Edit {{ str_singular($moduleProperties['shortModuleName']) }}</small>
            </h1>
        </section>

        <!-- Main content -->
        <section class="content">

            @if($errors->has('user_lat') || $errors->has('user_long'))
                <div class="alert alert-danger alert-dismissable">
                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                    {!! $errors->first('user_lat') !!}
                    {!! $errors->first('user_long') !!}
                </div>
            @endif
            @include( 'backend.layouts.notification_message' )

            <div class="row">
                <div class="col-md-12">
                    <div class="box">
                        <div class="box-header with-border">
                            <h3 class="box-title">Edit Mode</h3>
                        </div>
                        <div class="box-body">
                            {!! Form::model($record, ['method' => 'PUT', 'url' => 'backend/'.$moduleProperties['controller'].'/edit/'.$record->id, 'files' => 'true']) !!}
                            {!! Form::hidden('id', $record->id) !!}
                            {{--{!! Form::hidden('lat', $record->lat, ['id'=>"user_lat"]) !!}--}}
                            {{--{!! Form::hidden('long', $record->long, ['id'=>"user_long"]) !!}--}}
                            @include( 'backend/' . $moduleProperties['viewDir'] . '.form' )
                            {!! Form::close() !!}
                        </div>
                    </div>
                </div>
            </div>

        </section>
        <!-- /.content -->
    </div>
    <!-- /.content-wrapper -->

@endsection