@extends('app')
@section('content')
    @if (Session::has('flash_message'))
        <div class="alert {{ Session::has('flash_message_status') ? 'alert-error' : 'alert-success' }}">
            <button class="close" data-dismiss="alert"></button>
            {!! Session::get('flash_message') !!}
        </div>
    @endif


    <div class="row">
        <div class="col-md-12">
            <div class="grid simple">
                <div class="grid-body">
                    <br>

                    <form method="POST" action="{{ route('admin.pushnotifications.store') }}" id="push_form">
                        @csrf

                        <div class="form-group row">
                            <div class="textarea_input col-md-8 col-md-offset-2 col-sm-12">
                                <textarea name="notification" id="notification_text" class="form-control textarea" rows="3" required>{{ old('notification') }}</textarea>
                                <span class="help">
                                    <span id="notification_text_count_lable">190</span>
                                    @lang('common.char_count')
                                </span>
                            </div>
                            <div class="col-md-2 col-sm-12 text-left">
                                <label for="notification" class="form-label label-b">نص رسالة التنبيه</label>
                                <span style="color:red">*</span>
                            </div>
                        </div>

                        @if (Auth::user()->can('pushnotifications-edit') || Auth::user()->can('pushnotifications-create'))
                            <div class="form-group row">
                                <div class="col-md-8 col-md-offset-2 col-sm-12">
                                    <div class="pull-right markaction">
                                        <button type="submit" class="btn btn-info">إرسال</button>
                                    </div>
                                </div>
                            </div>
                        @endif

                        <div class="form-group row">
                            <div class="radio-group inline col-md-8 col-md-offset-2 col-sm-12 text-center">
                                <div class="radio">
                                    <input type="radio" value="all" name="send_to" id="all" checked>
                                    <label class="f-s-17" for="all">جميع المستخدمين</label>

                                    <input type="radio" value="family" name="send_to" id="family">
                                    <label class="f-s-17" for="family">المسجلين فقط</label>

                                    <input type="radio" value="guest" name="send_to" id="guest">
                                    <label class="f-s-17" for="guest">الضيوف فقط</label>
                                </div>
                            </div>
                        </div>

                        <div class="form-group row">
                            <div class="radio-group inline col-md-8 col-md-offset-2 col-sm-12 text-center">
                                <div class="radio">
                                    <input type="radio" value="all_devices" name="device_type" id="all_devices" checked>
                                    <label class="f-s-17" for="all_devices">جميع الأجهزة</label>

                                    <input type="radio" value="iOS" name="device_type" id="iOS">
                                    <label class="f-s-17" for="iOS">اجهزة الايفون</label>

                                    <input type="radio" value="Android" name="device_type" id="Android">
                                    <label class="f-s-17" for="Android">اجهزة الاندرويد</label>
                                </div>
                            </div>
                        </div>
                    </form>

                </div>
            </div>
        </div>
    </div>


    {{-- Bulk Action Form --}}
    <form method="POST" class="inline" id="bulkaction">
        @csrf
        <input type="hidden" name="ids" id="ids" value="">
    </form>
@endsection
@section('page_script')
    <script type="text/javascript" language="javascript" class="init">
        jQuery('#push_form').submit(function(event) {
            var pass = true;
            //some validations

            if (pass == false) {
                return false;
            }
            form = this;
            jQuery('#btn-submit').attr('disabled', 'disabled');
            event.preventDefault();
            setTimeout(function() {
                form.submit();
            }, 500);
            jQuery('#progressbar').show();

            return true;
        });

        jQuery(document).ready(function($) {
            $("#notification_text").keyup(function(event) {
                updateFeatureCharLimitNum('notification_text', 'notification_text_count_lable', 190);
            });

            updateFeatureCharLimitNum('notification_text', 'notification_text_count_lable', 190);

        });
    </script>
@endsection