@extends('admin.layout.master')
@section('title', 'الإشعارات')
@section('content')
    <div class="row">
        <div class="col-12">
            <div class="page-title-box">
                <h4 class="page-title">الإشعارات</h4>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-12">
            <div class="card-box">

                <h4 class="header-title mb-4">إنشاء جديد</h4>
                @include('admin.layout.message')

                <div class="row">
                    <div class="col-xl-12">
                        <form method="post" action="{{route('notifications.store')}}" enctype="multipart/form-data">
                            @csrf
                            <div class="row">

                                <div class="col-xl-12">
                                    <div class="form-group">
                                        <label for="exampleInputEmail1">الإشعار</label>

                                        <textarea name="title" style="resize: none ; height: 250px "
                                                  class="form-control" required
                                                  placeholder="الإشعار">{{old('title')}}</textarea>
                                        @if ($errors->has('title'))
                                            <small class="text-danger">{{ $errors->first('title') }}</small>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-xl-12">
                                    <div class="form-group">
                                        <label for="exampleInputEmail1">إرسال إلى</label>
                                        <br>
                                        <div class="col-xl-6">
                                            <div class="form-group">
                                                <input type="radio" id="all_users"  name="type" value="all"> الكل
                                            </div>

                                        </div>
                                        <div class="col-xl-6">
                                            <div class="form-group">
                                                <input type="radio" id="users" checked name="type" value="users"> اعضاء
                                            </div>
                                        </div>
                                        @if ($errors->has('type'))
                                            <small class="text-danger">{{ $errors->first('type') }}</small>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-xl-12"  >
                                    <div class="form-group" id="users_show">
                                        <label for="exampleInputEmail1">إرسال إلى</label>
                                        <br>
                                        <select class="js-example-basic-multiple form-control" name="users[]"
                                                multiple>
                                            @foreach($users as $user)
                                                <option value="{{$user->id}}"> {{ $user->name  }}
                                                    - {{$user->mobile}}</option>
                                            @endforeach
                                        </select>

                                        @if ($errors->has('users'))
                                            <small class="text-danger">{{ $errors->first('users') }}</small>
                                        @endif
                                    </div>
                                </div>
                            </div>


                            <button type="submit" class="btn btn-primary">إرسال</button>
                        </form>
                    </div><!-- end col -->


                </div><!-- end row -->
            </div>
        </div><!-- end col -->
    </div>



@stop

@section('scripts')

    <script>
        $("#users").on('click', function () {
console.log('asdasd');
            $("#users_show").show();
        });
        $("#all_users").on('click', function () {
            $("#users_show").hide();
        });
    </script>

@stop