@extends('layouts.app')
@section('title', trans('menu.profile_title'))

@section('content')
    @if(Session::has('messageForSuperAdmin'))
    <p class="alert text-center {{ Session::get('alert-class', 'alert-info') }}">{{ Session::get('messageForSuperAdmin') }}</p>
    @endif
    <div class="content">
        <x-content.header title="{{ __('title.setup_company_information') }}" />
        <div class="tw-card">
            <div class="p-6">
                <div class="flex flex-col gap-4 mb-8">
                    <div class="flex gap-4 flex-col lg:flex-row">
                        <div class="w-full lg:w-1/3 justify-center border-custom-grey-200">
                            <input id="logo" type="file" name="logo" class="dropify cropper"
                                data-default-file="{{getMediaUrl( $settings, $collection = "logo" )}}"
                                data-allowed-file-extensions="jpg jpeg png gif"
                                data-uri="{{url('settings/profile/upload')}}"
                                    />
                            {{-- <button type="button" class="btn btn-primary btn-upload mt-4 hidden">Upload</button> --}}

                        </div>

                        <div class="w-full lg:w-2/3 justify-center border-custom-grey-200">
                            <p class="text-custom-grey-500 text-sm pb-2">
                                {{ trans('title.company_information') }}
                            </p>

                            <div class="flex flex-col gap-4">
                                <h3 class="text-lg font-semibold leading-[10px]">{{__('label.super_admin')}}</h3>

                                <div class="form_group w-full flex flex-col lg:flex-row lg:justify-start lg:items-start gap-2 lg:gap-0">
                                    <p class="w-full lg:w-1/2 form-label text-sm-semibold">{{__('label.e_maildres')}}</p>
                                    <p class="w-full lg:w-1/2">{{$admins->pluck('email')->implode(', ')}}</p>
                                </div>


                                <hr class="mt-1 border-custom-grey-100">

                                <div class="flex flex-col gap-4">
                                    <h3 class="text-lg font-semibold leading-[10px]">{{__('label.outgoing_email_settings')}}</h3>
                                    <div class="w-full flex flex-col lg:flex-row lg:justify-start lg:items-start gap-2 lg:gap-0">
                                        <p class="w-full lg:w-1/2 border-custom-grey-200 form-label text-sm-semibold">{{__('label.Standard_afzenderadres')}}</p>
                                        <p class="w-full lg:w-1/2">{{$settings->outgoing_email}}</p>
                                    </div>
                                </div>

                                <hr class="mt-1 border-custom-grey-100">

                                <div class="flex flex-col gap-4">
                                    <h3 class="text-lg font-semibold leading-[10px]">{{__('label.country_Settings')}}</h3>
                                    <div class="w-full flex flex-col lg:flex-row lg:justify-start lg:items-start gap-2 lg:gap-0">
                                        <p class="w-full lg:w-1/2 border-custom-grey-200 form-label text-sm-semibold">{{__('label.country')}}</p>
                                        <p class="w-full lg:w-1/2">{{$settings->country->name}}</p>
                                    </div>

                                    <div class="w-full flex flex-col lg:flex-row lg:justify-start lg:items-start gap-2 lg:gap-0">
                                        <p class="w-full lg:w-1/2 border-custom-grey-200 form-label text-sm-semibold">{{__('label.time_zone')}}</p>
                                        <p class="w-full lg:w-1/2">{{$settings->timezone->name}}</p>
                                    </div>

                                    <div class="w-full flex flex-col lg:flex-row lg:justify-start lg:items-start gap-2 lg:gap-0">
                                        <p class="w-full lg:w-1/2 border-custom-grey-200 form-label text-sm-semibold">{{__('label.language')}}</p>
                                        <p class="w-full lg:w-1/2">{{$settings->language->english}}</p>
                                    </div>
                                </div>


                                <hr class="mt-1 border-custom-grey-100">

                                <div class="flex flex-col gap-4">
                                    <h3 class="text-lg font-semibold leading-[10px]">{{__('label.notification_settings')}}</h3>
                                    <div class="w-full flex flex-col lg:flex-row lg:justify-start lg:items-start gap-2 lg:gap-0">
                                        <p class="w-full lg:w-1/2 border-custom-grey-200 form-label text-sm-semibold">{{__('label.push_notification')}}</p>
                                        <p class="w-full lg:w-1/2">{{ $settings->isPushNotificationEnable() ? __('forms.lbl_enabled'): __('forms.lbl_disabled') }}</p>
                                    </div>

                                    <div class="w-full flex flex-col lg:flex-row lg:justify-start lg:items-start gap-2 lg:gap-0">
                                        <p class="w-full lg:w-1/2 border-custom-grey-200 form-label text-sm-semibold">{{__('forms.lbl_configurable')}}</p>
                                        <p class="w-full lg:w-1/2">{{ $settings->isPushNotificationConfigurable() ? __('forms.lbl_yes'):__('forms.lbl_no') }}</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="w-auto">
            <a href="{{route('settings.profile.edit')}}" class="btn-secondary-base max-w-fit">{{__('label.change_settings')}}</a>
        </div>
    </div>
@stop

@section('footer-script')
    <script type="text/javascript">

        drEvent.on('dropify.beforeClear', function(event, element){
            if(confirm("{{trans('forms.do_you_really_want_delete')}}")) {
                return PDRequest({
                    type    : "POST",
                    url     : "{{route('settings.profile.logo.remove')}}"
                }).then(function(response){
                    window.location = "";
                    return $(".btn-upload").addClass("hidden");
                });;
            } else {
                return false;
            }
        });
        $("document").ready(function(){
            setTimeout(function(){
            $("p.alert").remove();
            }, 5000 ); // 5 secs

        });
    </script>
@stop