@extends('layouts.profile')

@section('profile_content')

<h3 class="mt-5">{{ __('dashboard.notifications.label') }}</h3>

<div id="ajaxSet"></div>

<form method="POST" action="{{ route('login', app()->getLocale()) }}" class="emails">
    @csrf

    <div class="container">
        <div class="row d-flex justify-content-between mx-0 px-0 noti_master">
            <div class="col m-0 p-0">{{ __('dashboard.notifications.sendMePushNotifications') }}</div>
            <div class="switch col-*-*">
                <label>
                    <input id="onEmails" name="onEmails" type="checkbox" checked>
                </label>
            </div>
        </div>
        @foreach ($emails as $key => $value)
        <div class="row d-flex justify-content-between ml-3 mr-0 px-0 noti_slave">
            <div class="col m-0 p-0">{{ $notificationsTitle[$loop->index] }}</div>
            <div class="switch col-*-*">
                <label>
                    <input class="onEmails-child" id="{{ $key }}" name="{{ $key }}" type="checkbox" @if ($value === true) checked @endif>
                </label>
            </div>
        </div>
        @endforeach
    </div>

</form>
@endsection

@section('title')
{{ __('meta.title.notifications') }}
@endsection

@section('description')
{{ __('meta.description.notifications') }}
@endsection

@push('scripts')
<script>
    $( document ).ready(function() {
        if ($(window).width() < 576) {
            $('html, body').animate({
                scrollTop: $("h3").offset().top
            }, 1500);
        }
    });
</script>
@endpush