@extends('layouts.app')

@section('page-site-title')
{{trans('app_users.notify')}}
@endsection

@section('page-title')
{{trans('app_users.notify')}}
@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')
    <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> {{trans('app_users.send_notify')}}</div>
                </div>
                <div class="portlet-body form">
                    <form class="form-horizontal form-label-stripped" role="form" method="post" action="{{route('send-notify-users')}}">
                        <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">
                                </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"></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->device_token}}'>{{$key->first_name}} - {{$key->id}}</option>--}}
{{--                                        @endforeach--}}
                                    </select>
                                </div>
                            </div>
{{--                            <div class="form-group">--}}
{{--                                <label class="control-label col-md-2"> المحافظة</label>--}}
{{--                                    <div class="col-md-8">--}}
{{--                                        <select name="city_id" class="form-control" id='govarnorate_id'>--}}
{{--                                            <option value=""></option>--}}
{{--                                            @foreach($goves as $row)--}}
{{--                                                <option value="{{$row->id}}">{{$row->title}}</option>--}}
{{--                                            @endforeach--}}
{{--                                        </select>--}}
{{--                                    </div>--}}
{{--                            </div>--}}
{{--                            <div class="form-group">--}}
{{--                                <label class="control-label col-md-2"> المنطقة</label>--}}
{{--                                    <div class="col-md-8">--}}
{{--                                        <select name="region_id" class="form-control" id='city_id'>--}}
{{--                                            <option value=""></option>--}}
{{--                                        </select>--}}
{{--                                    </div>--}}
{{--                            </div>--}}
                            <div class="form-group">
                                <label class="col-md-2 control-label" for="device_type">نوع الجهاز </label>
                                    <div class="col-md-8">
                                        <select  id="user_status" name="device_type" class="form-control" >
                                            <option value="">{{trans('common.all')}}</option>
                                            <option value="ios">ايفون</option>
                                            <option value="android">اندرويد</option>
                                        </select>
                                    </div>
                            </div>
                            <div class="form-group">
                                <label class="col-md-2 control-label" for="subject">اخر ظهور قبل </label>
                                <div class="col-md-8">
                                    <input id="last_activity" placeholder=""  name="last_activity" class="form-control" type="date">
                                </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,
        ajax: {
            url: '/admin/appUsers/all-users',
            data: function (params) {
                var query = {
                    search: params.term,
                    page: params.page || 1
                }

                // Query parameters will be ?search=[term]&page=[page]
                return query;
            },
            processResults: function (data) {
                var data = $.map(data.data, function (obj) {
                    let id = obj.id;
                    obj.id = obj.device_token;
                    obj.text = obj.first_name + ' - '+ id;

                    return obj;
                });
                console.log('data', data);
                return {
                    results: data
                };
            }
        }
    });

    $('input[type=radio][name=type]').change(function() {
        if (this.value == 0) {
            $('#show_users').show();
        }
        else{
            $('#show_users').hide();
        }
    });
    function get_zones(cat_id)
    {
        $.ajax({
            type:'post',
            url:urls.get_cities,
            data:{
                governorate:cat_id,
                _token:token_code
            },
            success:function(data){
                $("#city_id").html(data[1]);
            }
        });
    }

    $("#govarnorate_id").change(function(){
        get_zones($("#govarnorate_id option:selected").val());
    });
</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