@extends('Admin.AdminMaster')
@section('content')
    @if (Session::has('success'))
        <div class="alert alert-success alert-dismissible fade show" role="alert">
            <strong>{{ Session('success') }}</strong>
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
        @endif
        @if (Session::has('danger'))
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
            <strong>{{ Session('danger') }}</strong>
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
        @endif
        <div class="col-12">
              <h3 class="mb-2 page-title">All Staffs</h3>
             <button style="position: absolute; top: 4.5%; right: 1.7%;;"
             type="button" class="btn mb-2 btn-success" data-toggle="modal" data-target="#varyModal" data-whatever="@mdo"> Add New Staff</button>
        </div>
        <div class="col-12">
             <div class="modal fade" id="varyModal" tabindex="-1" role="dialog" aria-labelledby="varyModalLabel" aria-hidden="true">
                <div class="modal-dialog mw-100 w-75" role="document">
                  <div class="modal-content">
                    <div class="modal-header">
                      <h5 class="modal-title" id="varyModalLabel">New Staff</h5>
                      <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                      </button>
                    </div>
                    <div class="modal-body col-md-12">
                      <form  action="{{ route('AdminRegisterUser') }}" method="POST" enctype="multipart/form-data"  class="container">
                        @csrf
                        <div class="row">
                        <div class="form-group col-md-12">
                          <label for="Email" class="col-form-label">Email:<span style="color: red">*</span></label>
                          <input class="form-control" name="Email" id="Email"  required>
                           <span style="color: red">
                            @error('Email')
                                {{ $message }}
                            @enderror
                        </span>
                        </div>
                        </div>
                        <div class="row">
                            <div class="form-group col-md-4">
                                <label for="Fname" class="col-form-label">First Name:<span style="color: red">*</span></label>
                                <input type="integer" class="form-control" name="Fname" id="Fname"  required>                        <span style="color: red">
                                  @error('Fname')
                                      {{ $message }}
                                  @enderror
                              </span>
                              </div>
                              <div class="form-group col-md-4">
                                <label for="Mname" class="col-form-label"> Middle Name:<span style="color: red">*</span></label>
                                <input class="form-control" name="Mname" id="Mname"  required>                        <span style="color: red">
                                  @error('Mname')
                                      {{ $message }}
                                  @enderror
                              </span>
                              </div>
                            <div class="form-group col-md-4">
                                <label for="Lname" class="col-form-label">Last Name:<span style="color: red">*</span></label>
                                <input class="form-control" name="Lname" id="Lname"  required>
                                <span style="color: red">
                                  @error('Lname')
                                      {{ $message }}
                                  @enderror
                              </span>
                              </div>
                            </div>
                            {{-- <div class="row"> --}}
                              {{-- <div class="form-group col-md-6">
                              <label for="Role" class="col-form-label">Role:<span style="color: red">*</span></label>
                                          <select class="custom-select col-md" id="Role" name="Role" >
                                              <option value="">Select Role</option>
                                              <option value="Admin">Admin</option>
                                              <option value="Accountant">Accountant</option>
                                              <option value="Secretary">Secretary</option>
                                              <option value="Valuer">Valuer</option>
                                              <option value="Architecture">Architecture</option>
                                              <option value="Attorney">Attorney(Wakili)</option>
                                              <option value="Marketing">Marketing</option>
                                              <option value="Staff">Staff</option>
                                           </select>
                                           <span style="color: red">
                                            @error('Role')
                                                {{ $message }}
                                            @enderror
                                        </span>
                                        </div> --}}
                        {{-- </div> --}}
                        <div class="row">
                          <div class="form-group col-md-4">
                            <label for="Phone" class="col-form-label">Phone:<span style="color: red">*</span></label>
                            <input type="number" class="form-control" name="Phone" id="Phone" required>

                             <span style="color: red">
                              @error('Phone')
                                  {{ $message }}
                              @enderror
                          </span>
                          </div>

                              <div class="form-group col-md-4">
                              <label for="Tittle" class="col-form-label">Staff Title:<span style="color: red">*</span></label>
                                         <input type="text" class="form-control" name="Tittle" id="Tittle" required>
                                           <span style="color: red">
                                            @error('Tittle')
                                                {{ $message }}
                                            @enderror
                                        </span>
                                        </div>
                              <div class="form-group col-md-4">
                            <label for="Image_name" class="col-form-label">Staff Passport Size:</label><br>
                                  <input type="file" name="Image_name" placeholder="Choose image" accept="image/*" id= "Image_name">
                                  <span style="color: red">
                                            @error('Image_name')
                                                <div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>
                                            @enderror
                                            </span>
                                        </div>
                             </div>
                        <div class="modal-footer">
                      <button type="button" class="btn mb-2 btn-secondary" data-dismiss="modal">Close</button>
                      <button type="submit" class="btn mb-2 btn-success">Submit</button>
                    </div>

                </form>
				</div>
                  </div>
                </div>
              </div>
			  </div>
              <div class="wrapper wrapper-content animated fadeInRight">
			<div class="row">
                <div class="col-lg-12">
                <div class="ibox ">
                    <div class="ibox-title">
                        <h5>All Staffs Details Table.</h5>
                        <div class="ibox-tools">
                            <a class="collapse-link">
                                <i class="fa fa-chevron-up"></i>
                            </a>
                            <a class="close-link">
                                <i class="fa fa-times"></i>
                            </a>
                        </div>
                    </div>
                    <div class="ibox-content">

                    <div class="table-responsive">
                      <table style="width:100%" class="table table-striped table-bordered table-hover dataTables-example">
                         <thead class="thead-light">
                          <tr>
                            <th>Email</th>
                            <th>First Name</th>
                            <th>Middle Name</th>
                            <th>Last Name</th>
                            <th>Phone</th>
                            <th>Status</th>
                            {{-- <th>Role</th> --}}
                            <th>Tittle</th>
                            <th>Image</th>
                            <th>Action</th>
                            <th>Reset Password</th>
                          </tr>
                        </thead>
                        <tbody>
                            @foreach ($user as $item)
                          <tr>
                            <td>{{ $item->Email }}</td>
                            <td>{{ $item->Fname }}</td>
                            <td>{{ $item->Mname }}</td>
                            <td>{{ $item->Lname }}</td>
                            <td>{{ $item->Phone }}</td>
                            <td>{{ $item->Status }}</td>
                            {{-- <td>{{ $item->Role}}</td> --}}
                            <td>{{ $item->Tittle}}</td>
                            <td><img style="height:2cm;width:2cm" src="assets/{{$item->Image_name}}" alt="image" onclick="window.open(this.src, '_blank');"></td>
                            <td>
                              <a class="fa fa-edit" style="color: rgb(0, 128, 90)"  href="{{ route('AdminEditUser',[encrypt($item->id)]) }}" class="btn mb-2 btn-primary" > Edit</a><br>
                              <a class="fa fa-trash-o" style="color: red" href="{{ route('AdminRemoveUser',[encrypt($item->id)]) }}"> Deactivate</a>
                          </td>
                          <td>
                              <a class="fa fa-key" style="color: rgb(0, 128, 90)"  href="{{ route('AdminResetPassword',[encrypt($item->id)]) }}" class="btn mb-2 btn-primary" > Reset Password</a>
                              </td>
                          </tr>
                          @endforeach
                        </tbody>
                      </table>
                    </div>
                  </div>
                </div> <!-- simple table -->
              </div> <!-- end section -->
            </div> <!-- .col-12 -->
          </div> <!-- .row -->
@endsection