@extends('layouts.app')
@section('title')Create Notification  @endsection
@section('content')

<section class="content-header">
  <h1>
    Manage Notification
    
  </h1>
  <ol class="breadcrumb">
    <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
    <li class="active">Send Notification</li>
  </ol>
</section>

<section class="content top-head">
  <div class="row">
    <!-- left column -->
    <div class="col-md-12">

      @include('layouts.flesh-message')

      <!-- general form elements -->
      <div class="box box-primary border-no">
        <div class="box-header with-border yello-back">
          <h3 class="box-title">Notification</h3>
          <!-- <a class="top-btn" href="{{ url('/users') }}"> <button type="button" class="btn btn-primary"><i class="fa fa-plus"></i>Show Table</button></a> -->
        </div>
        <!-- /.box-header -->
        <!-- form start -->
        <form method="POST" id="savenotificationform" name="savenotificationform" action="{{ url('/sendnotification') }}">
          @csrf




          <div class="box-body">

           <div class="row">
            <div class="col-md-6">

                 <label>
                  <input type="radio" name="sendnoti" value="ALL" class="flat-red" >All
                </label>

                <label class="serrad">
                  <input type="radio" name="sendnoti" value="AGENTS" class="flat-red" >Agents
                </label>

                <label class="serrad">
                  <input type="radio" name="sendnoti" value="ARS" class="flat-red" >AR’s
                </label>

                
                 <label class="serrad"> 
                  <input type="radio" name="sendnoti"  value="MANAGERS" class="flat-red" >Manager’s
                                 </label>
                 
                 <label class="serrad">
                  <input type="radio" name="sendnoti"  value="DISTRIBUTORS" class="flat-red" >Distributors
                                 </label>

                 
            </div>
           </div> 
           <!-- <div class="row">
              <div class="col-md-6">
               <div class="form-group">
                 <label for="state">{{ __('Agent') }}</label>
                 <span class="val-in">*</span>
            
               <select name="to_id" required class="form-control select2" style="width: 100%;">
                   <option value="">Select State</option>
                   @foreach($users as $user)
                   <option value="{{ $user->id }}">{{ $user->name }} {{ $user->last_name }}</option>
                   @endforeach
                 </select> 
               </div>
             </div>
                     </div> --> 

          <div class="row">
            <div class="col-md-12">
              <div class="form-group">
               <label for="address">{{ __('Subject') }}</label>
               <span class="val-in">*</span>
               
               <input type="text" name="subject" class="form-control">
               

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


         <div class="row">
            <div class="col-md-12">
              <div class="form-group">
               <label for="address">{{ __('Notification') }}</label>
               <span class="val-in">*</span>

               <textarea id="notification" name="notification" rows="10" cols="80">
               
              </textarea>

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

        


<div class="row">
  <div class="col-md-3">
    <div class="form-group">
     <label for="status">{{ __('Repeat') }}</label>
     <span class="val-in">*</span>

     <select name="repeat" class="form-control" style="width: 100%;">
      <option value="0">No</option>
      <option value="1">Yes</option>

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

</div>

</div>
</div> 
<div class="box-footer">
  <button id="submitnotification" type="submit" class="btn btn-primary">
    {{ __('Send Notification') }}
  </button>
</div>
</form>
</section>   
<script>
          $(function () {
    // Replace the <textarea id="editor1"> with a CKEditor
    // instance, using default configuration.
    CKEDITOR.replace('notification')
    //bootstrap WYSIHTML5 - text editor
    $('.notification').wysihtml5()
  })
</script>
<script src="{{ asset('js/notification.js') }}"></script>

@endsection