@extends('layouts.app')

@section('form-title') {{ __('Settings') }} @endsection
@section('form-sub-title') {{ __('Company and application info') }} @endsection

@section('breadcrumb') 
<li class="breadcrumb-item">{{ __('Main Settings') }} </li> 
@endsection
    
@section('content')
<style>
  #show-map {
    height: 200px;
    /* The height is 400 pixels */
    width: 100%;
    /* The width is the width of the web page */
  }
</style>

@include('settings.open_task_users')
@include('settings.inbox_notification_users')
@include('settings.number_of_table_lines')
@include('settings.driver_time_blocks')

<div class="pcoded-inner-content">
  <div class="main-body">
    <div class="page-wrapper">
      <!-- Page body start -->
      <div class="page-body">
        @if(canViewUpdate('clear cache'))
        <div class="row mb-3">
            <div class="col-12 text-end">
                <form method="POST" action="{{ route('settings.optimize') }}">
                    @csrf
                    <button type="submit" class="btn btn-warning"
                        title="{{ __('It clears caches and restores it again') }}"
                        onclick="return confirm('{{ __('Are you sure you want to clear cache?') }}')">
                        {{ __('Clear cache') }}
                    </button>
                </form>
            </div>
        </div>
        @endif
        <div class="row">
            {{-- First column start --}}
            <div class="col-sm-4">
                <div class="row">
                    {{-- Organisation start --}}
                    @if(canViewUpdate('view organisation owner settings section'))
                        @include('settings.includes.organization')
                    @endif

                    {{-- Organisation start --}}
                    @if(canViewUpdate('view settings'))
                        @include('settings.includes.default-signature')
                    @endif

                    {{-- Modules start --}}
                    @if(canViewUpdate('view modules section'))
                        @include('settings.includes.module')
                    @endif

                    {{-- Time management --}}
                    @if(hasPermissionAndModuleEnabled('view settings time management', 'time_mgt'))
                        @include('settings.includes.time-management')
                    @endif

                    {{-- Organisation types --}}
                    @if(hasPermissionAndModuleEnabled('view organisation types section', 'organisation_type'))
                        @include('settings.includes.organisation-types')
                    @endif

                    {{-- Project stauts --}}
                    @if(hasPermissionAndModuleEnabled('view project status', 'project_status'))
                        @include('settings.includes.project-status')
                    @endif

                    {{-- Agenda start --}}
                    @if(canViewUpdate('view agenda section'))
                        @include('settings.includes.agenda')
                    @endif
                </div>
            </div>

            {{-- Second column start --}}
            <div class="col-sm-4">
                <div class="row">
                    {{-- Google maps start --}}
                    @if(canViewUpdate('view Google Maps section'))
                        @include('settings.includes.google-maps')
                    @endif

                    {{-- Billing software start --}}
                    @if(canViewUpdate('view billing software section'))
                        @include('settings.includes.billing-software')
                    @endif

                    {{-- Internal project start --}}
                    @if(canViewUpdate('view internal projects section'))
                        @include('settings.includes.internal-projects')
                    @endif

                    {{-- Number of table lines start --}}
                    @if(canViewUpdate('view number of table lines section'))
                        @include('settings.includes.number-of-table-lines')
                    @endif

                    {{-- Project invoice to types --}}
                    @if(canViewUpdate('view project Invoice to types section'))
                        @include('settings.includes.project-invoice-types')
                    @endif

                    {{-- Free hours --}}
                    @if(canViewUpdate('view free hours / days  section'))
                        @include('settings.includes.free-hours')
                    @endif
                </div>
            </div>

            {{-- Third column start --}}
            <div class="col-sm-4">
                <div class="row">
                    {{-- Application start --}}
                    @if(canViewUpdate('view application section'))
                        @include('settings.includes.application')
                    @endif
                    
                    {{-- Google maps field --}}
                    @if($modules__->google_maps === 'yes' && canViewUpdate('view google maps field section'))
                        @include('settings.includes.google-maps-field')
                    @endif

                    {{-- Google cloud services start --}}
                    @if(canViewUpdate('view google cloud services section'))
                        @include('settings.includes.google-cloud-services')
                    @endif

                    {{-- Open task users start --}}
                    @if(canViewUpdate('view open tasks users section'))
                        @include('settings.includes.open-task-users')
                    @endif

                    {{-- Inbox - email notification --}}
                    @if(canViewUpdate('view inbox - email notification section'))
                        @include('settings.includes.inbox-email-notification')
                    @endif

                    {{-- Driver time blocks start --}}
                    @if(canViewUpdate('view drivers time blocks section'))
                        @include('settings.includes.driver')
                    @endif

                    {{-- Default answers start --}}
                    @if($modules__->default_answer === 'yes' && canViewUpdate('view default answers section'))
                        @include('settings.includes.default-answer')
                    @endif
                </div>
            </div>
          </div>
        </div>
      </div>
      <!-- Page body end -->
    </div>
  </div>
</div>
        
@endsection

@push('child-scripts')
<script src="https://maps.googleapis.com/maps/api/js?key={{ config('furnit.google_map_key') }}&callback=initMap&libraries=&v=weekly&channel=2" async></script>
<script>
    $(document).ready(function(){
        // $('.multiple').select2({
        //     dropdownParent: $('#open_task_users_modal'),
        //     width: '100%'
        // });
        $('.multiple').each(function() {
            $(this).select2({
                width: '100%'
            });
        });
    });
    // Initialize and add the map
    function initMap() {
    // The location of Uluru
    const uluru = { lat: {{ $setting->latitude }}, lng: {{ $setting->longitude }} };
    // The map, centered at Uluru
    const map = new google.maps.Map(document.getElementById("show-map"), {
        zoom: 20,
        center: uluru,
    });
    // The marker, positioned at Uluru
    const marker = new google.maps.Marker({
        position: uluru,
        map: map,
    });
    }
</script>
@endpush