@extends('layouts.master_home')

@section('dashboard_content')
    <div class="page-content">
        <!-- BEGIN PAGE HEAD -->
        <div class="page-head">
            <!-- BEGIN PAGE TITLE -->
            <div class="page-title">
                <h1>Notifications Manage
                </h1>
            </div>
            <!-- END PAGE TITLE -->
            <!-- BEGIN PAGE TOOLBAR -->
            <div class="page-toolbar">
                <!-- BEGIN THEME PANEL -->
                <!-- END THEME PANEL -->
            </div>
            <!-- END PAGE TOOLBAR -->
        </div>
        <!-- END PAGE HEAD -->
        <div class="row">
            <div class="col-md-9">
                @if (\Session::has('success'))
                    <div class="alert alert-success">
                        <p>{{ \Session::get('success') }}</p>
                    </div><br/>
                @elseif(\Session::has('error'))
                    <div class="alert alert-danger">
                        <p>{{ \Session::get('error') }}</p>
                    </div><br/>
                @elseif(\Session::has('warning'))
                    <div class="alert alert-warning">
                        <p>{{ \Session::get('warning') }}</p>
                    </div><br/>
                @endif
                <div class="portlet light">
                    <div class="portlet-title">
                        <div class="caption">
                            <i class="icon-credit-card font-green-sharp"></i>
                            <span class="caption-subject font-green-sharp bold uppercase">Send Notification</span>
                            <span class="caption-helper"></span>
                        </div>
                        <div class="actions">

                        </div>
                    </div>
                    <div class="portlet-body">
                        <ul class="nav nav-tabs">
                            <li class="active">
                                <a href="#tab_1_1" data-toggle="tab">
                                    Push Notification </a>
                            </li>
                            {{--<li>--}}
                                {{--<a href="#tab_1_2" data-toggle="tab">--}}
                                    {{--Email </a>--}}
                            {{--</li>--}}
                        </ul>
                        <div class="tab-content">
                            <div class="tab-pane fade active in" id="tab_1_1">
                                <form  action="{{ route('send-notification-send') }}" method="post">
                                    {{ csrf_field() }}
                                    <div class="form-group">
                                        <label for="exampleInputEmail1"><b class='text-danger'>*</b> Title </label>
                                        <input type="text" name="title" class="form-control"aria-describedby="emailHelp"
                                               placeholder="Enter Title" maxlength="30">
                                        @if ($errors->has('title'))
                                            <small class='text-danger'>{{ $errors->first('title') }}</small>
                                        @endif
                                        <small id="emailHelp" class="form-text text-muted">Maximum 30 letters</small>
                                    </div>

                                    <div class="form-group">
                                        <label for="exampleInputPassword1"><b class='text-danger'>*</b> Message *</label>
                                        <textarea name="message" class="form-control"  rows="3" maxlength="120" placeholder="Enter Message"></textarea>
                                        @if ($errors->has('message'))
                                            <small class='text-danger'>{{ $errors->first('message') }}</small>
                                        @endif
                                        <small id="emailHelp" class="form-text text-muted">Maximum 120 letters</small>
                                    </div>

                                    <div class="form-group">
                                        <button type="submit" class="btn btn-primary">Send</button>
                                    </div>
                                </form>
                            </div>
                            <div class="tab-pane fade" id="tab_1_2">
                                <form  action="{{ route('send-notification-send-email') }}" method="post">
                                    {{ csrf_field() }}
                                    <div class="form-group">
                                        <label for="exampleInputEmail1"><b class='text-danger'>*</b> Title </label>
                                        <input type="text" name="title" class="form-control"aria-describedby="emailHelp"
                                               placeholder="Enter Title" maxlength="30">
                                        @if ($errors->has('title'))
                                            <small class='text-danger'>{{ $errors->first('title') }}</small>
                                        @endif
                                        <small id="emailHelp" class="form-text text-muted">Maximum 30 letters</small>
                                    </div>

                                    <div class="form-group">
                                        <label for="exampleInputPassword1"><b class='text-danger'>*</b> Message *</label>
                                        <textarea name="message" class="form-control"  rows="3" maxlength="120"></textarea>
                                        @if ($errors->has('message'))
                                            <small class='text-danger'>{{ $errors->first('message') }}</small>
                                        @endif
                                        <small id="emailHelp" class="form-text text-muted">Maximum 120 letters</small>
                                    </div>


                                    <div class="form-group">
                                        <button type="submit" class="btn btn-primary">Send</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                        <div class="clearfix margin-bottom-20">
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
@endsection