@extends('layouts.app')
@section('content')
    <div class="page-wrapper">
        <div class="row page-titles">
            <div class="col-md-5 align-self-center">
                @if ($id == '')
                    <h3 class="text-themecolor">{{ trans('lang.create_notification') }}</h3>
                @else
                    <h3 class="text-themecolor">{{ trans('lang.edit_notification') }}</h3>
                @endif
            </div>
            <div class="col-md-7 align-self-center">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ url('/dashboard') }}">{{ trans('lang.dashboard') }}</a></li>
                    <li class="breadcrumb-item"><a href="{{ url('dynamic-notification') }}">{{ trans('lang.dynamic_notification') }}</a></li>
                    @if ($id == '')
                        <li class="breadcrumb-item active">{{ trans('lang.create_notification') }}</li>
                    @else
                        <li class="breadcrumb-item active">{{ trans('lang.edit_notification') }}</li>
                    @endif
                </ol>
            </div>
        </div>
        <div>
            <div class="card-body">
                <div class="error_top" style="display:none"></div>
                <div class="success_top" style="display:none"></div>
                <div class="row restaurant_payout_create">
                    <div class="restaurant_payout_create-inner">
                        <fieldset>
                            <legend>{{ trans('lang.notification') }}</legend>
                            <div class="form-group row width-100">
                                <label class="col-3 control-label">{{ trans('lang.type') }}</label>
                                <div class="col-7">
                                    <input type="text" class="form-control" id="type" readonly>
                                </div>
                            </div>
                            <div class="form-group row width-100">
                                <label class="col-3 control-label">{{ trans('lang.subject') }}</label>
                                <div class="col-7">
                                    <input type="text" class="form-control" id="subject">
                                </div>
                            </div>
                            <div class="form-group row width-100">
                                <label class="col-3 control-label">{{ trans('lang.message') }}</label>
                                <div class="col-7">
                                    <textarea class="form-control" id="message"></textarea>
                                </div>
                            </div>
                        </fieldset>
                    </div>
                </div>
            </div>
            <div class="form-group col-12 text-center btm-btn">
                <button type="button" class="btn btn-primary edit-setting-btn send_message"><i class="fa fa-save"></i> {{ trans('lang.save') }}
                </button>
                <a href="{{ url('/dynamic-notification') }}" class="btn btn-default"><i class="fa fa-undo"></i>{{ trans('lang.cancel') }}</a>
            </div>
        </div>
    @endsection
    @section('scripts')
        <script>
            var requestId = "";
            var database = firebase.firestore();
            var createdAt = firebase.firestore.FieldValue.serverTimestamp();
            var id = (requestId == '') ? database.collection("tmp").doc().id : requestId;
            var pagesize = 20;
            var start = '';
            $(document).ready(function() {
                if (requestId != '') {
                    var ref = database.collection('dynamic_notification').where('id', '==', id);
                    jQuery("#data-table_processing").show();
                    ref.get().then(async function(snapshots) {
                        if (snapshots.docs.length) {
                            var np = snapshots.docs[0].data();
                            $("#message").val(np.message);
                            $("#subject").val(np.subject);
                            if (np.type == "restaurant_rejected") {
                                type = "{{ trans('lang.order_rejected_by_restaurant') }}";
                            } else if (np.type == "restaurant_accepted") {
                                type = "{{ trans('lang.order_accepted_by_restaurant') }}";
                            } else if (np.type == "takeaway_completed") {
                                type = "{{ trans('lang.takeaway_order_completed') }}";
                            } else if (np.type == "driver_completed") {
                                type = "{{ trans('lang.driver_completed_order') }}";
                            } else if (np.type == "driver_accepted") {
                                type = "{{ trans('lang.driver_accepted_order') }}";
                            } else if (np.type == "dinein_canceled") {
                                type = "{{ trans('lang.dine_order_book_canceled') }}";
                            } else if (np.type == "dinein_accepted") {
                                type = "{{ trans('lang.dine_order_book_accepted') }}";
                            } else if (np.type == "order_placed") {
                                type = "{{ trans('lang.new_order_place') }}";
                            } else if (np.type == "dinein_placed") {
                                type = "{{ trans('lang.new_dine_booking') }}";
                            } else if (np.type == "schedule_order") {
                                type = "{{ trans('lang.shedule_order') }}";
                            } else if (np.type == "payment_received") {
                                type = "{{ trans('lang.pament_received') }}";
                            } else if (np.type == "assign_order") {
                                type = "{{ trans('lang.assign_order') }}";
                            } else if (np.type == "restaurant_cancelled") {
                                type = "{{ trans('lang.restaurant_cancelled') }}";
                            } else if (np.type == "driver_cancelled") {
                                type = "{{ trans('lang.driver_cancelled') }}";
                            } else if (np.type == "new_delivery_order") {
                                type = "{{ trans('lang.new_delivery_order') }}";
                            } else if (np.type == "advertisement_approved") {
                                type = "{{ trans('lang.advertisement_approved') }}";
                            } else if (np.type == "advertisement_cancelled") {
                                type = "{{ trans('lang.advertisement_cancelled') }}";
                            } else if (np.type == "advertisement_paused") {
                                type = "{{ trans('lang.advertisement_paused') }}";
                            } else if (np.type == "advertisement_resumed") {
                                type = "{{ trans('lang.advertisement_resumed') }}";
                            }
                            $('#type').val(type);
                        }
                        jQuery("#data-table_processing").hide();
                    });
                }
            });
            $(".send_message").click(async function() {
                $(".success_top").hide();
                $(".error_top").hide();
                var message = $("#message").val();
                var subject = $("#subject").val();
                var type = $('#type').val();
                if (subject == "") {
                    $(".error_top").show();
                    $(".error_top").html("");
                    $(".error_top").append("<p>{{ trans('lang.please_enter_subject') }}</p>");
                    window.scrollTo(0, 0);
                    return false;
                } else if (message == "") {
                    $(".error_top").show();
                    $(".error_top").html("");
                    $(".error_top").append("<p>{{ trans('lang.please_enter_message') }}</p>");
                    window.scrollTo(0, 0);
                    return false;
                } else {
                    jQuery("#data-table_processing").show();
                    requestId == '' ? (database.collection('dynamic_notification').doc(id).set({
                            'id': id,
                            'subject': subject,
                            'message': message,
                            'type': type,
                            'createdAt': createdAt
                        }).then(function(result) {
                            jQuery("#data-table_processing").hide();
                            $(".success_top").show();
                            $(".success_top").html("");
                            $(".success_top").append("<p>{{ trans('lang.notification_created_success') }}</p>");
                            window.scrollTo(0, 0);
                            window.location.href = '{{ route('dynamic-notification.index') }}';
                        }).catch(function(error) {
                            $(".error_top").show();
                            $(".error_top").html("");
                            $(".error_top").append("<p>" + error + "</p>");
                        })) :
                        (database.collection('dynamic_notification').doc(id).update({
                            'subject': subject,
                            'message': message,
                        }).then(function(result) {
                            jQuery("#data-table_processing").hide();
                            $(".success_top").show();
                            $(".success_top").html("");
                            $(".success_top").append("<p>{{ trans('lang.notification_updated_success') }}</p>");
                            window.scrollTo(0, 0);
                            window.location.href = '{{ route('dynamic-notification.index') }}';
                        }).catch(function(error) {
                            $(".error_top").show();
                            $(".error_top").html("");
                            $(".error_top").append("<p>" + error + "</p>");
                        }));
                }
            });
        </script>
    @endsection