@extends('layouts.admin')
@section('header_style')
	<link href="{{asset('assets/plugins/datatables/datatables.min.css')}}" rel="stylesheet" type="text/css"/>
	<link href="{{asset('assets/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css')}}" rel="stylesheet"      type="text/css"/>
	<link href="{{asset('assets/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css')}}" rel="stylesheet"      type="text/css"/>
	<style type="text/css">
		td { 
			font-size: 14px !important; 
		}
	</style>
@endsection
@section('content')
<form method="POST" enctype="multipart/form-data" action="{{route('cpw.update')}}">
	@csrf
<div class="top-baar">
    <nav class="navbar navbar-expand-lg navbar-light bg-light">
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="nav nav-tabs">
                <div class="Save"><button type="submit" class="btn btn-success" style="float: right;padding-right: 20px;padding-left: 20px;margin-right: 10px;">SAVE</button></div>
            </ul>
        </div> 
    </nav>   
</div>
<div class="d-flex justify-content-center" style="padding-left: 20px;">
	<h3>Update Password</h3>
		<div class="col-12 px-0">
			<div class="form-group row my-0 pt-5">
				<label class="col-sm-2 form-label pt-1 text-left">Username :</label>
				<div class="col-sm-3 mb-3 mr-5">
					<input autocomplete="off" type="text" name="name" id="name" class="form-control" value="{{$user[0]->name}}" required>
					<input autocomplete="off" type="hidden" name="u_id" id="u_id" class="form-control" value="{{auth()->user()->id}}" required>
				</div>
			</div>
			<div class="form-group row my-0">
				<label class="col-sm-2 form-label pt-1 text-left">Email :</label>
				<div class="col-sm-3 mb-3 mr-5">
					<input autocomplete="off"  type="text" name="email" id="email" class="form-control" value="{{$user[0]->email}}">
				</div>
			</div>
			<div class="form-group row my-0">
	            <label class="col-sm-2 form-label pt-1 text-left">Password* :</label>
	            <div class="col-sm-3 mb-3 mr-5">
	                <input autocomplete="off" required type="password" name="pw" id="pw" class="form-control" value="{{$user[0]->pw}}">
	                <input type="checkbox" class="form-control" onClick="myFunction();">Show Password
	            </div>
	            <div class="mx-3">  
	            </div>
	        </div>
		</div>
	</form>
</div>

	
@endsection
@section('footer_script')
	<script src="{{asset('assets/scripts/datatable.js' )}}" type="text/javascript"></script>
	<script src="{{asset('assets/plugins/datatables/datatables.min.js' )}}" type="text/javascript"></script>
	<script src="{{asset('assets/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js' )}}"
			type="text/javascript"></script>
	<script src="{{asset('assets/plugins/jquery-validation/js/jquery.validate.min.js') }}"
			type="text/javascript"></script>
	<script src="{{asset('assets/plugins/jquery-validation/js/additional-methods.min.js') }}"
			type="text/javascript"></script>
	<script src="{{asset('assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js' )}}"
			type="text/javascript"></script>
	<script src="{{asset('assets/scripts/pages/booking/booking.js') }}" type="text/javascript"></script>
	<script type="text/javascript">
		function myFunction() {
          var x = document.getElementById("pw");
          if (x.type === "password") {
            x.type = "text";
          } else {
            x.type = "password";
          }
        }
	</script>

@endsection