{% extends "admin/base.html" %}

{% block page_header %}
<nav aria-label="breadcrumb">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="{{  url('dashboard') }}">{{_('Dashboard',2)}}</a></li>
    <li class="breadcrumb-item">{{_('Settings',2)}}</li>
    <li class="breadcrumb-item active" aria-current="page">{{_('Notifications',2)}}</li>
  </ol>
</nav>
{% endblock %}

{% block content %}
<!-- Content Row -->
<div class="row">
    <div class="col-md-8">
        <div class="card card-notification-settings">
            <div class="card-header">
                <div class="card-title">
                    {{_("Notification Settings",2)}}
                </div>
            </div>
            <div class="card-body">
                <form id="notification-settings">
                    {{ csrf_token()|raw }}

                    <div class="mb-3">
                        <label class="form-label" for="push_notifications">{{_("Enable Push Notifications",2)}}</label>
                        <select class="form-select" id="push_notifications" name="push_notifications">
                            <option value="0" {% if SETTINGS.push_notifications == 0 %}selected{% endif %}>{{_("No",2)}}</option>
                            <option value="1" {% if SETTINGS.push_notifications == 1 %}selected{% endif %}>{{_("Yes",2)}}</option>
                        </select>
                    </div>
                    <hr />
                    <br />
                    <span class="push-notification-area" {% if SETTINGS.push_notifications == 0 %}style="display:none;"{% endif %}>
                        <div class="mb-3">
                            <label class="form-label" for="push_provider">{{_("Push Provider",2)}}</label>
                            <select class="form-select" id="push_provider" name="push_provider">
                                <option value="firebase" {% if SETTINGS.push_provider == 'firebase' %}selected{% endif %}>{{_("Firebase",2)}}</option>
                                <option value="pushy" {% if SETTINGS.push_provider == 'pushy' %}selected{% endif %}>{{_("Pushy",2)}}</option>
                            </select>
                        </div>
                        <hr />

                        <span class="firebase-area push-provider-area" {% if SETTINGS.push_provider == 'pushy' %}style="display:none;"{% endif %}>
                            <div class="mb-3">
                                <label class="form-label" for="firebase_server_key">{{_("Firebase Service Account Json",2)}}</label>
                                <textarea class="form-control" name="firebase_server_key" id="firebase_server_key" rows="4" cols="80">{{SETTINGS.firebase_server_key}}</textarea>
                            </div>
                            <div class="mb-3">
                                <label class="form-label" for="firebase_messaging_sender_id">{{_("Firebase Messaging Sender ID",2)}}</label>
                                <input type="text" class="form-control" id="firebase_messaging_sender_id" name="firebase_messaging_sender_id" value="{{SETTINGS.firebase_messaging_sender_id}}">
                            </div>
                            <div class="mb-3">
                                <label class="form-label" for="firebase_api_key">{{_("Firebase Api Key",2)}}</label>
                                <input type="text" class="form-control" id="firebase_api_key" name="firebase_api_key" value="{{SETTINGS.firebase_api_key}}">
                            </div>
                            <div class="mb-3">
                                <label class="form-label" for="firebase_project_id">{{_("Firebase Project ID",2)}}</label>
                                <input type="text" class="form-control" id="firebase_project_id" name="firebase_project_id" value="{{SETTINGS.firebase_project_id}}">
                            </div>
                            <div class="mb-3">
                                <label class="form-label" for="firebase_app_id">{{_("Firebase App ID",2)}}</label>
                                <input type="text" class="form-control" id="firebase_app_id" name="firebase_app_id" value="{{SETTINGS.firebase_app_id}}">
                            </div>
                        </span>
                        <span class="pushy-area push-provider-area" {% if SETTINGS.push_provider == 'firebase' %}style="display:none;"{% endif %}>
                            <div class="mb-3">
                                <label class="form-label" for="pushy_api_key">{{_("Pushy Api Key",2)}}</label>
                                <textarea class="form-control" name="pushy_api_key" id="pushy_api_key" rows="3" cols="80">{{SETTINGS.pushy_api_key}}</textarea>
                            </div>
                            <div class="mb-3">
                                <label class="form-label" for="pushy_app_id">{{_("Pushy App ID",2)}}</label>
                                <input type="text" class="form-control" id="pushy_app_id" name="pushy_app_id" value="{{SETTINGS.pushy_app_id}}">
                            </div>
                        </span>
                    </span>
                    <button type="button" class="btn btn-primary update-settings" value="notification-settings">{{_("Update",2)}}</button>
                </form>
            </div>
        </div>
    </div>
</div>

{% endblock %}