@extends('layouts.admin')
@section('title','Notification')
@section('css')

@endsection
@section('breadcrumb', 'Notification')
@section('content')
<!--main-container-part-->

<style>
  ul.multiselect-container {
    height: 200px;
    overflow: scroll;
  }
</style>
<!--Action boxes-->
<div class="container-fluid">



  <div class="row-fluid">
    <div class="span12">

      <div class="widget-box">
        <div class="widget-title"> <span class="icon"><i class="icon-ok"></i></span>
          <h5>
           {!! Session::has('msg') ? Session::get("msg") : 'Send Push Notification' !!}
          </h5>
        </div>
        <div class="widget-content">

          <form enctype="multipart/form-data" action="" method="post" class="form-horizontal">
            @csrf

            <div class="control-group">
              <label class="control-label">Users :</label>
              <div class="controls">
                <select name="users[]" id="users" class="multiselect-ui span11" multiple="multiple">
                  @foreach($users as $u)
                  <option value="{{$u->userFCMToken}}">{{$u->userFirstName}} {{$u->userLastName}}</option>
                  @endforeach
                </select>
              </div>
            </div>

            <div class="control-group">
              <label class="control-label">Subject :</label>
              <div class="controls">
                <input type="text" name="subject" value="" class="span11" placeholder="Enter Your Subject">
                @if ($errors->has('subject'))
                <span for="name" generated="true" class="help-inline error">{{$errors->first('subject')}}</span>
                @endif</span>
              </div>
            </div>

            <div class="control-group">
              <label class="control-label">Message :</label>
              <div class="controls">
                <textarea name="description" class="span11" placeholder="Enter Your Message"></textarea>
                @if ($errors->has('description'))
                <span for="name" generated="true" class="help-inline error">{{$errors->first('description')}}</span>
                @endif</span>
              </div>
            </div>

            <div class="form-actions">
              <button type="submit" class="btn btn-success">Send</button>
            </div>
          </form>

        </div>
      </div>





    </div>


  </div>
</div>
</div>
<!--end-main-container-part-->
@endsection
@section('js')

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/css/bootstrap-multiselect.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/js/bootstrap-multiselect.js"></script>

<script type="text/javascript">
  $(document).ready(function() {
    $('.multiselect-ui').multiselect({
      includeSelectAllOption: true
    });
  })
</script>
@endsection