@extends('include.sidebar')
@section('content')
<div class="col-lg-6 layout-spacing">
                                        <div class="statbox widget box box-shadow mb-4">
                                            <div class="widget-header">
                                                <div class="row">
                                                    <div class="col-xl-12 col-md-12 col-sm-12 col-12">
                                                        
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="widget-content widget-content-area">
                                                <div class="form-group row">
                                                    <div class="col-lg-12 col-md-12 col-sm-12">
                                                        <form class="needs-validation"  action="{{route('send_sms_submit')}}" method="post" enctype="multipart/form-data">
                                                            
                                                            @csrf
                                                            <div class="form-row">
                                                                <div class="col-md-12 mb-12">
                                                                    <label for="validationCustom01">Role</label>
                                                                <select class="form-control" name="role_id" onchange="users(this);" required="">
                                                                    <option selected>Select Role</option>
                                                                    <option value="select_user">Only Selected User</option>
                                                                    <option value="all">All User</option>
                                                                    @foreach($role as $item)
                                                                    <option value="{{$item->id}}">{{$item->role_name}}</option>
                                                                    @endforeach
                                                                </select>                                                                   
                                                                </div>
                                                            </div><br>
                                                            <div class="form-row" id="select_user_input" style="display:none;">
                                                                <div class="col-md-12 mb-12">
                                                                    <label for="validationCustom01">Select User</label>
                                                                <select class="form-control multiple" multiple="multiple" name="user_id[]">
                                                                    @foreach($users as $item)
                                                                    <option value="{{$item->id}}">{{$item->first_name}} {{$item->last_name}} - {{$item->mobile_number}} - {{$item->outlet_name}}</option>
                                                                    @endforeach
                                                                </select>
                                                                    
                                                                </div>
                                                            </div>
                                                            <div class="form-row">
                                                                <div class="col-md-12 mb-12">
                                                                    <label for="validationCustom01">Type Message</label>
                                                                    <textarea class="form-control" name="message_content" value="" required=""></textarea>
                                                                    
                                                                </div>
                                                            </div><br>
                                                            <div class="form-row">
                                                                <div class="col-md-12 mb-12">
                                                                    <label for="validationCustom01">Message Template Id</label>
                                                                    <input type="text" class="form-control" name="msg_template_id" value="" required="">
                                                                    
                                                                </div>
                                                            </div>
                                                                                                                         
                                                           <button class="btn btn-primary mt-3" type="submit">Submit</button>
                                                        </form>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                        
 <script type="text/javascript">
    //alert(1);
    function users(value)
    {
        var id = value.value;
        if(id == "select_user"){
            $('#select_user_input').show();
        }else{
            $('#select_user_input').hide();
        }
        
    }

</script>                                          
@endsection