@extends('user_layout')
@section('content')
<!-- Content Header (Page header) -->
<!-- Main content -->
<div class="content-header">

</div>
<!-- /.content-header -->

<section class="content">
  <div class="row">
    <div class="col-12">
      <div class="card">
        <!-- /.card-header -->
        <div class="card-body">
          <div class="row">
            <!-- left column -->
            <div class="col-md-12">
              <!-- jquery validation -->
              <div class="card card-default">
                <div class="card-header">
                  <div class="row">
                    <div class="col-md-10">
                      <h3>{{$page_title}}</h3>
                    </div>
                    <div class="col-md-2 float-right text-right">
                      <a class="btn btn-sm btn-primary" href="{{url('users')}}">Back To List</a>
                     </div>
                  </div>
                </div>

                <!-- /.card-header -->
                <!-- form start -->
                <form role="form" id="user_form" name="user_form" method="post">
                  <input type="hidden" name="id" id="id" value="{{$row->id}}">
                  <div class="card-body">
            <div class="form-group">
              <label for="Name">First Name</label>
              <input type="text" name="firstname" id="firstname" value="{{$row->firstname}}" placeholder="Enter First Name" class="form-control">
            </div>

            <div class="form-group">
              <label for="Name">Last Name</label>
              <input type="text" name="lastname" id="lastname" value="{{$row->lastname}}" placeholder="Enter Last Name" class="form-control">
            </div>


            <div class="form-group">
              <label for="exampleInputEmail1">Login Username/Email address</label>
              <input type="email" name="email" value="{{$row->email}}" class="form-control" id="email" placeholder="Enter email">
            </div>

  <div class="form-group">
    <label for="exampleInputPassword1">Password <a href="javascript:void(0)" data-toggle="tooltip" title="Should have At least one Uppercase letter.
At least one Lower case letter.
Also,At least one numeric value And
Must be more than 8 characters long">?</a></label>
    <div class="row">
    <div class="col-md-8">
      @if($row->id>0)
      <input type="text" name="password" value="" class="form-control" id="password" placeholder="********">
      @else
      <input type="text" name="password" value="{{$row->password}}" class="form-control" id="password" placeholder="Password">
      @endIf
    </div>
    <div class="col-md-4">
      <a class="btn btn-sm btn-primary" href="javascript:void(0)" id="generate-password">Generate New Password</a>
    </div>
  </div>
  </div>

            <div class="form-group">
              <label for="exampleInputEmail1">Role</label>
              <select name="role" id="role" class="form-control">
                @foreach($roles as $role)
                  <option value="{{$role->id}}" selected=selected>{{$role->name}}</option>
                @endForeach
              </select>
            </div>


            <div class="form-group">
              <label for="Time Zone">Time Zone</label>
                <select class="form-control" name="timezone" id="timezone">
                    @foreach($tzlist as $tzlist)
                    <option selected=selected value="{{$tzlist['zone']}}">{{$tzlist['diff_from_GMT'] . ' - ' . $tzlist['zone']}}</option>
                    @endForeach
                </select>
            </div>

            <div class="form-group">
              <label for="exampleInputEmail1">Status</label>
              <select name="status" id="status" class="form-control">
                <option value="Active" >Active</option>
                <option value="Deactive" >Deactive</option>
              </select>
            </div>


                  </div>
                  <!-- /.card-body -->
                  <div class="card-footer text-right">
                    @if(in_array('users/form',Session::get('permissions')))
                    <button class="btn btn-primary col-md-3" type="button" id="save-user"><span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>&nbsp;Save</button>
                    @endIf
                  </div>
                </form>
              </div>
              <!-- /.card -->
              </div>
            <!--/.col (left) -->
            <!-- right column -->
            <div class="col-md-6">

            </div>
            <!--/.col (right) -->
          </div>

        </div>
        <!-- /.card-body -->
      </div>
      <!-- /.card -->


    </div>
    <!-- /.col -->
  </div>
  <!-- /.row -->


</section>
<!-- /.content -->
<!-- Script Files -->
@include('layouts.scripts')
@if(!in_array('users/form',Session::get('permissions')))
<script type="text/javascript">
  $('#user_form').find('input, textarea, button, select').attr('disabled','disabled');
</script>
@endIf
<!-- End Scripts -->
@endsection