@extends('adminlayout.admin')
@section('content')
<style >
    .cursor{
    cursor: pointer;
    }
    .nk-content-fluid{
    margin-top: 65px;
    position: relative;
    }
     .card-shadows {
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    margin-top: 15px;
    border-radius: 4px;
}
</style>
<div class="content-wrapper">
<section class="content-header" style="float:right;">
        <a href="{{route('create_employee')}}" class="dropdown-toggle btn btn-lg btn-info"><i class="fa fa-fw fa-plus"></i>Add </a>
</section>
<section class="content">

<div class="row">
      <div class="col-xs-12">		 
        <!-- /.card -->       
        <div class="box box-success">
		<div class="box-header">
            <h3 class="box-title">Employee List</h3>
			   
			   <div class="nk-block-des text-soft">
                            @if($errors->any())
                            <p class="text-danger">
                                {{ implode('', $errors->all(':message')) }}
                            </p>
                            @endif                          
                </div>
          </div>
    
       <div class="box-body">
            <div class="table-responsive"> 
			 <div id="supplier-supplier-list_wrapper" class="dataTables_wrapper form-inline dt-bootstrap">
                    <table id="example1" class="table table-bordered table-striped table-responsive">
                        <thead>
                            <tr>
                                <th>S.no</th>
                                <th>User Id</th>
                                <th>Name</th>
                                <th>Email</th>
                                <th>Phone No.</th>
                                <th>Password</th>
                                <th>Status</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @php 
                            $i=1;
                            @endphp
                            @foreach($employees as $data)
                            <tr id="{{$data->id}}">
                                <td>{{$i++}}</td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td>{{($data->status) == 1 ? 'Active' : 'Inactive'}} </td>
                                <td>
                                    <button class="btn btn-{{$data->status == 1 ? 'danger' : 'success'}} change-status-list" data-id='{{$data->id}}' status="{{$data->status}}" url="{{url()->current()}}" table="users" data-toggle="tooltip" data-placement="top" title="{{$data->status == 1 ? 'Inactive' : 'Active'}}"> <i class="fa fa-{{$data->status==1 ? 'times' : 'check'}}"></i></button>
                                    <a href="{{ route('edit_employee',Crypt::encrypt($data->id)) }}" class="btn btn-primary" data-toggle="tooltip" data-placement="top" title="Edit Employee"> <i class="fa fa-edit"></i></a>
                                    <a href="{{ route('edit_employee_permission',Crypt::encrypt($data->id)) }}" class="btn btn-primary" data-toggle="tooltip" data-placement="top" title="Edit Permission"> <i class="fa fa-edit"></i></a>
                                    <a id="edit-supplier" class="btn btn-info" href="#" data-toggle="modal" data-target="#cng_password-{{$data->id}}" title="  Edit">
                    Change Password<i class="fa fa-fw fa-edit"></i> </a>
                            <!-- Change password Modal -->
          <div class="modal fade" id="cng_password-{{$data->id}}" tabindex="{{$data->id}}" role="dialog" aria-labelledby="add_productLabel" aria-hidden="true">
            <div class="modal-dialog" role="document">
              <div class="modal-content">
                <div class="modal-header">
                  <h5 class="modal-title" style="text-align: center!important;" id="add_productLabel">Change Password</h5>
                  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                  </button>
                </div>
                  <form action="{{route('updateemployeeaccount')}}" method="post">
                                @csrf

                <div class="modal-body">
                 <div class="row">
                    <div class=" col-sm-12 col-md-12 ">
                    <label for="p_name" class="control-label">
                    Change Passcode<i class="required">*</i>
                    </label>
                    <input name="id" type="hidden" value="{{$data->id}}">
                    <input name="password" autocomplete="new-password" type="password"  class="form-control form-control-lg" required id="password" placeholder="Enter your Password..">
                                            <input type="hidden" name="url" value="{{url()->current()}}">

                  </div>
                   
                  

                 </div>
                
                </div>
                <div class="modal-footer" style="text-align: center;">
                  <button type="submit" class="btn btn-lg btn-primary">Change  Password</button>
                  <a href="#" data-dismiss="modal" class="link link-light">Cancel</a>
                  <!-- <button class="btn btn-lg btn-info" name="submit" data-loading-text="Processing...">
                    <i class="fa fa-fw fa-save"></i>
                      Submit        </button> -->
                </div>
                </form>
              </div>
            </div>
           <br>
          </div>

                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                <!-- /.card-body -->
            </div>
            <!-- /.card -->
        </div>
        <!-- /.col -->
	  </div>	
     </div>
	</div>
   </section>
</div>
@endsection