@extends('admin.layouts.master')
@section('styles')
@endsection
@section('contents')
 <div class="content-wrapper">
    <div class="page-header">
      <h3 class="page-title">Sub Admin</h3>
      <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
          <li class="breadcrumb-item"><a href="#">Dashboard</a></li>
          <li class="breadcrumb-item active" aria-current="page"> Sub Admin/HR </li>
        </ol>
      </nav>
    </div>
    <div class="row">
      
      <div class="col-lg-12 grid-margin stretch-card">
        <div class="card">
          <div class="card-body">
            <h4 class="card-title">Sub Admin/HR </h4>
            <button class="btn btn-success btn-fw" onclick="addMember()"> Add Admin/HR </button>
            <div class="table-responsive">
              <table class="table table-striped">
                <thead>
                  <tr>
                    <th>Title</th>
                    <th>Role</th>
                    <th>Name</th>
                    <th>Email</th>
                    <th>Mobile</th>
                    <th>Action</th>
                  </tr>
                </thead>
                <tbody>
                  @if(count($admin)>0)
                  @foreach($admin as $key=>$value)
                    <tr>
	                    <td>{{$value->title}}</td>
	                    <td>{{$value->role}}</td>
	                    <td>{{$value->name}}</td>
	                    <td>{{$value->email}}</td>
	                    <td>{{$value->mobile}}</td>
	                    <td>
	                    	<button type="button" class="btn btn-info btn-icon-text" onclick="editSubAdmin('{{$value->id}}','{{$value->title}}','{{$value->role}}','{{$value->name}}','{{$value->email}}','{{$value->mobile}}','{{$value->employee}}','{{$value->leaves}}','{{$value->salary}}','{{$value->report}}','{{$value->notification}}')"> Edit <i class="mdi mdi-file-check btn-icon-append"></i></button>
                      </td>
            		</tr>
                  @endforeach
                  @else
                  <tr>
	              	<td colspan="5" style="text-align:center;">Data not Found</td>
	              </tr>  
	              @endif
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
     
    </div>
  </div>
<div class="modal modal-add fade show" id="modal-default" aria-modal="true" role="dialog" style="padding-right: 17px; display: none;">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<h4 class="modal-title">Add Admin / Hr</h4>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
				 <span aria-hidden="true">×</span>
				</button>
			</div>
			<div class="modal-body">
				<form action="{{route('sub-admin-save')}}" id="sub-admin-form" method="post" enctype="multipart/form-data">
					@csrf
					<div class="form-group">
						<div class="add-id">
						</div>
						
						<label for="recipient-name" class="control-label mb-10">Title *:</label>
						<select class="form-control all-clean" name="title" id="title"  required>
							<option value="">Please select Titile</option>
							<option value="Mr.">Mr.</option>
							<option value="Mrs.">Mrs.</option>
							<option value="M/s">M/s</option>
						</select>
					</div>
					<div class="form-group">
						<label for="recipient-name" class="control-label mb-10">Role *:</label>
						<select class="form-control all-clean" id="role" name="role" required>
							<option value="">Please select Role</option>
							<option value="Admin">Admin</option>
							<option value="Hr">Hr</option>
						</select>
					</div>
					
					<div class="form-group">
						<label for="recipient-name" class="control-label mb-10">Name *:</label>
						<input type="text" class="form-control all-clean" id="name" name="name" value="{{old('name')}}" placeholder="Please Enter Name" required>
					</div>
					<div class="form-group">
						<label for="recipient-name" class="control-label mb-10">Moblie *:</label>
						<input type="text" class="form-control all-clean" id="mobile" name="mobile" value="{{old('mobile')}}" placeholder="Please Enter mobile" required>
					</div>
					<div class="form-group">
						<label for="recipient-name" class="control-label mb-10">Email *:</label>
						<input type="text" class="form-control all-clean" id="email" name="email" value="{{old('email')}}" placeholder="Please Enter email" required>
					</div>
					<div class="row">
						<div class="col-md-12">
						<label for="recipient-name" class="control-label mb-10">Manage Options *:</label>
						</div>
						<div class="col-md-6">
							<div class="form-group">
								<div class="form-check col-lg-6" >
		                            <label class="form-check-label">
		                            <input type="checkbox" class="form-check-input all-clean" checked="" name="employee"> Employee <i class="input-helper"></i></label>
		                        </div>
		                    </div>
		                </div>
		                <div class="col-md-6">
							<div class="form-group">
								<div class="form-check col-lg-6" >
		                            <label class="form-check-label">
		                            <input type="checkbox" class="form-check-input all-clean" checked="" name="leaves"> Leaves <i class="input-helper"></i></label>
		                        </div>
		                    </div>
		                </div>
		                <div class="col-md-6">
							<div class="form-group">
								<div class="form-check col-lg-6" >
		                            <label class="form-check-label">
		                            <input type="checkbox" class="form-check-input all-clean" checked="" name="salary"> Salary <i class="input-helper"></i></label>
		                        </div>
		                    </div>
		                </div>
		                <div class="col-md-6">
							<div class="form-group">
								<div class="form-check col-lg-6" >
		                            <label class="form-check-label">
		                            <input type="checkbox" class="form-check-input all-clean" checked="" name="reporting"> Reporting <i class="input-helper"></i></label>
		                        </div>
		                    </div>
		                </div>
		                <div class="col-md-6">
							<div class="form-group">
								<div class="form-check col-lg-6" >
		                            <label class="form-check-label">
		                            <input type="checkbox" class="form-check-input all-clean" checked="" name="notification"> Notification <i class="input-helper"></i></label>
		                        </div>
		                    </div>
		                </div>
	            	</div>
				</form>
				
			</div>
			<div class="modal-footer justify-content-between">
				<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
				<button type="button" class="btn btn-primary" onclick="$('#sub-admin-form').submit()"><spam id="title-button">Add</spam></button>
			</div>
		</div>
	</div>
</div>       	
@endsection
@section('scripts')
<script>
	function addMember(){

		$('.add-id').html('');
		$('.all-clean').val('');
		$('#title-button').html('Admin');
		$('.modal-add').modal('toggle');
	}
	function editSubAdmin(id,title,role,name,email,mobile,employee,leaves,salary,report,notification) {
		$('.add-id').html('<input type="hidden" name="id" value="'+id+'">');
		$('#title').val(title);
		$('#role').val(role);
		$('#name').val(name);
		$('#email').val(email);
		$('#mobile').val(mobile);
		$('#title-button').html('Update');
		$('.modal-add').modal('toggle');
	}
</script>
@endsection