@extends('layouts.app')
@section('title', __('Notification'))
@section('content')
<!-- Content Header (Page header) -->
<section class="content-header">
   <h1>Notification</h1>
   <!-- <ol class="breadcrumb">
      <li><a href="#"><i class="fa fa-dashboard"></i> Level</a></li>
      <li class="active">Here</li>
      </ol> -->
</section>
<!-- Main content -->
<section class="content">
   @component('components.widget', ['class' => 'box-primary'])
   <div class="row">
   <form id="bhvpoints">
      @csrf
      <div class="clearfix"></div>
      <div class="row">
      <div class="col-sm-12 ">
      <div class="form-group">
         <label for="share">Notification For :</label>
         <input type="checkbox" style='margin-left:70px' name="all"   value="all" >  All
         <input type="checkbox" style='margin-left:70px'  name="web" value="web" > Web
         <input type="checkbox" style='margin-left:70px'  name="app"  value="app"> App 
         <input type="checkbox" style='margin-left:70px;' name="whatsapp" value="whatsapp" >  What's App 
         <input type="checkbox" style='margin-left:70px;' name="sms" value="sms" > SMS
         <input type="checkbox" style='margin-left:70px;' name="email" value="email" > E-mail
         <div>
         </div>
      </div>
      <div class="text-center">
         <h3 class="text-primary" style="border-bottom:2px solid blue;"></h3>
      </div>
      <div class="row">
         <div class="col-sm-12 ">
            <div class="col-sm-3">
               <div class="form-group">
                  <label for="share">Customer:</label>
                  <select class="form-control"  name="closing"  id="closing_v" onchange="displaytext()" >
                     <option value="">--Select--</option>
                     <option value="customer">customer</option>
                  </select>
               </div>
            </div>
            <div class="col-sm-3">
               <div class="form-group">
                  <label for="share">All Customers:</label>
                  <select class="form-control"  name="closing"  id="closing_v" onchange="displaytext()" >
                     <option value="">--Select--</option>
                     <option value="customer">customer</option>
                  </select>
               </div>
            </div>
            <div class="col-sm-3">
               <div class="form-group">
                  <label for="share">Prime Member:</label>
                  <select class="form-control"  name="closing"  id="closing_v" onchange="displaytext()" >
                     <option value="">--Select--</option>
                     <option value="customer">customer</option>
                  </select>
               </div>
            </div>
            <div class="col-sm-3">
               <div class="form-group">
                  <label for="share">All Prime Members</label>
                  <select class="form-control"  name="closing"  id="closing_v" onchange="displaytext()" >
                     <option value="">--Select--</option>
                     <option value="customer">customer</option>
                  </select>
               </div>
            </div>
         </div>
      </div>
      <div class="text-center">
         <h3 class="text-primary" style="border-bottom:2px solid blue;"></h3>
      </div>
      <div class="row">
         <div class="col-sm-12 ">
            <div class="tab-pane  active " id="cn_send_ledger">
               <div class="row">
                  <div class="col-md-12 mt-10">
                     <div class="form-group">
                     {!! Form::label('subject', __('Subject').':') !!}
                        {!! Form::textarea('subject', $notification_template['subject'], ['class' => 'form-control', 'placeholder' => __('Subject'), 'rows' => 1]); !!}
                     </div>
                  </div>
                  <div class="col-md-12">
                     <div class="form-group">
                        {!! Form::label('email_body', __('Body Message').':') !!}
                        {!! Form::textarea('email_body', $notification_template['email_body'], ['class' => 'form-control', 'placeholder' => __('Body Message'), 'rows' => 4]); !!}
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <div class="text-center">
         <h3 class="text-primary" style="border-bottom:2px solid blue;"></h3>
      </div>

      <div class="row">
         <div class="col-sm-12 ">
            <div class="col-sm-4 text-center">
                <style>
                    canvas {
                        height: 100px;
                        border-style: solid;
                        border-width: 1px;
                        border-color: black;
                        
                        }

                </style>
             <canvas id= "canv1" ></canvas>
            </div>
            <div class="col-sm-2">
               <div class="form-group">
               <label for="share">Upload & Replace Image:</label><br/>
                <input type="file" multiple="false" accept="image/*" id=finput onchange="upload()">
                </div>
            </div>
            <div class="col-sm-3">
               <div class="form-group">
                  <label for="share">Schedule:</label>
                  <select class="form-control"  name="closing"  id="closing_v" onchange="displaytext()" >
                     <option value="">--Select--</option>
                     <option value="customer">Daily</option>
                     <option value="customer">Weekly</option>
                     <option value="customer">Fornightly</option>
                     <option value="customer">Monthly</option>
                     <option value="customer">Yearly</option>
                  </select>
               </div>
            </div>
            <div class="col-sm-3">
               <div class="form-group">
                   <label for="share">Start From:</label>
                  <input type="datetime-local" name="datetime" class="form-control" >
             </div>
            
         </div>
      </div>

      <div class="row">
      <div class="col-md-12 text-center">
            <button type="submit" class="btn btn-secondary btn-big">Cancel</button>
            <button type="submit" class="btn btn-primary btn-big">Save</button>
            <button type="submit" class="btn btn-success btn-big">Save & Send</button>
        </div>
      </div>

   </form>
   <div class="clearfix"></div>
   <div class="clearfix"></div>

   @endcomponent
   {!! Form::close() !!}
