@extends('dashboard.layouts.app',['name' => 'Profile'])
@section('content')
    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <div class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <h1 class="m-0">Manage Profile</h1>
                    </div><!-- /.col -->
                    <div class="col-sm-6">
                        <ol class="breadcrumb float-sm-right">
                            <li class="breadcrumb-item"><a href="{{url('/dashboard/index')}}">Dashboard</a></li>
                            <li class="breadcrumb-item"><a>Profile</a></li>
                        </ol>
                    </div><!-- /.col -->
                </div><!-- /.row -->
            </div><!-- /.container-fluid -->
        </div>
        <!-- /.content-header -->

        <!-- Main content -->
        <section class="content">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-4 mt-2">
                        <div class="px-lg-4 px-0">
                            <h3 class="text-lg font-medium text-gray-900">Profile Information</h3>
                            <p class="mt-1 text-sm text-gray-600">
                                Update your account's profile information and email address.
                            </p>
                        </div>
                    </div>
                    <div class="col-md-8 mt-2">
                        <form action="{{url('/user/profile-information')}}" method="post">
                            @csrf
                            <input type="hidden" name="_method" value="put" />
                            <div class="card card-info">
                                <div class="card-body">
                                    <div class="form-group">
                                        <label for="exampleInputEmail1">Name</label>
                                        <input type="name" class="form-control" name="name" id="name" value="{{\Illuminate\Support\Facades\Auth::user()->name}}" placeholder="Enter Name">
                                    </div>
                                    <div class="form-group">
                                        <label for="exampleInputEmail1">Email address</label>
                                        <input type="email" class="form-control" name="email" id="email" value="{{\Illuminate\Support\Facades\Auth::user()->email}}" placeholder="Enter email">
                                    </div>
                                </div>
                                <!-- /.card-body -->
                                <div class="card-footer">
                                    <button type="submit" class="btn btn-secondary">Save</button>
                                </div>
                            </div>
                        </form>

                        <!-- /.card -->
                    </div>

                    <div class="col-md-4 mt-3">
                        <div class="px-lg-4 px-0">
                            <h3 class="text-lg font-medium text-gray-900">Update Password</h3>

                            <p class="mt-1 text-sm text-gray-600">
                                Ensure your account is using a long, random password to stay secure.
                            </p>
                        </div>
                    </div>
                    <div class="col-md-8 mt-3">
                        <form action="{{url('/user/password')}}" method="post">
                            @csrf
                            <input type="hidden" name="_method" value="put" />
                            <div class="card card-info">
                            <div class="card-body">
                                <div class="form-group">
                                    <label for="exampleInputEmail1">Current Password</label>
                                    <input type="password" class="form-control" name="current_password" id="current_password" placeholder="Enter Current Password">
                                </div>
                                <div class="form-group">
                                    <label for="exampleInputEmail1">New Password</label>
                                    <input type="password" class="form-control" name="password" id="password" placeholder="Enter New Password">
                                </div>
                                <div class="form-group">
                                    <label for="exampleInputEmail1">Confirm Password</label>
                                    <input type="password" class="form-control" name="password_confirmation" id="password_confirmation" placeholder="Enter New Password To Confirm">
                                </div>
                            </div>
                            <!-- /.card-body -->
                            <div class="card-footer">
                                <button type="submit" class="btn btn-secondary">Update</button>
                            </div>
                        </div>
                        </form>
                        <!-- /.card -->
                    </div>
                </div>
            </div><!-- /.container-fluid -->
        </section>
        <!-- /.content -->
    </div>
    <!-- /.content-wrapper -->
@endsection