@extends('_layout.layout')

@section('title') Notify customers
@endsection

@section('header')
<h1> <a href="{{route('getCompanyDetails',$company->id)}}">{{$company->name}}</a> <small>Notify customers</small></h1>
@endsection



@section('content')
@include('_layout.partials.formerror')

<div class="row">
  <div class="col-md-12">
    <div class="portlet box green">
      <div class="portlet-title">
        <div class="caption">
          <i class="list-ul"></i>
          <span class="caption-subject bold uppercase"> Notify customers</span>
        </div>
      </div>
      <div class="portlet-body form">
        {!! Form::open(['route' => ['postCreateNewsletter',$company->id],'class' => 'form-horizontal']) !!}
          <div class="form-body">
            <div class="form-group">
              {!! Form::label('message', 'Message', ['class' => 'col-md-2 control-label']) !!}
              <div class="col-md-10">
                {!! Form::textarea('message', null, ['class' => 'form-control','placeholder' => 'input notification message']) !!}
              </div>
            </div>
            <div class="form-group">
              {{ Form::label('email', 'By email', ['class' => 'col-md-2 control-label']) }}
              <div class="col-md-10">
                  <label class="mt-checkbox mt-checkbox-outline" style="margin-top: 8px">
                    <input name="email" type="checkbox"> Select option to send the notification as email
                    <span></span>
                </label>
              </div>
            </div>

            <div class="form-group">
              {{ Form::label('notification', 'By push notification', ['class' => 'col-md-2 control-label']) }}
              <div class="col-md-10">
                  <label class="mt-checkbox mt-checkbox-outline" style="margin-top: 8px">
                    <input name="notification" type="checkbox"> Select option to send notification as push notification message
                    <span></span>
                </label>
              </div>
            </div>


            <div class="form-group">
              {!! Form::label('users', 'Customers', ['class' => 'col-md-2 control-label']) !!}
              <div class="col-md-4">
                <select class="form-control" multiple="multiple" id="usersSelect" name="users[]" size="20">
                  @foreach($apiUsers as $apiUser)
                    <option value="{{$apiUser->id}}">{{$apiUser->fullname}}</option>
                  @endforeach
                </select>
              </div>

              {!! Form::label('groups', 'Groups', ['class' => 'col-md-2 control-label']) !!}
              <div class="col-md-4">
                <select class="form-control" multiple="multiple" id="groupsSelect" name="groups[]" size="20">
                  @foreach($newsletterGroups as $newsletterGroup)
                    <option value="{{$newsletterGroup->id}}">{{$newsletterGroup->description}}</option>
                  @endforeach
                </select>
              </div>

            </div>
          </div>
          <div class="form-actions">
              <div class="row">
                  <div class="col-md-offset-2 col-md-10">
                      <button type="submit" class="btn green">Send</button>
                      <a href="{{url()->previous()}}" class="btn default">Cancel</a>
                  </div>
              </div>
          </div>
        {!! Form::close() !!}
      </div>
    </div>
  </div>
</div>

@endsection



@section('page-script')
<script src="{{asset('assets/js/jquery.multi-select.js')}}" type="text/javascript"></script>
<script>
$('#usersSelect').multiSelect({ keepOrder: true,minWidth:300 });
$('#groupsSelect').multiSelect({ keepOrder: true,minWidth:300 });

</script>
@endsection


@section('page-css')
<link href="{{asset('assets/css/multi-select.css')}}" rel="stylesheet" type="text/css" />
<style type="text/css">
  .ms-container .ms-list {
    height: 400px;
  }
</style>

@endsection