@extends('layouts.header')

@section('content')


     <div class="row my-4 align-items-center">
		<div class="col-md-6 text-md-left text-center">
			<h2 class="page-title ">Manage Email Setting</h2>
		</div>
    </div>
    
    <div class="row mt-4">
		<div class="col-lg-12">
			<div class="card bg-light rounded-10 p-4">
			 <div class="row form-style">
			   <div class="col-md-12">

                    <form id="settingForm" method="POST" action="javascript:void(0)" enctype="multipart/form-data">
                     @csrf

                <div class="form-group">
                    <label for="start_date" class="col-md-4 col-form-label">{{ __('Send Email') }}<span style="color:red"> *</span></label>
                       <div class="col-md-6">
                        <div class="selectParent mr-3">
                             <select class="select-option" name="is_send_email" id="is_send_email">
                                 <option value="" selected="">Select</option>
                                 <option value="ENABLED" {{ $setting->is_send_email =='ENABLED' ? 'selected' : ''}}>Enable </option>
                                 <option value="DISABLED" {{ $setting->is_send_email =='DISABLED' ? 'selected' : ''}}>Disable </option>
                              </select>
                              @if ($errors->has('is_send_email'))
                          <span id="is_send_email-error" class="error text-danger" for="is_send_email">{{ $errors->first('is_send_email') }}</span>
                         @endif
                         </div>
                    </div>
                  </div>


                  <br><br>
                
                 <div class="row">
                     <div class="col-12">
                         <button type="button" class="btn btn-outline-primary mr-3" onClick="goBack();">Cancel</button>
                         <button type="submit" class="btn btn-primary" id="btnAdd" onclick="submitForm()">Update</button>
                     </div>
                 </div>

             </div>


             </form>

        </div>
        </div>
    </div>
</div>
</div>



@endsection

@section('append')

  <script>

function submitForm(){
    $("#settingForm").validate({
      errorElement:'div',
      rules: {
        is_send_email:{
            required: true,
        },
      },
      messages: {
        is_send_email:{
            required: "Please select value",
        },
      },

      errorPlacement: function(error, element) {
        if (element.hasClass('select2')) {
               error.insertAfter(element.parent());
            }
            else{
              error.appendTo( element.parent() );
            }
      },
      submitHandler: function(form) {
         //form.submit();
          $('#btnAdd').html('Please wait..');
          var form = $('#settingForm')[0];
          var formData = new FormData(form);

          $.ajax({
            url: '/manage/setting' ,
            type: "POST",
            data: formData,
            processData: false,
            contentType: false,
            success: function( data ) {
                setTimeout(function(){
                  $('#btnAdd').html('Update');
                },2000);
                toastr.success(data.success); 
                setTimeout(() => {
                    location.reload();
                }, 2000);
            },
            error: function(error){
              toastr.error("Something wen't wrong !");
            },
          });

       },

      });
}

  </script>


@endsection