@extends('layouts.admin')
<link rel="stylesheet"
          href=
"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css" />
    <link rel="stylesheet"
          href=
"https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
          integrity=
"sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"
          crossorigin="anonymous">
@section('content')
<div class="page-heading">
  <div class="page-title">
      <div class="row">
          <div class="col-12 col-md-6 order-md-1 order-last">
              <h3>Admin User Details</h3>
              <p class="text-subtitle text-muted">Here you can view the Admin User</p>
          </div>
          <div class="col-12 col-md-6 order-md-2 order-first">
              
          </div>
      </div>
  </div>

  <!-- Basic Tables start -->
  <section class="section">
      <div class="card">
        <form class="p-5 my-5" action="{{ route('updateAdmin', $user->id) }}" method="post">
            @method("PUT")
            @csrf
            <div class="mb-3">
                <label for="exampleInputEmail1" class="form-label">Name</label>
                <input type="text" name="name" class="form-control" id="exampleInputEmail1" value="{{ $user->name }}">
            </div>
            <div class="d-flex-wrap justify-content-between">
                <div class="row">
                    <input type="hidden" name='nasID' value="{{ $user->id }}">
                    <div class="mb-3 col-6">
                        <label for="text" class="form-label">Email Address</label>
                        <input type="text" name="email" class="form-control" id="text" value='{{ $user->email }}'>
                    </div>
                    <div class="mb-3 col-6">
                                <label for="text" class="form-label">Passowrd:</label>
                                <input class="form-control" name="password" type="password" name="password" id="password" value="{{$user->password}}"/>
                                <span>
                                    <i class="bi bi-eye-slash" id="togglePassword"></i>
                                    <div id="emailHelp" class="form-text">Reveal Password.</div>
                                </span>
                    </div>
                    <!-- <input type='hidden' class="form-control" id="message-text" name="franchise_id" value="{{ Auth::id() }}"></input> -->

                </div>
            </div>
            <button type="submit" class="btn btn-primary">Submit</button>
        </form>
      </div>

      

  </section>
  <script>
        const togglePassword = document
            .querySelector('#togglePassword');
        const password = document.querySelector('#password');
        togglePassword.addEventListener('click', () => {
            // Toggle the type attribute using
            // getAttribure() method
            const type = password
                .getAttribute('type') === 'password' ?
                'text' : 'password';
            password.setAttribute('type', type);
            // Toggle the eye and bi-eye icon
            this.classList.toggle('bi-eye');
        });
    </script>
  <!-- Basic Tables end -->
</div>
@endsection