@extends('layouts.app')

@section('content')

<section class="content-header">
    <h1>
        Security        
    </h1>
    <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
        <li class="active">Update Menu</li>
    </ol>
</section>

<section class="content">
  <div class="row">
    <!-- left column -->
    <div class="col-md-12">
      @include('layouts.flesh-message')

      <!-- general form elements -->
      <div class="box box-primary border-no">
        <div class="box-header with-border yello-back">
          <h3 class="box-title">Security Breach</h3>
        </div>
        <div class="row">
          <div class="col-md-4" style="margin-left:20px; margin-top: 20px;margin-bottom: 20px;">
            <div class="form-group">
                <div class="form-check">
                  <input class="form-check-input" type="checkbox" id="security_breach" name="security_breach" value="2" {{ Auth::user()->security_breach == 2 ? 'checked' : '' }}>
                  <label class="form-check-label">Breached</label><br>
                  
                </div>
            </div>
          </div>
          <!-- <div class="col-md-6" style="margin-left:20px; margin-top: 20px;margin-bottom: 20px;">
            
          </div> -->
        </div>
      </div>
        
      <!-- box-body -->

</div>
<!-- /.box -->
</div>
</section>

  
<script type="text/javascript">
  $(document).on('click','#security_breach', function (){
      var status = $('#security_breach').is(':checked');
      var security_breach =  $('#security_breach').val();
      var id =  "{{Auth::user()->id}}";
      var token = $("input[name=_token]").val();
      var checked = (status == true) ? 1 : 0;
      var text = '';
      if(status)
      {
        text = 'You are about to restrict the user from login.';
      } else {
        text = 'You are about to allow the user to login.';
      }
      swal({
        title: 'Are you sure?',
        text: text,
        type: "warning",
        showCancelButton: true,
        confirmButtonColor: '#DD6B55',
        confirmButtonText: 'Yes',
        cancelButtonText: "No",
        closeOnConfirm: false,
        closeOnCancel: false
     },
     function(isConfirm){
    
       if (isConfirm){
        $.ajax({
                type: 'POST',
                url: "{{ route('securityBreach') }}",
                data: { security_breach: security_breach, id:id, "_token": token, checked:checked },
                dataType: 'json',
                success: function (data) {
                    if(data.success == true)
                    {
                      location.reload();
                    }
                },
                error: function (error) {
                    // Handle error response, if needed
                    location.reload();
                }
            });
    
        } else {
          if(status)
          {
            $('#security_breach').prop('checked', true);
          }else{
            $('#security_breach').prop('checked', true);
          }
          
            swal.close();
        }
      });
    })
</script>

@endsection