@include('includes/header')

<!-- /////////////////////////////////// MAIN CONTENT /////////////////////////////////////////-->

@include('includes/sidebar')

<div class="app-content content">

    <div class="content-wrapper">
        <div class="content-header row">

            <div class="content-header-left col-md-6 col-12 mb-2 d-flex justify-content-left align-items-center">
                <a class="btn btn-secondary" href="javascript: history.go(-1)"><i class="fa fa-arrow-left"></i>
                </a>&nbsp;&nbsp;
                <h1 class="content-header-title mb-0">Create Notification</h1>
            </div>
        </div>

        <div class="content-body">

            <section class="inputmask" id="inputmask">
                <div class="row">

                    <div class="col-12 ">

                        <form action="#" method="POST" enctype="multipart/form-data">
                            @csrf
                            <div class="card rounded">
                                <div class="card-content collapse show">
                                    <div class="card-body">
                                        <div class="form-body">
                                            <div class="row">
                                                <div class="col-md-4">
                                                    <div class="form-group">
                                                        <strong><label>Type</label></strong>
                                                        <select name="notitype" class="form-control">
                                                            <option value="all">All</option>
                                                            <option value="team">Team</option>
                                                            <option value="employee">Employee</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="form-group">
                                                        <strong><label>Message</label></strong>
                                                        <textarea name="message" cols="60" rows="3"></textarea>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="form-actions left">
                                            <button type="submit" class="btn btn-primary">
                                                <i class="fa fa-paper-plane"></i> Submit
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>

                    </div>
                </div>

            </section>

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

<!-- /////////////////////////////////// MAIN CONTENT /////////////////////////////////////////-->

@include('includes/footer')