{{View::make('layout.header')}}
    <!-- BEGIN: Content-->
    <div class="app-content content ">
        <div class="content-overlay"></div>
        <div class="header-navbar-shadow"></div>
        <div class="content-wrapper">
            <div class="content-header row">
                <div class="content-header-left col-md-9 col-12 mb-2">
                    <div class="row breadcrumbs-top">
                        <div class="col-12">
                            <div class="breadcrumb-wrapper">
                                <ol class="breadcrumb">
                                    <li class="breadcrumb-item">Employee
                                    </li>
                                    <li class="breadcrumb-item active"><a href="#">Send Message</a>
                                    </li>
                                </ol>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content-body">
                <section id="dashboard-ecommerce">
                    <div class="row match-height">
                        <div class="col-md-12">
                            <div class="card">
                                <div class="card-header ptitle" style="color:#fff;">
                                    <h4 class="card-title" style="color:#fff;">Send Message</h4>
                                </div>
                               
                                @if (\Session::has('statusMsg'))
                                <br>
                                <div class="alert alert-success alert-dismissible" style="margin-top:18px;">
                                    <a href="#" class="close" data-dismiss="alert" aria-label="close" title="close">×</a>
                                    <strong>Success!</strong> {{ Session::get('statusMsg') }}
                                </div>
                                
                                @endif
                                <br>
                                <div class="card-body">
                                    <form action="{{ route('stote-message') }}" method="post">
                                        <div class="row">
                                            <input type="hidden" name="_token" id="token" value="{{ csrf_token() }}">
                                            <input type="hidden" name="user_id" value="{{Auth::id()}}">
                                            <div class="col-md-3 col-12">
                                                <div class="form-group">
                                                    <label class="form-label" for="payment-date">Select Branch   :</label>
                                                    <select class="form-control" id="branch_id" name="branch_id" onchange="userfilter()">
                                                        <option value="">select</option>
                                                        @foreach($branches as $branch)
                                                            <option value="{{ $branch->id }}">{{ $branch->name }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                             <div class="col-md-3 col-12">
                                                <div class="form-group">
                                                    <label class="form-label" for="payment-date">Select Department   :</label>
                                                    <select class="form-control" id="department_id" name="department_id" onchange="userfilter()">
                                                        <option value="">select</option>
                                                        @foreach($departments as $department)
                                                            <option value="{{ $department->id }}">{{ $department->name }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div> 
                                            <div class="col-md-3 col-12">
                                                <div class="form-group">
                                                    <label class="form-label" for="payment-date">Select Category   :</label>
                                                    <select class="form-control" id="category_id" name="category_id" onchange="userfilter()">
                                                        <option value="">select</option>
                                                        @foreach($categories as $category)
                                                            <option value="{{ $category->id }}">{{ $category->name }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-md-3 col-12">
                                                <div class="form-group">
                                                    <label class="form-label" for="payment-date">Expiry Date :</label>
                                                    <input type="date" name="expiry_date" required class="form-control flatpickr-basic" placeholder="DD-MM-YYYY" >
                                                    @if ($errors->has('expiry_date'))<em class="required" style="font-size: 14px; font-style: italic;color: #dc3545!important;">{!!$errors->first('expiry_date')!!}</em>@endif
                                                </div>
                                            </div> 
                                            <div class="col-md-6 col-12">
                                                <div class="form-group">
                                                    <label class="form-label" for="payment-date">Message :</label>
                                                    <textarea name="message" class="form-control" rows="11" required></textarea>
                                                    @if ($errors->has('message'))<em class="required" style="font-size: 14px; font-style: italic;color: #dc3545!important;">{!!$errors->first('message')!!}</em>@endif
                                                </div>
                                            </div>
                                           
                                            
                                            
                                            <div class="col-md-6 col-12">
                                                <div class="form-group">
                                                    <label class="form-label" for="payment-date">Employee   :</label>
                                                      <select class="form-control" id="employee" name="receiver[]" required multiple style="height:270px;">
                                                        <option value="">select</option>
                                                        
                                                         @foreach($users as $user)
                                                            <option value="{{ $user['username'] }}">{{ $user['name'] }}</option>
                                                        @endforeach
                                                        
                                                    </select>
                                                   
                                                    @if ($errors->has('receiver'))<em class="required" style="font-size: 14px; font-style: italic;color: #dc3545!important;">{!!$errors->first('receiver')!!}</em>@endif
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-12">
                                                <div class="form-group">
                                                    <button type="submit" class="btn btn-info">Apply</button>
                                                </div>
                                            </div>      
                                        </div>
                                    </form>        
                                </div>
                            </div>    
                        </div>
                    </div>
                </section>    
            </div>
        </div>
    </div>
    <!-- END: Content-->
    {{View::make('layout.footer')}}
    <script>
    function userfilter() { 
           var branch = $('#branch_id').val();
           var department = $('#department_id').val();
           var category = $('#category_id').val();
           
             $.ajax({
                    url: "filteruser",
                    method: "get",
                    data: { branch: branch, department: department, category: category },
                    success: function (data) {
                        if(data){
                $("#employee").empty();
                $("#employee").append('<option>Select</option>');
                $.each(data,function(key,value){
                    $("#employee").append('<option value="'+value.username+'">'+value.name+'</option>');
                });
           
            }else{
               $("#employee").empty();
            }
                    }
                    

                });
           
                
       }
    </script>