@extends('layouts.app')

@section('page-site-title')
    تنبيهات الاعضاء
@endsection

@section('page-title')
    تنبيهات الاعضاء
@endsection

@section('page_navbar')
@include('layouts.widgets.page-navbar')
@endsection

@section('page_breadcrumb')
@include('layouts.widgets.page-breadcrumb')
@endsection

@section('page_side')
@include('layouts.widgets.page-side')
@endsection

@section('page-content')
    @if(Session::has('message'))
        <div class="alert {{ Session::get('alert-class', 'alert-info') }}">
            <button type="button" class="close" data-dismiss="alert">
                <i class="ace-icon fa fa-times"></i>
            </button>
            {{ Session::get('message') }}
            <br />
        </div>
    @endif
    <div class="portlet light">
        <div class="portlet-body">
            <div class="portlet box green">
                <div class="portlet-title">
                    <div class="caption">
                        <i class="fa fa-gift"></i> تنبيهات الاعضاء</div>
                </div>
                <div class="portlet-body form">
                    <form class="form-horizontal form-label-stripped" role="form" method="post" action="{{route('send-notify-users2')}}">
                        <div class="form-body">
                            {!! csrf_field() !!}

                            <div class="form-group">
                                <label class="col-md-2 control-label" for="subject">عنوان الرسالة </label>
                                <div class="col-md-8">
                                    <input id="subject" placeholder=""  name="subject" class="form-control" type="text" required>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-md-2 control-label" for="subject">رابط الرسالة </label>
                                <div class="col-md-8">
                                    <input id="url" placeholder=""  name="url" class="form-control" type="url">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-md-2 control-label" for="message">نص الرسالة</label>
                                <div class="col-md-8">
                                    <textarea  name="message" class="form-control" required></textarea>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-md-2 control-label">ارسال الى </label>
                                <div class="col-md-8">
                                    <div class="radio-list">
                                        <label class="radio-inline"><input checked="checked" name="type" type="radio" id="optionsRadios4" value="1">الكل
                                        </label>
                                        <label class="radio-inline"><input name="type" type="radio" id="optionsRadios5" value="0">اعضاء محددين
                                        </label>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group" id="show_users" style="display: none;">
                                <label class="col-md-2 control-label" for="model">العضو </label>
                                <div class="col-md-8">
                                    <select class='form-control api_select2' name='users[]' multiple>
                                        <option value=''></option>
                                        @foreach($users as $key)
                                            <option value='{{$key->id}}'>{{$key->name}} - {{$key->id}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                        </div>
                        <div class="form-actions">
                            <div class="col-md-12">
                                <div class="row">
                                    <div class="col-md-offset-3 col-md-9">
                                        <button type="submit" class="btn green pull-right" style="width:100px;"><i class="fa fa-save"></i> ارسال</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('page-footer-js')
<script type="application/javascript">
    var js_lang = {!! json_encode(trans('common.js_lang'))  !!};
    var model_js_lang = {!! json_encode(trans('app_users.js_lang'))  !!};
    var urls = {!! json_encode($urls) !!};
    var token_code='{{csrf_token()}}';
    var assets_folder = '{{asset("assets/")}}';
    var storge_path = '{{route('download-file-excel',['file'=>''])}}';
    var permissions = {!! json_encode($permissions) !!};

</script>
<script src="{{ asset('assets/models/js/Common.js')}}" type="text/javascript"></script>
<script type="text/javascript" src="{{ asset('assets/global/plugins/jquery-validation/js/jquery.validate.min.js')}}"></script>
<script src="{{ asset('assets/global/plugins/jquery-ui/jquery-ui.min.js')}}" type="text/javascript"></script>
<script src="{{ asset('assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js')}}" type="text/javascript"></script>
<script src="{{ asset('assets/global/plugins/moment.min.js')}}" type="text/javascript"></script>
<script src="{{asset('assets/global/plugins/select2/js/select2.full.min.js')}}" type="text/javascript"></script>
<script type="application/javascript">
    $.fn.select2.defaults.set("theme", "bootstrap");
    $(".api_select2").select2({
        placeholder: 'اختر عميل',
        width: null
    });

    $('input[type=radio][name=type]').change(function() {
        if (this.value == 0) {
            $('#show_users').show();
        }
        else{
            $('#show_users').hide();
        }
    });

</script>
@endsection

@section('page-heads')
    <link href="{{asset('assets/global/plugins/select2/css/select2.min.css')}}" rel="stylesheet" type="text/css" />
    <link href="{{asset('assets/global/plugins/select2/css/select2-bootstrap.min.css')}}" rel="stylesheet" type="text/css" />
@endsection