@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
   <style>
       .btn-info{
         background: #CF806B !important;
        }
   </style>


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

                <div class="grid-body"> <br>


                <div class="row control">
                    <div class="col-sm-3 col-xs-12">

                    </div>

                    <div class="col-sm-6 col-xs-12" style="text-align: center;">
                       <span class="bold" style="font-size: 20px;"> رسائل
                                التنبيهات</span>

                    </div>

                    <div class="col-sm-3 col-xs-12">

                    </div>

                </div>

                    {!! Form::open(['route' => 'pushnotifications.store','method' => 'POST','id'=>'push_form']) !!}

                    <div class="form-group row">

                        <div class="textarea_input col-md-8 col-md-offset-2 col-sm-12">
                            {!! Form::textarea('notification',null, ['class' => 'form-control textarea','required' => 'required','rows'=>3,'id'=>'notification_text']) !!}
                            <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">
                            {!! Form::label('notification', 'نص رسالة التنبيه', ['class' => 'form-label label-b']) !!}
                            <span style="color:red">*</span>
                        </div>
                    </div>
                    @if(Auth::user()->hasPermission('pushnotifications-edit') || Auth::user()->hasPermission('pushnotifications-create'))
                    <div class="form-group row">
                        <div class="col-md-8 col-md-offset-2 col-sm-12">
                           <div class="pull-right markaction">

                               {!! Form::submit('إرسال', ['class' => 'btn btn-info']) !!}
                           </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 class="col-md-2 col-sm-12 text-right">
                            <!-- {!! Form::label('status', 'الحالة', ['class' => 'form-label']) !!} -->
                        </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 class="col-md-2 col-sm-12 text-right">
                            <!-- {!! Form::label('device_type', 'نوع الجهاز', ['class' => 'form-label']) !!} -->
                        </div>
                    </div>


                    {!! Form::close() !!}


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



    {!! Form::open(['method' => 'POST','class' => 'inline','id'=> 'bulkaction' ]) !!}
        <input type="hidden" value="" name="ids" id="ids" />
    {!! Form::close() !!}

@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