@extends('layout.app')

@section('content')
<div class='clearfix'></div>
<div class="row mt-5 mb-5">
    <div class="col-1"></div>
    <div class='col-3'>
        <h5 class="card-title">Navigation</h5>
        <ul class="nav flex-column">
            <li class="nav-item">
                <a class="nav-link active" href="/admin">Account Management</a>
                <hr>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="/report-managements">Posts Management</a>
                <hr>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="/meeting-managements">Annual General Meeting Management</a>
                <hr>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="/annual-report-managements">Annual Report Management</a>
            </li>
        </ul>
    </div>
    <div class="col-7">
        <h5 class='h5'>Account Management</h5>
        <div class='card-content'>
            <div class='table-responsive'>
                <table class="table">
                    <thead>
                        <tr>
                            <th>Name</th>
                            <th>Email</th>
                            <th>Date</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($users as $user)
                            <tr>
                                <td>{{$user->name}}</td>
                                <td>{{$user->email}}</td>
                                <td>{{$user->created_at}}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        <hr>
        <form method="POST" action='/change-password'>
            @csrf
            <div class="form-group">
                <label>New Password</label>
                <input type="password" class="form-control" name="password" placeholder="New Password">
            </div>
            <div class="form-group">
                <label>Repeat New Password</label>
                <input type="password" class="form-control" name="new_password" placeholder="Repeat New Password">
            </div>
            <button class="btn btn-info" type="submit">Update</button>
        </form>
    </div>
    <div class='col-1'></div>
</div>
<div class="clearfix"></div>
@endsection