@if($data)
<div class="row">
  <div class="col-md-7">
    @if($data->profile_pic)
    <img src="{{asset('storage/profile-pic')}}/{{$data->profile_pic}}" class="img-fluid" style="height:100%;">
    @else
    <img src="{{asset('images/user-img.png')}}" class="img-fluid" style="height:100%;">
    @endif
  </div>
  <div class="col-md-5">
    <label class="small text-muted">Email</label>
    <div class="clearboth"></div>
    <label class="small text-muted">
      @if($data->email){{$data->email}}@else No email @endif
    </label>
    <div class="clearboth"></div>
    <label class="small text-muted mt-3">Member since</label>
    <div class="clearboth"></div>
    <label class="small text-muted">{{date('M d, Y',strtotime($data->created_at))}}</label>
    <div class="clearboth"></div>
    <label class="small text-muted mt-3">Total points</label>
    <div class="clearboth"></div>
    <label class="small text-muted">{{$current_balance}} pts</label>
    <div class="clearboth"></div>
    <label class="small text-muted mt-3">Membership level</label>
    <div class="clearboth"></div>
    <label class="small text-muted">@if($data->user_plan){{$data->user_plan->name}}@endif</label>
  </div>
</div>
<div class="row">
  <div class="col-md-12 mt-5">
    <form id="updateUser">
      @csrf
      <input type="hidden" id="user_uuid" name="user_uuid" value="{{$data->uuid}}" readonly>
      <label class="small text-muted">Name</label> 
      <div class="clearboth"></div>
      <label class="lblprofilebind">{{ucfirst($data->fname)}} {{ucfirst($data->lname)}}</label>
      <div class="clearboth"></div>
      <label class="small text-muted">Role</label>
      <div class="clearboth"></div>
      <label class="lblprofilebind">{{ucfirst($data->role)}}</label>
      <div class="clearboth"></div>
      @if(!is_null($data->guardian_email))
        <label class="small text-muted">Account Type</label>
        <div class="clearboth"></div>
        <label class="lblprofilebind">Minor (Guardian: {{$data->guardian_email}})</label>
        <div class="clearboth"></div>
        @if(!is_null($data->guardian_consent_at))
        <label class="small text-success">Consent is provided by guardian at {{date('Y-m-d h:i A', strtotime($data->guardian_consent_at))}} from this IP {{$data->guardian_consent_ip}}</label>
        @else
        <label class="small text-danger">Consent is not provided by guardian.</label>
        @endif
      @endif
      <div class="clearboth mb-3"></div>
      @if($user_permissions)
      <label class="small text-muted mt-2">Existing Permission(s)</label>
      <div class="clearboth"></div>
      <label class="lblprofilebind">
        <ul>
          @foreach($user_permissions as $per)
          <li class="small">{{$per['location']}}
            <ul>
              @foreach($per['roles'] as $role)
              <li class="small">{{$role}}</li>
              @endforeach
            </ul>
          </li>
          @endforeach
        </ul>
      </label>
      <div class="clearboth"></div>
      @endif
      <label class="small text-muted mt-2">Add Permission(s)</label>
      <div class="clearboth"></div>
      <div class="row mb-2">
        <div class="col-md-6 position-relative">
          <select class="form-control" name="location">
            <option value="">Select Location</option>
            @if(in_array(auth()->user()->role,['super-admin','admin']))
            <option value="all">Change Role</option>
            @endif
            @foreach($location as $key=>$val)
            <option value="{{$key}}">{{$val}}</option>
            @endforeach
          </select>
          <i class="bi bi-caret-down-fill searchicon"></i>
        </div>
        <div class="col-md-6 position-relative">
          <select class="form-control" name="role" data-done-button="true" multiple></select>
          <i class="bi bi-caret-down-fill searchicon"></i>
        </div>
      </div>
      <div class="clearboth"></div>
      <div class="position-relative mb-2">
        <input id="btn_addpermission" type="button" class="btn btn-primary mb-2 mt-4" value="Add Permission">
      </div>
      <div class="clearboth"></div>
      <label class="small text-muted mt-4">Add points</label>
      <div class="clearboth"></div>
      <div class="row mb-2">
        <div class="col-md-6">
          <input type="text" class="form-control" name="points" placeholder="Add points">
        </div>
        <div class="col-md-6">
          <input id="btn_addpoints" type="button" class="btn btn-primary" value="Add Points">
        </div>
      </div>
      <div class="clearboth"></div>
      <label class="small text-muted mt-4">Status</label>
      <div class="clearboth"></div>
      <label class="lblprofilebind txt-status">
        @if($data->status==0 || $data->status==1)<span class="txtDenied">Pending Approval</span>
        @elseif($data->status==2)<span class="txtApproved">Approved</span>
        @elseif($data->status==3)<span class="txtDenied">Denied</span>
        @elseif($data->status==4)<span class="txtDenied">Suspended</span>
        @elseif($data->status==5)<span class="txtDenied">Blocked</span>
        @elseif($data->status==6)<span class="txtDenied">Deactivate account</span>
        @endif
      </label>
    </form>
  </div>
