@extends($layout)
<link rel="stylesheet" type="text/css" href="{{CSS}}select2.css">
@section('content')
<div id="page-wrapper">
            <div class="container-fluid">
                <!-- Page Heading -->
                <div class="row">
                    <div class="col-lg-12">
                        <ol class="breadcrumb">
                            <li><a href="{{PREFIX}}"><i class="mdi mdi-home"></i></a> </li>
                            <li><a href="{{URL_MESSAGES}}">{{getPhrase('messages')}}</a> </li>

                            <li class="active"> {{ $title }} </li>
                        </ol>
                    </div>
                </div>
<!-- <h1>Create a new message</h1> -->
<div class="panel panel-custom">
                    <div class="panel-heading">
                    <div class="pull-right messages-buttons">
                            <a class="btn btn-lg btn-info button" href="{{URL_MESSAGES}}"> {{getPhrase('inbox').'('.$count = Auth::user()->newThreadsCount().')'}} </a>
                            <a class="btn btn-lg btn-info button" href="{{URL_MESSAGES_CREATE}}"> 
                            {{getPhrase('compose')}}</a>

                 
                        </div>
                        <h1>{{$title}}</h1>
                    </div>

                    <div class="panel-body packages">
                         
                        <div class="row library-items">

{!! Form::open(['route' => 'messages.store']) !!}
<div class="col-md-6 col-md-offset-3">


    @if(checkRole(['owner']))
    <div class="form-group">
        {{ Form::label('branch_id', getphrase('branch')) }}
        {{Form::select('branch_id', $branches, null, ['class'=>'form-control','onChange'=>'getUsersByBranch()', 'id'=>'branch_id'
        ])}}
    </div>
    @else 
        {{ Form::hidden('branch_id', getUserRecord()->branch_id, array('id'=>'branch_id')) }}
    @endif

    <div class="form-group">
     {!! Form::label('Select User', 'Select User', ['class' => 'control-label']) !!}
    {{Form::select('recipients[]', $users, null, ['class'=>'form-control select2', 'name'=>'recipients[]', 'id'=>'users', 'multiple'=>'true'])}}
    </div>

 
    
    <!-- Subject Form Input -->
    <div class="form-group">
        {!! Form::label('subject', 'Subject', ['class' => 'control-label']) !!}
        {!! Form::text('subject', null, ['class' => 'form-control']) !!}
    </div>

    <!-- Message Form Input -->
    <div class="form-group">
        {!! Form::label('message', 'Message', ['class' => 'control-label']) !!}
        {!! Form::textarea('message', null, ['class' => 'form-control']) !!}
    </div>

   
    
    <!-- Submit Form Input -->
    <div class="text-right">
        {!! Form::submit('Submit', ['class' => 'btn btn-primary btn-lg']) !!}
    </div>
</div>
{!! Form::close() !!}
  </div>
                </div>
            </div>
            
</div>
</div>
@stop
 
@section('footer_scripts')
    
    <script src="{{JS}}select2.js"></script>
    
    <script>
      $('.select2').select2({
       placeholder: "Add User",
    });
    </script>

<script>

    @if(!checkRole('owner') && count($users) <= 1)
      getUsersByBranch();
    @endif


    function getUsersByBranch()
    {
      
      branch_id = $('#branch_id').val();
      route = '{{URL_MESSAGES_GET_USERS_BY_BRANCH}}'; 
      var token = $('[name="_token"]').val();
      data= {'_token':token, 'branch_id': branch_id};
      $.ajax({
            type: "post",
            url:route,
            dataType: 'json',
            data: data,
            success:function(result){
               $('#users').empty();
               var options_data = '<option value="">