@extends('admin.layout.master')

@section('css')
    <link rel="stylesheet" type="text/css"
          href="{{asset('admin/app-assets/vendors/css/extensions/sweetalert2.min.css')}}">
    <link rel="stylesheet" type="text/css"
          href="{{asset('admin/app-assets/css-rtl/plugins/forms/validation/form-validation.css')}}">
    <script src="{{asset('admin/app-assets/vendors/js/forms/validation/jqBootstrapValidation.js')}}"></script>
    <script src="{{asset('admin/app-assets/js/scripts/forms/validation/form-validation.js')}}"></script>

@endsection

@section('content')
    <section class="users-edit">
        <div class="card">
            <div class="card-content">
                <div class="card-body">
                    <ul class="nav nav-tabs mb-3" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link d-flex align-items-center active" id="notify-tab" data-toggle="tab"
                               href="#notify" aria-controls="notify" role="tab" aria-selected="true">
                                <i class="feather icon-bell mr-25"></i><span
                                        class="d-none d-sm-block">{{awtTrans('ارسال  اشعار ')}}</span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link d-flex align-items-center" id="sms-tab" data-toggle="tab" href="#sms"
                               aria-controls="sms" role="tab" aria-selected="false">
                                <i class="feather icon-phone mr-25"></i><span
                                        class="d-none d-sm-block">{{awtTrans('ارسال SMS')}}</span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link d-flex align-items-center" id="email-tab" data-toggle="tab" href="#email"
                               aria-controls="email" role="tab" aria-selected="false">
                                <i class="feather icon-mail mr-25"></i><span
                                        class="d-none d-sm-block">{{awtTrans('ارسال بريد الكتروني ')}}</span>
                            </a>
                        </li>
                    </ul>
                    <div class="tab-content">
                        <div class="tab-pane active" id="notify" aria-labelledby="notify-tab" role="tabpanel">
                            <form action="{{route('admin.notifications.send')}}" method="POST" enctype="multipart/form-data" class="notify-form form-horizontal" novalidate>
                                @csrf
                                <input type="hidden" name="type" class="notify" value="notify">
                                <div class="row">
                                    <div class="col-md-6 col-6">
                                        <div class="form-group">
                                            <label for="first-name-column">{{awtTrans('عنوان الاشعار بالعربية')}}</label>
                                            <div class="controls">
                                                <input type="text" name="title_ar" class="form-control" required
                                                       data-validation-required-message="{{awtTrans('هذا الحقل مطلوب')}}">
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-6 col-6">
                                        <div class="form-group">
                                            <label for="first-name-column">{{awtTrans('عنوان الاشعار بالانجليزية')}}</label>
                                            <div class="controls">
                                                <input type="text" name="title_en" class="form-control" required
                                                       data-validation-required-message="{{awtTrans('هذا الحقل مطلوب')}}">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-12">
                                        <div class="form-group">
                                            <label for="first-name-column">{{awtTrans('الرسالة بالعربية')}}</label>
                                            <div class="controls">
                                                <textarea name="message_ar" class="form-control" cols="30" rows="10"
                                                          required
                                                          data-validation-required-message="{{awtTrans('هذا الحقل مطلوب')}}"></textarea>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-12">
                                        <div class="form-group">
                                            <label for="first-name-column">{{awtTrans('الرسالة بالانجليزية')}}</label>
                                            <div class="controls">
                                                <textarea name="message_en" class="form-control" cols="30" rows="10" required data-validation-required-message="{{awtTrans('هذا الحقل مطلوب')}}"></textarea>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-12 col-12">
                                        <div class="form-group">
                                            <label for="first-name-column">{{awtTrans('ارسال الي ')}}</label>
                                            <div class="controls">
                                                <select name="user_type" class="select2 form-control" required
                                                        data-validation-required-message="{{awtTrans('هذا الحقل مطلوب')}}">
                                                    <option value>{{awtTrans('اختر الفئه المرسل اليها')}}</option>4
                                                    <option value="admins">{{awtTrans('المشرفين')}}</option>
                                                    <option value="all">{{awtTrans('الكل')}}</option>
                                                    <option value="all_users">{{awtTrans('كل المستخدمين')}}</option>
                                                    <option value="active_users">{{awtTrans('المتسخدمين النشطين')}}</option>
                                                    <option value="not_active_users">{{awtTrans('المتسخدمين الغير نشطين')}}</option>
                                                    <option value="blocked_users">{{awtTrans('المتسخدمين المحظورين')}}</option>
                                                    <option value="not_blocked_users">{{awtTrans('المتسخدمين الغير محظورين')}}</option>

                                                    <option value="all_individuals">{{awtTrans('كل مقدمي الخدمه الأفراد')}}</option>
                                                    <option value="active_individuals">{{awtTrans('مقدمي الخدمه الأفراد النشطين')}}</option>
                                                    <option value="not_active_individuals">{{awtTrans('مقدمي الخدمه الأفراد الغير نشطين')}}</option>
                                                    <option value="blocked_individuals">{{awtTrans('مقدمي الخدمه الأفراد المحظورين')}}</option>
                                                    <option value="not_blocked_individuals">{{awtTrans('مقدمي الخدمه الأفراد الغير محظورين')}}</option>

                                                    <option value="all_companies">{{awtTrans('كل مقدمي الخدمه الشركات')}}</option>
                                                    <option value="active_companies">{{awtTrans('مقدمي الخدمه الشركات النشطين')}}</option>
                                                    <option value="not_active_companies">{{awtTrans('مقدمي الخدمه الشركات الغير نشطين')}}</option>
                                                    <option value="blocked_companies">{{awtTrans('مقدمي الخدمه الشركات المحظورين')}}</option>
                                                    <option value="not_blocked_companies">{{awtTrans('مقدمي الخدمه الشركات الغير محظورين')}}</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <button type="submit" class="btn btn-primary send-notify-button">{{awtTrans('ارسال')}}</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <div class="tab-pane " id="sms" aria-labelledby="sms-tab" role="tabpanel">
                            <form action="{{route('admin.notifications.send')}}" method="POST" enctype="multipart/form-data" class="notify-form form-horizontal" novalidate>
                                @csrf
                                <input type="hidden" name="type" value="sms">
                                <div class="row">
                                    <div class="col-md-12 col-12">
                                        <div class="form-group">
                                            <label for="first-name-column">{{awtTrans('نص الرسالة')}}</label>
                                            <div class="controls">
                                                <textarea name="message" class="form-control" cols="30" rows="10"
                                                          required
                                                          data-validation-required-message="{{awtTrans('هذا الحقل مطلوب')}}"></textarea>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-12 col-12">
                                        <div class="form-group">
                                            <label for="first-name-column">{{awtTrans('ارسال الي ')}}</label>
                                            <div class="controls">
                                                <select name="user_type" class="select2 form-control" required
                                                        data-validation-required-message="{{awtTrans('هذا الحقل مطلوب')}}">
                                                    <option value>{{awtTrans('اختر الفئه المرسل اليها')}}</option>
                                                    <option value="admins">{{awtTrans('المشرفين')}}</option>
                                                    <option value="all">{{awtTrans('الكل')}}</option>
                                                    <option value="all_users">{{awtTrans('كل المستخدمين')}}</option>
                                                    <option value="active_users">{{awtTrans('المتسخدمين النشطين')}}</option>
                                                    <option value="not_active_users">{{awtTrans('المتسخدمين الغير نشطين')}}</option>
                                                    <option value="blocked_users">{{awtTrans('المتسخدمين المحظورين')}}</option>
                                                    <option value="not_blocked_users">{{awtTrans('المتسخدمين الغير محظورين')}}</option>

                                                    <option value=all_individuals">{{awtTrans('كل مقدمي الخدمه الأفراد')}}</option>
                                                    <option value="active_individuals">{{awtTrans('مقدمي الخدمه الأفراد النشطين')}}</option>
                                                    <option value="not_active_individuals">{{awtTrans('مقدمي الخدمه الأفراد الغير نشطين')}}</option>
                                                    <option value="blocked_individuals">{{awtTrans('مقدمي الخدمه الأفراد المحظورين')}}</option>
                                                    <option value="not_blocked_individuals">{{awtTrans('مقدمي الخدمه الأفراد الغير محظورين')}}</option>

                                                    <option value=all_companies">{{awtTrans('كل مقدمي الخدمه الشركات')}}</option>
                                                    <option value="active_companies">{{awtTrans('مقدمي الخدمه الشركات النشطين')}}</option>
                                                    <option value="not_active_companies">{{awtTrans('مقدمي الخدمه الشركات الغير نشطين')}}</option>
                                                    <option value="blocked_companies">{{awtTrans('مقدمي الخدمه الشركات المحظورين')}}</option>
                                                    <option value="not_blocked_companies">{{awtTrans('مقدمي الخدمه الشركات الغير محظورين')}}</option>

                                                    {{--                                                    <option value="all_companies">{{awtTrans('كل الشركات')}}</option>--}}
                                                    {{--                                                    <option value="active_companies">{{awtTrans('الشركات النشطين')}}</option>--}}
                                                    {{--                                                    <option value="not_active_companies">{{awtTrans('الشركات الغير نشطين')}}</option>--}}
                                                    {{--                                                    <option value="blocked_companies">{{awtTrans('الشركات المحظورين')}}</option>--}}
                                                    {{--                                                    <option value="not_blocked_companies">{{awtTrans('الشركات الغير محظورين')}}</option>--}}

                                                    {{--                                                    <option value="all_delegates">{{awtTrans('كل المناديب')}}</option>--}}
                                                    {{--                                                    <option value="active_delegates">{{awtTrans('المناديب النشطين')}}</option>--}}
                                                    {{--                                                    <option value="not_active_delegates">{{awtTrans('المناديب الغير نشطين')}}</option>--}}
                                                    {{--                                                    <option value="blocked_delegates">{{awtTrans('المناديب المحظورين')}}</option>--}}
                                                    {{--                                                    <option value="not_blocked_delegates">{{awtTrans('المناديب الغير محظورين')}}</option>--}}

                                                    {{--                                                    <option value="all_stores">{{awtTrans('كل المتاجر')}}</option>--}}
                                                    {{--                                                    <option value="active_stores">{{awtTrans('المتاجر النشطين')}}</option>--}}
                                                    {{--                                                    <option value="not_active_stores">{{awtTrans('المتاجر الغير نشطين')}}</option>--}}
                                                    {{--                                                    <option value="blocked_stores">{{awtTrans('المتاجر المحظورين')}}</option>--}}
                                                    {{--                                                    <option value="not_blocked_stores">{{awtTrans('المتاجر الغير محظورين')}}</option>--}}
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <button type="submit"
                                                class="btn btn-primary send-notify-button">{{awtTrans('ارسال')}}</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <div class="tab-pane " id="email" aria-labelledby="email-tab" role="tabpanel">
                            <form action="{{route('admin.notifications.send')}}" method="POST"
                                  enctype="multipart/form-data" class="notify-form form-horizontal" novalidate>
                                @csrf
                                <input type="hidden" name="type" value="email">
                                <div class="row">
                                    <div class="col-md-12 col-12">
                                        <div class="form-group">
                                            <label for="first-name-column">{{awtTrans('محتوي الايميل')}}</label>
                                            <div class="controls">
                                                <textarea name="content" class="form-control" cols="30" rows="10"
                                                          required
                                                          data-validation-required-message="{{awtTrans('هذا الحقل مطلوب')}}"></textarea>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-12 col-12">
                                        <div class="form-group">
                                            <label for="first-name-column">{{awtTrans('ارسال الي ')}}</label>
                                            <div class="controls">
                                                <select name="user_type" class="select2 form-control" required
                                                        data-validation-required-message="{{awtTrans('هذا الحقل مطلوب')}}">
                                                    <option value>{{awtTrans('اختر الفئه المرسل اليها')}}</option>
                                                    <option value="admins">{{awtTrans('المشرفين')}}</option>
                                                    <option value="all">{{awtTrans('الكل')}}</option>
                                                    <option value="all_users">{{awtTrans('كل المستخدمين')}}</option>
                                                    <option value="active_users">{{awtTrans('المتسخدمين النشطين')}}</option>
                                                    <option value="not_active_users">{{awtTrans('المتسخدمين الغير نشطين')}}</option>
                                                    <option value="blocked_users">{{awtTrans('المتسخدمين المحظورين')}}</option>
                                                    <option value="not_blocked_users">{{awtTrans('المتسخدمين الغير محظورين')}}</option>

                                                    <option value=all_individuals">{{awtTrans('كل مقدمي الخدمه الأفراد')}}</option>
                                                    <option value="active_individuals">{{awtTrans('مقدمي الخدمه الأفراد النشطين')}}</option>
                                                    <option value="not_active_individuals">{{awtTrans('مقدمي الخدمه الأفراد الغير نشطين')}}</option>
                                                    <option value="blocked_individuals">{{awtTrans('مقدمي الخدمه الأفراد المحظورين')}}</option>
                                                    <option value="not_blocked_individuals">{{awtTrans('مقدمي الخدمه الأفراد الغير محظورين')}}</option>

                                                    <option value=all_companies">{{awtTrans('كل مقدمي الخدمه الشركات')}}</option>
                                                    <option value="active_companies">{{awtTrans('مقدمي الخدمه الشركات النشطين')}}</option>
                                                    <option value="not_active_companies">{{awtTrans('مقدمي الخدمه الشركات الغير نشطين')}}</option>
                                                    <option value="blocked_companies">{{awtTrans('مقدمي الخدمه الشركات المحظورين')}}</option>
                                                    <option value="not_blocked_companies">{{awtTrans('مقدمي الخدمه الشركات الغير محظورين')}}</option>

                                                    {{--                                                    <option value="all_companies">{{awtTrans('كل الشركات')}}</option>--}}
                                                    {{--                                                    <option value="active_companies">{{awtTrans('الشركات النشطين')}}</option>--}}
                                                    {{--                                                    <option value="not_active_companies">{{awtTrans('الشركات الغير نشطين')}}</option>--}}
                                                    {{--                                                    <option value="blocked_companies">{{awtTrans('الشركات المحظورين')}}</option>--}}
                                                    {{--                                                    <option value="not_blocked_companies">{{awtTrans('الشركات الغير محظورين')}}</option>--}}

                                                    {{--                                                    <option value="all_delegates">{{awtTrans('كل المناديب')}}</option>--}}
                                                    {{--                                                    <option value="active_delegates">{{awtTrans('المناديب النشطين')}}</option>--}}
                                                    {{--                                                    <option value="not_active_delegates">{{awtTrans('المناديب الغير نشطين')}}</option>--}}
                                                    {{--                                                    <option value="blocked_delegates">{{awtTrans('المناديب المحظورين')}}</option>--}}
                                                    {{--                                                    <option value="not_blocked_delegates">{{awtTrans('المناديب الغير محظورين')}}</option>--}}

                                                    {{--                                                    <option value="all_stores">{{awtTrans('كل المتاجر')}}</option>--}}
                                                    {{--                                                    <option value="active_stores">{{awtTrans('المتاجر النشطين')}}</option>--}}
                                                    {{--                                                    <option value="not_active_stores">{{awtTrans('المتاجر الغير نشطين')}}</option>--}}
                                                    {{--                                                    <option value="blocked_stores">{{awtTrans('المتاجر المحظورين')}}</option>--}}
                                                    {{--                                                    <option value="not_blocked_stores">{{awtTrans('المتاجر الغير محظورين')}}</option>--}}
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <button type="submit"
                                                class="btn btn-primary send-notify-button">{{awtTrans('ارسال')}}</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection


