@extends('layouts.admin')

@section('content')
  <div class="row">
    <div class="col-xs-12 col-sm-7 col-md-7 col-lg-4">
      <h1 class="page-title txt-color-blueDark">
        <i class="fa fa-table fa-fw "></i> 
          Table 
        <span>> 
          User
        </span>
        <span>> 
          Form
        </span>
      </h1>
    </div>
    <div class="col-xs-12 col-sm-5 col-md-5 col-lg-8">
        <a class="btn btn-primary pull-right" href="/admin/users/create">
          <i class="fa fa-plus"></i> 
          Add New
        </a>
    </div>
  </div>

<!-- widget grid -->

    <section id="widget-grid" class="">        
      <!-- row -->
      <div class="row">
    
        <!-- NEW WIDGET START -->
        <article class="col-sm-12 col-md-12 col-lg-12">
    
          <!-- Widget ID (each widget will need unique ID)-->
          <div class="jarviswidget" id="wid-id-0" data-widget-colorbutton="false" data-widget-editbutton="false">
            <header>
              <span class="widget-icon"> <i class="fa fa-eye"></i> </span>
              <h2>User Form</h2>
    
            </header>
    
            <!-- widget div-->
            <div>
    
              <!-- widget edit box -->
              <div class="jarviswidget-editbox">
                <!-- This area used as dropdown edit box -->
    
              </div>
              <!-- end widget edit box -->
    
              <!-- widget content -->
              <div class="widget-body">
                @if(empty($user))
                <form class="form-horizontal" method="POST" action="{{route('admin.users.store')}}">
                  {{ csrf_field() }}
                  <fieldset>
                    <div class="form-group">
                      <label class="col-md-2 control-label">Name</label>
                      <div class="col-md-7">
                        <input class="form-control" placeholder="Name" type="text" name="name" required>
                      </div>
                    </div>  
                    <div class="form-group">
                      <label class="col-md-2 control-label">Email</label>
                      <div class="col-md-7">
                        <input class="form-control" placeholder="Email" type="email" name="email" required>
                      </div>
                    </div>  
                    <div class="form-group">
                      <label class="col-md-2 control-label">Password</label>
                      <div class="col-md-7">
                        <input class="form-control" placeholder="Password" type="password" name="password" required>
                      </div>
                    </div>  
                    <div class="form-group">
                      <label class="col-md-2 control-label">Phone</label>
                      <div class="col-md-7">
                        <input class="form-control" placeholder="Phone" type="text" name="phone">
                      </div>
                    </div>  
                    <div class="form-group">
                      <label class="col-md-2 control-label">Gender</label>
                      <div class="col-md-7">
                        <select class="form-control" name="gender">
                          <option value="M">Male</option>
                          <option value="F">Female</option>
                        </select>
                      </div>
                    </div>     
                    <div class="form-group">
                      <label class="col-md-2 col-xs-12 control-label">Role</label>
                      <div class="col-md-7 col-xs-12">
                        <select name="role_id" id="pet-select" class="form-control">
                          @foreach($roles as $role)
                            <option value="{{$role->id}}">{{$role->name}}</option>
                          @endforeach
                        </select>

                      </div>
                    </div>             
                  </fieldset>
                  
                  <div class="form-actions">
                    <div class="row">
                      <div class="col-md-12">
                        <button class="btn btn-default" type="button" onclick="window.history.back();">
                          Cancel
                        </button>
                        <button class="btn btn-primary" type="submit" return="false">
                          <i class="fa fa-save"></i>
                          Save
                        </button>
                      </div>
                    </div>
                  </div>
    
                </form>
                @else
                  <form class="form-horizontal" method="POST" action="{{route('admin.users.update', $user)}}">
                  <input name="_method" type="hidden" value="PUT">
                  {{ csrf_field() }}
                  <fieldset>
                   <div class="form-group">
                      <label class="col-md-2 control-label">Name</label>
                      <div class="col-md-7">
                        <input class="form-control" placeholder="Name" type="text" name="name"  value="{{$user->name}}" required>
                      </div>
                    </div>  
                    <div class="form-group">
                      <label class="col-md-2 control-label">Email</label>
                      <div class="col-md-7">
                        <input class="form-control" placeholder="Email" type="email" name="email"  value="{{$user->email}}"required>
                      </div>
                    </div>  
                    <div class="form-group">
                      <label class="col-md-2 control-label">New Password</label>
                      <div class="col-md-7">
                        <input class="form-control" placeholder="Password" type="password" name="password">
                      </div>
                    </div>  
                    <div class="form-group">
                      <label class="col-md-2 control-label">Phone</label>
                      <div class="col-md-7">
                        <input class="form-control" placeholder="Phone" type="text" name="phone"  value="{{$user->phone}}">
                      </div>
                    </div>  
                    <div class="form-group">
                      <label class="col-md-2 control-label">Gender</label>
                      <div class="col-md-7">
                        <select class="form-control" name="gender">
                          <option value="M" @if($user->gender=="M") selected @endif>Male</option>
                          <option value="F" @if($user->gender=="F") selected @endif>Female</option>
                        </select>
                      </div>
                    </div> 
                    @if(isset(Auth::user()->role->name) && Auth::user()->role->name=="Admin")
                    <div class="form-group">
                      <label class="col-md-2 col-xs-12 control-label">Role</label>
                      <div class="col-md-7 col-xs-12">
                        <select name="role_id" id="pet-select" class="form-control">
                          @foreach($roles as $role)
                            <option value="{{$role->id}}" @if($user->role_id==$role->id) selected @endif>{{$role->name}}</option>
                          @endforeach
                        </select>

                      </div>
                      @endif
                    </div>                     
                  
                  </fieldset>
                  
                  <div class="form-actions">
                    <div class="row">
                      <div class="col-md-12">
                        <button class="btn btn-default" type="button" onclick="window.history.back();">
                          Cancel
                        </button>
                        <button class="btn btn-primary" type="submit">
                          <i class="fa fa-save"></i>
                          Save
                        </button>
                      </div>
                    </div>
                  </div>
    
                </form>
                @endif   
              </div>
              <!-- end widget content -->
    
            </div>
            <!-- end widget div -->
    
          </div>
          <!-- end widget -->
    
          
          <!-- end widget -->
    
        </article>
        <!-- WIDGET END -->
    
      </div>
      <!-- end row -->    
    
    
    </section>
    <!-- end widget grid -->

  </div>
  <!-- END MAIN CONTENT -->

</div>
<!-- END MAIN PANEL -->

   
@endsection