@extends(getTemplate('admin'))
@section('content')
    @push('custom-css')

    @endpush
    <div class="gadmin-pagesidebar-width-1 gadmin-mhide">
        <div class="panel panel-default gadmin-pagesidebar-width-1-panel ">
            <!-- begin panel-heading -->
            <div class="panel-heading gadmin-pagesidebar-width-1-heading">
                <h4 class="panel-title">{{__('core.platform_settings')}}</h4>
            </div>
            <!-- end panel-heading -->
            <div class="gadmin-pagesidebar-body">
                <div class="gadmin-pagesidebar-main">
                    <ul class="nav gadmin-pagesidebar-ul">
                        @if(auth()->user()->isHubAdmin())
                            <li><a href="{{ route('admin.hubs.index') }}" >{{__('core.view_hub_companies')}}</a></li>
                        @else
                            <li><a href="{{ route('admin.companies.index') }}" >{{__('core.view_companies')}}</a></li>
                        @endif
                        <li><a class=" active">{{__('admin.companies_edit_biz')}}</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="gadmin-pagesidebar-width-2">
        <!-- begin panel -->
        <form data-parsley-validate="true" method="post" enctype="multipart/form-data" name="post" action="{{ $action }}">
            @include('components.error-alerts')
            @method($method)
            <div class="panel panel-default ">
                <div class="panel-heading">
                    <h4 class="panel-title">
                        {{ $title }}
                    </h4>
                </div>
                <div class="alert alert-info fade show">
                    <span class="close" data-dismiss="alert">×</span>
                    <i class="fa fa-info-circle fa-2x pull-left m-r-10"></i>
                    <p class="m-b-0">In order to change the main company, you must set its type to other than "main" first.</p>
                </div>
                <div class="panel-body form-horizontal form-bordered form-margins form-margins-sections">
                    @if (auth()->user()->is_admin || auth()->user()->is_super_admin)
                        <div class="form-group row">
                            <label class="control-label col-md-3 col-sm-3 col-be-3" for="required">{{ __('core.company') }} created by (Admin):</label>
                            <div class="col-md-3 lg-fixed-1">
                                <select name="user_id" class="form-control form-dropdown-dark">
                                    <option value="" disabled>Select {{ __('core.company') }} Creator</option>
                                    @foreach ($companyCreatorOptions as $companyCreatorOption)
                                        <option
                                            value="{{ $companyCreatorOption->id }}"
                                            @if ($companyCreatorOption->id === ($company ?? null)?->user_id)
                                                selected
                                            @endif
                                        >
                                            {{ ucwords($companyCreatorOption->full_name) }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    @else
                        <input type="hidden" name="user_id" value="{{($company ?? null)?->user_id}}" />
                    @endif
                    <div class="form-group row hidden">
                        <label class="control-label col-md-3 col-sm-3 col-be-3">{{ __('core.company') }} Representatives (Admin):</label>
                        <div class="col-md-9 lg-fixed-1">
                            @foreach ($representativePersonOptions as $representativePersonOption)
                                <input
                                    id="admin{{$representativePersonOption->id}}"
                                    type="checkbox"
                                    name="admin_ids[]"
                                    value="{{ $representativePersonOption->id }}"
                                    @if (($company ?? null)?->admins?->pluck('id')->contains($representativePersonOption->id))
                                        checked
                                    @endif
                                >
                                <label class="control-label" id="admin{{$representativePersonOption->id}}">{{ ucwords($representativePersonOption->full_name) }}</label>
                                @if ($representativePersonOption->id === auth()->id())
                                    <b>(You)</b>
                                    @endif
                                    </option>
                                    @endforeach
                        </div>
                    </div>
                    @if (auth()->user()->is_admin || auth()->user()->is_super_admin)
                        <div class="form-group row hidden">
                            <label class="control-label col-md-3 col-sm-3 col-be-3" for="required">{{ __('core.company') . ' ' . __('core.type') }}:</label>
                            <div class="col-md-3 lg-fixed-1">
                                <select id="module-type" name="type" class="form-control form-dropdown-dark">
                                    @foreach ($types as $type)
                                        <option
                                            value="{{ $type }}"
                                            @if (($company ?? null)?->type === $type)
                                                selected
                                            @endif>
                                            {{ Str::title($type) }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div id="module-companies" class="form-group row" style="display:none">
                            <label class="control-label col-md-3 col-sm-3 col-be-3" for="required">Modules:</label>
                            <div class="col-md-3 lg-fixed-1">
                                <select name="module_id" class="form-control form-dropdown-dark">
                                    @foreach ($moduleOptions as $moduleOption)
                                        <option value="{{ $moduleOption->getName() }}">{{ $moduleOption->getName() }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="form-group row hidden">
                            <label class="control-label col-md-3 col-sm-3 col-be-3" for="required">Max. Num. of Members:</label>
                            <div class="col-md-3 lg-fixed-1">
                                <input type="number" name="max_members" value="{{($company ?? null)?->max_members}}" class="required form-control">
                            </div>
                        </div>
                    @else
                        <input type="hidden" name="type" value="{{($company ?? null)?->type}}" />
                        <input type="hidden" name="module_id" value="{{($company ?? null)?->module_id}}" />
                        <input type="hidden" name="max_members" value="{{($company ?? null)?->max_members}}" class="required form-control">
                    @endif
                </div>
            </div>
            <div class="panel panel-default ">
                <div class="panel-heading">
                    <h4 class="panel-title">
                        {{ __('core.company') }} Invoice Details
                    </h4>
                </div>
                <div class="panel-body form-horizontal form-bordered form-margins">
                    <div class="form-group row">
                        <label class="control-label col-md-3 col-sm-3 col-be-3" for="required">{{ __('core.company') . ' ' . __('core.name') }}:</label>
                        <div class="col-md-3 lg-fixed-1">
                            <input type="text" name="name" value="{{($company ?? null)?->name}}" class="required form-control">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="control-label col-md-3 col-sm-3 col-be-3" for="avatar">{{ __('core.company') }} Logo:</label>
                        <div class="col-md-3 lg-fixed-1">
                            @if ($company ?? null)
                                <img src="{{ route('companies.logo', $company) }}"/>
                            @endif
                            <input type="file" name="logo" accept="image/png, image/gif, image/jpeg"/>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="control-label col-md-3 col-sm-3 col-be-3" for="required">{{ __('core.company') }} Address:</label>
                        <div class="col-md-3 lg-fixed-1">
                            <input type="text" name="address[street]" value="{{($company ?? null)?->address->street}}" class="required form-control">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="control-label col-md-3 col-sm-3 col-be-3" for="required">{{ __('core.company') }} Postcode</label>
                        <div class="col-md-3 lg-fixed-1">
                            <input type="text" name="address[zip]" value="{{($company ?? null)?->address->zip}}" class="required form-control">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="control-label col-md-3 col-sm-3 col-be-3" for="required">{{ __('core.company') }} City</label>
                        <div class="col-md-3 lg-fixed-1">
                            <input type="text" name="address[city]" value="{{($company ?? null)?->address->city}}" class="required form-control">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="control-label col-md-3 col-sm-3 col-be-3" for="required">{{ __('core.company') }} County:</label>
                        <div class="col-md-3 lg-fixed-1">
                            <select name="address[county]" class="form-control">
                                <option value="" disabled>Select County</option>
                                @foreach (get_counties() as $county)
                                    <option value="{{$county}}"  @if (($company ?? null)?->address->county === $county) selected @endif>{{$county}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="control-label col-md-3 col-sm-3 col-be-3" for="required">{{ __('core.company') }} Country:</label>
                        <div class="col-md-3 lg-fixed-1">
                            <select name="address[country]" class="required form-control form-dropdown-dark" required>
                                @foreach ($countries as $country)
                                    <option value="{{$country->name}}" @if (($company ?? null)?->address->country === $country->name) selected @endif>{{$country->name}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="control-label col-md-3 col-sm-3 col-be-3" for="required">{{ __('core.company') }} Phone:</label>
                        <div class="col-md-3 lg-fixed-1">
                            <input type="text" name="phone" value="{{($company ?? null)?->phone}}" class="required form-control">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="control-label col-md-3 col-sm-3 col-be-3" for="required">{{ __('core.company') }} Email:</label>
                        <div class="col-md-3 lg-fixed-1">
                            <input type="text" name="email" value="{{($company ?? null)?->email}}" class="required form-control">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="control-label col-md-3 col-sm-3 col-be-3" for="required">{{ __('core.company') }} VAT Number:</label>
                        <div class="col-md-3 lg-fixed-1">
                            <input type="text" name="vat_num" value="{{($company ?? null)?->vat_num}}" class="required form-control">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="control-label col-md-3 col-sm-3 col-be-3" for="required">Invoice Additional Info:</label>
                        <div class="col-md-3 lg-fixed-1">
                            <textarea name="additional_info" placeholder="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum." cols="5" rows="5" class="form-control">{{($company ?? null)?->additional_info}}</textarea>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="control-label col-md-3 col-sm-3 col-be-3" for="required">{{ __('core.company') }} Status:</label>
                        <div class="col-md-3 lg-fixed-1">
                            <select id="module-types" name="status" class="form-control form-dropdown-dark">
                                <option value="1" @if (($company ?? null)?->status) selected @endif>Active</option>
                                <option value="0" @if (!($company ?? null)?->status) selected @endif>Inactive</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group row m-b-0 form-save-bg">
                        <label class="control-label col-md-3 col-sm-3 col-be-3 col-form-label"></label>
                        <div class="col-md-6 col-sm-6">
                            <button type="submit" class="btn btn-success form-button-save">{{__('core.save')}} {{ __('core.company') }} Details</button>
                        </div>
                    </div>
                </div>
                @if (setting('multihub'))
                    <div class="panel panel-default ">
                        <div class="panel-heading">
                            <h4 class="panel-title">
                                Hub Profile Information & Location
                            </h4>
                        </div>
                        <div class="panel-body form-horizontal form-bordered form-margins">
                            <div class="form-group row">
                                <label class="control-label col-md-3 col-sm-3 col-be-3" for="required">Hub Profile Description:</label>
                                <div class="col-md-9">
                                    <textarea id="about-co" name="about" class="tiny-mce-co hidden" placeholder="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum." cols="5" rows="5" >{{($company ?? null)?->about}}</textarea>
                                </div>
                            </div>
                            {{--@if (setting('google_map_locations'))--}}
                            <div class="form-group row">
                                <label class="control-label col-md-3 col-sm-3 col-be-3" for="required">Map Location:</label>
                                <div class="col-md-9 lg-fixed-1">
                                    <input id="myPlace" type="text" placeholder="Company Location - click on the map to get your coordinates" value="{{($company->location->latitude ?? '').' '.($company->location->longitude ?? '')}}" autocomplete="off" class="form-control" readonly />
                                    <div id="map" style="width:100%;height:600px"></div>
                                    <br/>
                                    <input id="coordinates_latitude" type="hidden" name="location[latitude]" value="{{ ($company ?? null)?->location->latitude ?? 53.4197505 }}"/>
                                    <input id="coordinates_longitude" type="hidden" name="location[longitude]" value="{{ ($company ?? null)?->location->longitude ?? -8.24047250000001 }}"/>
                                </div>
                            </div>
                            {{--@endif--}}
{{--                            <div class="form-group row">
                                <label class="col-form-label col-md-3 col-sm-3" for="blogname">
                                    <div style="text-align: left;"><b>Opening Hours:</b>
                                    </div>
                                </label>
                                <div class="col-md-9 col-sm-9">
                                    <div class="form-group row">
                                        @foreach ([
                                            'monday',
                                            'tuesday',
                                            'thursday',
                                            'wednesday',
                                            'friday',
                                            'saturday',
                                            'sunday',
                                        ] as $dayOfWeek)
                                            <label class="col-md-2 col-form-label">{{ __("core.days_of_week.{$dayOfWeek}") }}</label>
                                            <div class="col-md-9">
                                                <input
                                                    type="text"
                                                    name="settings[opening_hours][{{ $dayOfWeek }}]"
                                                    value="{{ ($company ?? null)?->settings?->opening_hours[$dayOfWeek] ?? '' }}"
                                                    class="form-control"
                                                />
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                            </div>--}}
{{--                            <div class="form-group row">
                                <label class="col-form-label col-md-3 col-sm-3" for="blogname">
                                    <div style="text-align: left;"><b>Hub Profile Banner:</b>
                                        <i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" title="Main Image on the Hub Profile"></i>
                                    </div>
                                </label>
                                <div class="col-md-3 lg-fixed-1">
                                    @if ($company ?? null)
                                        <img src="{{ route('companies.cover', $company) }}"/>
                                    @endif
                                    <input type="file" name="cover" accept="image/png, image/gif, image/jpeg"/>
                                </div>
                            </div>--}}
{{--                            <div class="form-group row">
                                <label class="col-form-label col-md-3 col-sm-3" for="blogname">
                                    <div style="text-align: left;"><b>Hub Image Gallery:</b>
                                        <i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" title="Image Gallery of your Hub"></i>
                                        @if (setting('company_gallery_max_img_width'))
                                            <br/><br/>
                                            <a href="#" id="reduce-size" class="btn btn-xs btn-inverse"><i class="fa fa-arrow-alt-circle-down"></i> Reduce Image Size</a>
                                            <div id="resized-images"></div>
                                        @endif
                                    </div>
                                </label>
                                <div class="col-md-9 col-sm-9">
                                    {!!dropzone('dragNdropUploadGallery', 'Company_setting', ($company ?? null)?->id, 'companies', 12, 50000, '.jpg, .png, .gif, .bmp, .jpeg', 'gallery', false)!!}
                                </div>
                            </div>--}}
{{--                            <div class="form-group row">
                                <label class="col-form-label col-md-3 col-sm-3" for="blogname">
                                    <div style="text-align: left;"><b>Facilities List:</b>
                                        <i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" title="Select facilities that apply to your Hub"></i>
                                    </div>
                                </label>
                                <div class="col-md-9">
                                    <div class="row">
                                        @forelse ($amenitiesByCategory as $category)
                                            <label class="col-md-12 col-form-label form-group-5"><b>{{ ucwords($category->name) }}</b></label>
                                            @foreach ($category->amenities as $amenity)
                                                <label class="col-md-3 col-form-label" for="amenity_ids[{{$amenity->id}}]">
                                                    {{ ucwords($amenity->name) }}:
                                                </label>
                                                <div class="col-md-1">
                                                    <input
                                                        id="amenity_ids[{{$amenity->id}}]"
                                                        type="checkbox"
                                                        name="amenity_ids[{{$amenity->id}}]"
                                                        class="form-control form-control-checkboxes"
                                                        value="{{$amenity->id}}"
                                                        @if (($company ?? null) && $company->amenities->contains($amenity))
                                                            checked
                                                        @endif
                                                    />
                                                </div>
                                            @endforeach
                                        @empty
                                            {!! get_alert('','','No Amenities Created Yet') !!}
                                        @endforelse
                                    </div>
                                </div>
                            </div>--}}
                        </div>
                    </div>
                @endif
                <div class="form-group row m-b-15 form-save-bg hidden">
                    <label class="control-label col-md-3 col-sm-3 col-be-3 col-form-label"></label>
                    <div class="col-md-6 col-sm-6">
                        <button type="submit" class="btn btn-success form-button-save">{{__('save')}} Hub Profile Details</button>
                    </div>
                </div><br/>
            </div>
        </form>
    </div>
    <!-- end panel -->
    @push('custom-js')
        <script>
            function initMap() {
                let coordsLat = $('#coordinates_latitude');
                let coordsLng = $('#coordinates_longitude');

                let coordinates = $('#coordinates');
                let inputElement = $('#myPlace');

                const myLatlng = {
                    lat: {{ ($company ?? null)?->location->latitude ?? 53.4197505 }},
                    lng: {{ ($company ?? null)?->location->longitude ?? -8.24047250000001 }},
                };
                const map = new google.maps.Map(document.getElementById("map"), {
                    zoom: 7,
                    center: myLatlng,
                });
                // Create the initial InfoWindow.
                let infoWindow = new google.maps.InfoWindow({
                    content: "{{ (($company ?? null)?->location ?? null)
                        ? ($company ?? null)?->location
                        : "Find your location and click the map to get Lat/Lng!"
                    }}",
                    position: myLatlng,
                });

                infoWindow.open(map);
                // Configure the click listener.
                map.addListener("click", (mapsMouseEvent) => {
                    // Close the current InfoWindow.
                    infoWindow.close();
                    // Create a new InfoWindow.
                    infoWindow = new google.maps.InfoWindow({
                        position: mapsMouseEvent.latLng,
                    });

                    let lat = JSON.parse(JSON.stringify(mapsMouseEvent.latLng.toJSON(), null, 2)).lat;
                    let lng = JSON.parse(JSON.stringify(mapsMouseEvent.latLng.toJSON(), null, 2)).lng;

                    infoWindow.setContent(lat + ", " + lng);
                    infoWindow.open(map);
                    coordinates.val(mapsMouseEvent.latLng);

                    if (coordsLat) {
                        coordsLat.val(lat)
                    }

                    if (coordsLng) {
                        coordsLng.val(lng)
                    }

                    inputElement.val(mapsMouseEvent.latLng).attr('readonly', true);
                });
            }
        </script>
        <script
            src="https://maps.googleapis.com/maps/api/js?key={{setting('google_maps_api_key')}}&callback=initMap&v=weekly"
            async
        ></script>
        <script>
            $(document).ready(function () {

                @if ($company ?? null)
                $('#reduce-size').on('click', function(e){
                    e.preventDefault();
                    let container = $('#resized-images');
                    let companyId = '{{$company->id}}';
                    $.post(site_root + 'admin/ajax/reduce_image_gallery_images',{
                        companyId: companyId,
                    },'json').done(function(response){
                        container.css('margin-top','10px').empty();
                        if(response.success)
                            container.append(response.resized);
                        else
                            container.html('<span class="label label-success animated slideInDown"><i class="fa fa-info-circle"></i> No More Images To Resize</span>');
                    });
                });
                @endif

                @if (setting('multihub'))
                loadScript('assets/core/plugins/tinymceElfinder/tinymceElfinder.js');
                loadScript('assets/core/plugins/tinymce_5.7/js/tinymce/jquery.tinymce.min.js');
                loadScript('assets/core/plugins/tinymce_5.7/js/tinymce/tinymce.min.js?apiKey=27xhkb8mfltvjs62yqkw8kh3tynd73sdf3wi7va8qdr7221f', function(e){

                    // Init TinyMCE
                    $('.tiny-mce-co').tinymce({
                        plugins: 'advlist,anchor,autolink,autoresize,autosave,charmap,directionality,emoticons,fullscreen,hr,importcss,insertdatetime,legacyoutput,code,table,paste,link,lists,nonbreaking,noneditable,pagebreak,save,searchreplace,tabfocus,textpattern,wordcount,visualblocks,visualchars',
                        skin: 'oxide-dark',
                        content_css: 'default',
                        max_height: 600,
                        max_width: 500,
                        min_height: 400,
                        min_width: 400,
                        menubar: 'edit insert view format table tools',
                        toolbar: 'undo redo styleselect bold italic alignleft aligncenter alignright bullist numlist outdent indent code',
                        font_formats: 'Arial=arial,helvetica,sans-serif;Open Sans=sans-serif;',
                        importcss_append: true,
                        branding: false,
                        relative_urls: false,
                        remove_script_host: false,
                        autosave_ask_before_unload: false,
                        urlconverter_callback: function(url, node, on_save, name) {

                            let checkURL;
                            let urlPrefix;
                            // Get the first 7 characters of the string
                            checkURL = url.substring(0, 7);
                            // Determine if those characters are coming from the image uploader
                            if(checkURL === "/system") {
                                // prefix the incoming URL with url()
                                urlPrefix = site_root;
                                url = urlPrefix.concat(url);
                            }else{

                                if (!/^https?:\/\//i.test(url)) {
                                    url = 'https://' + url;
                                }
                            }
                            // Return URL
                            return url;
                        },
                    });
                });
                @endif
                $('.fa-question-circle').tooltip();

                $('#user-groups').tagit({
                    fieldName: "member_usergroups",
                    singleField: true,
                    showAutocompleteOnFocus: true,
                    availableTags: [
                        @foreach ($groups as $group)
                            "{!!htmlspecialchars_decode($group->name, ENT_QUOTES)!!}",
                        @endforeach
                    ],
                });

                $("form").on("submit", function () {
                    if($('#member-groups').css('display') === 'flex') {
                        if (!$('#user-groups').tagit("assignedTags").length) {
                            Swal.fire({
                                position: 'center',
                                icon: 'error',
                                title: 'User groups field is mandatory',
                                showConfirmButton: false,
                                timer: 1500
                            });
                            return false;
                        }
                    }
                });
            });

            setTimeout(function(){
                $('.alert-info').slideUp();
            },5000);

            $('#module-type').on('change',function(){
                if($(this).val() === 'module')
                    $('#module-companies').slideDown();
                else
                    $('#module-companies').slideUp();
                if($(this).val() === 'hub' || $(this).val() === 'team' || $(this).val() === 'client')
                    $('#member-groups').slideDown();
                else
                    $('#member-groups').slideUp();
            });
        </script>
    @endpush
@endsection