@extends('layouts.app')

@section('javascript')

        <!-- Redactor -->
<script src="/vendor/redactor/redactor.js"></script>
<script>
    $(document).ready(function() {
        $('.redactor').redactor({
            plugins: ['source'],
            imagePosition: true,
            imageResizable: true
        });
    });
</script>

<!-- Sweet Alert -->
<script src="/vendor/sweetalert/lib/sweet-alert.min.js"></script>
<script>
    $('.alert-send-push').click(function () {
        swal({
            title: 'Confirm',
            text: "Please confirm you want to send this notification",
            type: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#3498db',
            confirmButtonText: 'Yes, send it!'
        }, function () {
            $("input[name='send']").val(1);
            $("form#edit-notification").submit();
        });
    });


</script>


@endsection

@section('content')

    <div class="normalheader transition animated fadeIn">
        <div class="hpanel">
            <div class="panel-body">
                <h2 class="font-light m-b-xs">
                    Create Push Notification
                </h2>
            </div>
        </div>
    </div>

    <div class="content">
        <form id="edit-notification" action="{{route('notifications.store')}}" method="POST">
            {{csrf_field()}}
            <input type="hidden" name="send" value="0">
            <input type="hidden" name="status" value="draft">

            <div class="hpanel">
                <div class="panel-body">
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="form-group">
                                <label class="control-label">Status:</label>
                                <p class="form-control-static">
                                    Draft
                                </p>
                            </div><!-- /.form-group -->
                            <div class="form-group{{ $errors->has('title') ? ' has-error' : '' }}">
                                <label class="control-label">Title:</label>
                                <input type="text" class="form-control" name="title" value="{{old('title')}}" />
                            </div><!-- /.form-group -->
                            <div class="form-group{{ $errors->has('subtitle') ? ' has-error' : '' }}">
                                <label class="control-label">Sub Title:</label>
                                <input type="text" class="form-control" name="subtitle" value="{{old('subtitle')}}" />
                            </div><!-- /.form-group -->
                        </div>
                        <div class="col-lg-6">
                            <div class="form-group{{ $errors->has('content') ? ' has-error' : '' }}">
                                <label class="control-label">Content:</label>
                                <textarea class="redactor" name="content">

                                </textarea>
                            </div><!-- /.form-group -->
                        </div>
                    </div><!-- /.row -->
                </div>
            </div><!-- /.hpanel -->


            <div class="hpanel">
                <div class="panel-body">
                    <button class="btn btn-default">Save Draft</button> <a href="#" class="btn btn-primary alert-send-push">Send Notification</a>
                </div>
            </div><!-- /.hpanel -->
        </form>

    </div><!-- /.content -->


@endsection