@extends('tenant.layouts.supervisor-wfm')

{{--Tilte Section--}}
@section('title', 'Reset Password')

{{--Style Section--}}
@section('style')
    <!-- Css file for summernote js plugins  -->
<style>

</style>

@endsection

{{--Content Section--}}
@section('content')

<div class="container-fluid px-5">
    <!-- Shift managment start -->
    <div class="row p-3">
      <div class="card card shadow p-3   rounded border border-0">
          <div class="card-body" style="padding: 6px 10px 6px 10px;">

            <div class="row">

              <div class="col-sm-10 p-2">
                <div><h4><span>    <img src="{{asset('img/WFM/nav_menu_Icons/fill/rtm.png')}}" alt="" style="width: 3%; margin-right:1%;" >Reset My Password</h4></div>
                <div id="fontStyle" >Lorem ipsum dolor sit amet consectetur adipisicing elit. Delectus</div>
              </div>

              <div class="col-sm-2 p-2" style="margin: auto;">

                <button id="button" type="button"  class="btn btn-success plusButton" data-toggle="modal" data-target="#ResetPassword" >Reset Password</button>
              </div>
            </div>
          </div>
        </div>
      </div>

    <!-- Table start -->

    <!-- Edit popup start-->
    <div class="modal fade" id="ResetPassword" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true" >
      <div class="modal-dialog modal-dialog-centered" role="document"   >
        <div class="modal-content" >
          <div class="modal-header" id="modalHeader">
            <h5 class="modal-title" id="exampleModalLongTitle">Reset Password</h5>

            <i aria-hidden="true" type="button" data-bs-dismiss="modal" aria-label="Close"><img width="35px" src="{{asset('img/remove.png')}}" alt="" ></i>

          </div>
          <div class="modal-body">
            <form>
              <div class="form-group">
                <label for="exampleInputEmail1"><h6 id="fontStyle" >password</h6></label>
                <input type="password"  class="form-control" id="password" placeholder="" style="border: 1px solid rgb(172, 172, 172);padding: 10px;border-radius: 10px;">
              </div>

            </form>
          </div>

          <div style="text-align: center; margin: 7% 0% 6% 0%;" >
          <button type="button" id="submitButton" class="btn" >Submit</button>
          <button type="button" id="closeButton"  class="btn" data-dismiss="modal" >Close</button>
        </div>
        </div>
      </div>
    </div>
    <!-- Edit popup end-->

</div>


@endsection

{{--Script Section--}}
@section('script')
<script>


</script>

@endsection