</section>
<!-- /.content -->
@endsection
@section('javascript')
<script type="text/javascript">
   // Fix for not updating textarea value on modal
     // CKEDITOR.on('instanceReady', function(){
     //    $.each( CKEDITOR.instances, function(instance) {
     //     CKEDITOR.instances[instance].on("change", function(e) {
     //         for ( instance in CKEDITOR.instances )
     //         CKEDITOR.instances[instance].updateElement();
     //     });
     //    });
     // });
   
     if (_.isNull(tinyMCE.activeEditor)) {
           tinymce.init({
               selector: 'textarea#email_body',
           });
       }

       if (_.isNull(tinyMCE.activeEditor)) {
           tinymce.init({
               selector: 'textarea#subject',
           });
       }
        
     $(document).ready(function(){
       //initialize iCheck
       $('input[type="checkbox"].input-icheck, input[type="radio"].input-icheck').iCheck({
         checkboxClass: 'icheckbox_square-blue',
         radioClass: 'iradio_square-blue'
       });
     });
   
     $(document).on('ifChanged', '.notification_type', function(){
       var notification_type = $(this).val();
       console.log(notification_type);
       if (notification_type == 'email') {
         if ($(this).is(':checked')) {
           $('div#email_div').removeClass('hide');
         } else {
           $('div#email_div').addClass('hide');
         }
       } else if(notification_type == 'sms'){
         if ($(this).is(':checked')) {
           $('div#sms_div').removeClass('hide');
         } else {
           $('div#sms_div').addClass('hide');
         }
       } else if(notification_type == 'whatsapp'){
         if ($(this).is(':checked')) {
           $('div#whatsapp_div').removeClass('hide');
         } else {
           $('div#whatsapp_div').addClass('hide');
         }
       }
     });
     $('#send_notification_form').submit(function(e){
       e.preventDefault();
       tinyMCE.triggerSave();
       var data = $(this).serialize();
       var btn = $('#send_notification_btn');
       btn.text("@lang('lang_v1.sending')...");
       btn.attr('disabled', 'disabled');
       $.ajax({
         method: "POST",
         url: $(this).attr("action"),
         dataType: "json",
         data: $(this).serialize(),
         beforeSend: function(xhr) {
             __disable_submit_button(btn);
         },
         success: function(result){
           if(result.success == true){
             if (result.whatsapp_link) {
               window.open(result.whatsapp_link);
             }
             $('div.view_modal').modal('hide');
             toastr.success(result.msg);
           } else {
             toastr.error(result.msg);
           }
           $('#send_notification_btn').text("@lang('lang_v1.send')");
           $('#send_notification_btn').removeAttr('disabled');
         }
       });
     });
</script>
@endsection