@extends('layouts.master')
@section('content')
<div class="container">
  <div class="white-title mt45">
     <div class="row">
        <div class="col-xl-6" style="margin-top:7px;">
           <h3>User Add</h3>
        </div>
        <div class="col-xl-6" style="margin-top:7px;">
           <a class="btn btn-lg btn-round btn-extempore-edit-story btn-danger pull-right hidden-xs d-none d-sm-block retina-fix" href="{{url('admin/users')}}"><i class="fa fa-arrow-left"></i>&nbsp;&nbsp;Back to Users</a>
           <a class="btn btn-sm btn-round btn-extempore-edit-story btn-danger pull-right visible-xs d-block d-sm-none retina-fix" href="{{url('admin/users')}}"><i class="fa fa-arrow-left"></i>&nbsp;&nbsp;Back to Users</a>
        </div>
     </div>
  </div>
  @include('common.alerts')
  <div class="row extempore_no_margin main-panel main-panel-setting_">
     <div class="col-sm-12 main-panel-content mb-20" style="padding-top: 25px;">
        <form method="POST" action="{{url('admin/user-add')}}">
        <!--<form method="POST" action="{{url('ipn/jvzoo')}}">-->
           {!! csrf_field() !!}
           <input type="hidden" name="status" class="memberStatusValue" value="1">
           <!-- <input type="hidden" name="is_pro" class="isProValue"> -->
           <div class="content">
              <div class="row">
                 <div class="col-md-6">
                    <div class="form-group">
                       <label>Full Name</label>
                       <input type="text" value="{{ old('name') }}" name="name" class="form-control" />
                    </div>
                 </div>
                 <div class="col-md-6">
                    <div class="form-group">
                       <label>Email</label>
                       <input type="text" value="{{ old('email') }}" name="email" class="form-control" />
                    </div>
                 </div>
              </div>
              <div class="row">
              </div>
              <div class="row">
                 <div class="col-md-6">
                    <div class="form-group">
                       <label>Password</label>
                       <input type="password" value="" name="password" class="form-control" />
                    </div>
                 </div>
                 <div class="col-md-6">
                    <div class="form-group">
                       <label>Confirm Password</label>
                       <input type="password" value="" name="password_confirm" class="form-control" />
                    </div>
                 </div>
              </div>
              <!-- <div class="row mb-15">
                 <div class="col-md-1">
                    <label>Status</label><br>
                    <input type="checkbox" class="" value="1" name="status" id="">
                    Active
                 </div>
                 <div class="col-md-2">
                    <label>Package</label><br>
                    <input type="checkbox" class="" value="1" name="is_pro" id="">
                    Professional
                 </div>
                 <div class="col-md-9"> 
                 	  <div class="checkbox ">
  	                <label>
  	                	<input type="checkbox" class="memberStatus" data-toggle="toggle" data-id="" data-size="mini" data-onstyle="danger btn-fill" data-offstyle="default btn-fill">
  	                </label>
  	                <label>User Status</label><br>
  	              </div>
                 </div>
              </div> -->
                 


                 <!-- <div class="col-md-1"> 
                 	  <div class="checkbox " style="padding-left: 0px;">
  	                <label>
  	                	<input type="checkbox" class="isProSwitch" data-toggle="toggle" data-id="" data-size="mini" data-onstyle="danger btn-fill" data-offstyle="default btn-fill">
  	                </label>
  	              </div>
                 </div> -->
                 <!-- <div class="col-xs-2" style="padding-left: 0px;margin-left: -35px;margin-top: 2px;">
                 		<h5 style=" font-size: 14px;">Professional</h5>
                 </div> -->
                 

                  <div class="row">
                  <div class="col-md-6">
                      <div class="form-group">
                        <label>Funnel</label>
                        <select name="plan_id" class="form-control" > 
                          <option value="1">Free</option>
                          <option value="2">Commercial</option>
                          <option value="3">Pro</option>
                          <option value="4">Agency</option>
                          <option value="5">Reseller 1</option>
                          <option value="6">Reseller 2</option>
                        </select>
                      </div>
                  </div>
                  <div class="col-md-6">
                      <div class="form-group">
                        <label>Reseller Type</label>
                        <select name="is_reseller_type" class="form-control" > 
                          <option value="0" selected="">None</option>
                          <option value="1" >Reseller 20</option>
                          <option value="2">Reseller 50</option>
                        </select>
                      </div>
                  </div>
              </div>

              <div class="row mb-15">
                 	
                 <div class="col-md-1"> 
                 	  <div class="checkbox " style="padding-left: 0px;">
  	                <label>
  	                	<input type="checkbox" class="memberStatusSwitch" checked=""  data-toggle="toggle" data-id="" data-size="mini" data-onstyle="danger btn-fill" data-offstyle="default btn-fill">
  	                </label>
  	              </div>
                 </div>
                 <div class="col-xs-2" style="padding-left: 0px;margin-left: -35px;margin-top: 2px;">
                 		<h5 style=" font-size: 14px;">Member Status</h5>
                 </div>
             </div>
              </div>
              <div class="row">
                 <div class="col-md-6">
                    <button class="btn btn-extempore-write">Submit</button>
                 </div>
              </div>
           </div>
        </form>
     </div>
  </div>
</div>
@endsection
@section('scripts')
	<script type="text/javascript">
		$(document).ready(function() {
			// Status toggle
		   $('.memberStatusSwitch').change(function() {
		    	console.log('chane');
		     	var current = $(this);

		     	if(current.parent().hasClass('off')) {
			       $('.memberStatusValue').val(0);
			    } else {
			       $('.memberStatusValue').val(1);
			    }

		   });

		   $('.isProSwitch').change(function() {
		    	console.log('chane');
		     	var current = $(this);

		     	if(current.parent().hasClass('off')) {
			       $('.isProValue').val(0);
			    } else {
			       $('.isProValue').val(1);
			    }

		   });

		})
	</script>

@endsection