@section('js')
    <script src="{{asset('admin/app-assets/vendors/js/forms/validation/jqBootstrapValidation.js')}}"></script>
    <script src="{{asset('admin/app-assets/js/scripts/forms/validation/form-validation.js')}}"></script>
    <script src="{{asset('admin/app-assets/vendors/js/extensions/sweetalert2.all.min.js')}}"></script>
    <script src="{{asset('admin/app-assets/js/scripts/extensions/sweet-alerts.js')}}"></script>
    <script>
        $(document).on('submit', '.notify-form', function (e) {
            e.preventDefault();
            var isValid = $(this).find(':input[required]').jqBootstrapValidation('hasErrors');
            if (!isValid) {
                var url = $(this).attr('action');
                $.ajax({
                    url: url,
                    method: 'post',
                    data: new FormData($(this)[0]),
                    dataType: 'json',
                    processData: false,
                    contentType: false,
                    beforeSend: function () {
                        $(".send-notify-button")
                            .html('<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>')
                            .attr('disabled', true);
                    },
                    success: (response) => {
                        $(".text-danger").remove();
                        $(".send-notify-button")
                            .html("{{awtTrans('ارسال')}}")
                            .attr('disabled', false);
                        Swal.fire({
                            position: 'top-start',
                            icon: 'success',
                            title: '{{awtTrans('تمت الارسال بنجاح')}}',
                            showConfirmButton: false,
                            timer: 1500,
                            buttonsStyling: false,
                        });
                        $(this).trigger('reset');
                    },
                    error: function (xhr) {
                        $(".send-notify-button")
                            .html("{{awtTrans('ارسال')}}")
                            .attr('disabled', false);
                        $(".text-danger").remove();
                        $.each(xhr.responseJSON.errors, function (key, value) {
                            $(`[name=${key}]`)
                                .addClass('border-danger')
                                .after(`<span class="mt-5 text-danger">${value}</span>`);
                        });
                    },
                });
            }
        });
    </script>
@endsection