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

        @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) !!}

                    @include( 'backend/' . $moduleProperties['viewDir'] . '.form' )

                  {!! Form::close() !!}
              </div>
            </div>
          </div>
        </div>

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

@endsection