</div>
<div class="row mt-3 usraction">
  @if($data->status!=2)
  @if(empty($data->deleted_user_id))
  <div class="col-md-5">
    <input type="button" class="btn btn-success btnappaction w-100 mb-2 btn-primary" data-type="muser" data-action="2" value="Make Active">
  </div>
  @endif
  @endif
</div>
<div class="row mt-3">
  <div class="col-md-12">
    <label class="small text-muted">
      @if($privacy)
      <span class="text-success">
      Privacy Policy Accepted at {{date('Y-m-d h:i A', strtotime($privacy->privacy_policy_accepted_at))}} from this IP {{$privacy->privacy_policy_accepted_ip}}
      </span>
      @else 
      <span class="text-danger">Privacy policy not accepted.</span>
      @endif
    </label>
  </div>
</div>

<div class="row mt-3">
  <div class="col-md-12">
    <label class="small text-muted">
      @if($terms)
      <span class="text-success">
      Terms & Services Accepted at {{date('Y-m-d h:i A', strtotime($terms->terms_accepted_at))}} from this IP {{$terms->terms_accepted_ip}}
      </span>
      @else 
      <span class="text-danger">Terms & Services not accepted.</span>
      @endif
    </label>
  </div>
</div>

<div class="modal fade" id="ActionModal" tabindex="-1" aria-labelledby="ActionModal" aria-hidden="true"></div>

<div class="row mt-3 pt-4 pb-4" style="background-color: #dedede;">
  @if($data->status!=6)
  <div class="col-md-6">
    <button type="button" class="btn btn-primary btn_action w-100" data-action="6">Deactivate account</button>
  </div>
  @endif
  @if(empty($data->deleted_user_id))
  <div class="col-md-6">
    <button type="button" class="btn btn-primary btn_action w-100" data-action="7">Delete personal data</button>
  </div>
  <div class="col-md-10 mt-2">
    <button type="button" class="btn btn-primary btn_action w-100" data-action="8">Anonymize transactional data</button>
  </div>
  @endif
</div>
@else
<div align="center">No data found</div>
@endif
<script>
$(document).ready(function(){
  $(document).off('click.userEditAction', '.btn_action').on('click.userEditAction', '.btn_action', function(){
    var uuid = $('#user_uuid').val();  
    var action = $(this).data('action');
    $.ajax({
      url: APP_URL + '/action-modal-content',
      method: 'POST',
      data: {_token: _token, action: action, uuid:uuid},
      success: function(res){
        if(res.status){
          $('#ActionModal').html(res.content);
          $('#ActionModal').modal('show');
        }
      },
      error: function(res){
        ajax_error(res);
      }
    });
  });

  $(document).off('click.userEditActionSubmit', '.btn_actionsubmit').on('click.userEditActionSubmit', '.btn_actionsubmit', function(){
    var action = $('input[name="action"]').val();
    $.ajax({
      url: APP_URL + '/user-app-action',
      method: 'POST',
      data: $('#action_form').serialize(),
      success: function(res){
        if(res.status){
          $('#ActionModal').modal('hide');
          $("#alertMsg .pagemsgcontent").html('<div class="alert alert-success">Action implemented successfully.</div>');
          $("#alertMsg").modal("show");
          window.location.reload();
        }
      },
      error: function(res){
       ajax_error(res);
      }
    });
  });
});
</script>