@extends('backend.employee.layouts.app')
@section('content')
    <div class="content-wrapper">

        <section class="content">
            <div class="container-fluid">

                <div class="row">
                    <div class="col-12">
                        <div class="row mt-2">
                            <div class="col-md-6">
                                <!-- general form elements -->
                                <div class="card card-primary">
                                    <div class="card-header">
                                        <h3 class="card-title">General Information</h3>
                                    </div>
                                    <!-- /.card-header -->
                                    <!-- form start -->
                                    <form role="form" method="POST" action="{{ route('employee.updateProfile') }}"
                                        enctype="multipart/form-data">
                                        @csrf
                                        <div class="card-body">
                                            <div class="form-group">
                                                <label for="exampleInputEmail1">Name</label>
                                                <input type="text" name="name" value="{{ Auth::user()->name }}"
                                                    class="form-control" id="" placeholder="Name">
                                            </div>

                                            <div class="form-group">
                                                <label for="exampleInputPassword1">Email</label>
                                                <input type="text" name="email" value="{{ Auth::user()->email }}"
                                                    class="form-control" id="" placeholder="Email">
                                            </div>
                                            <div class="form-group">
                                                <label for="exampleInputFile">File input</label>
                                                <div class="input-group">
                                                    <div class="custom-file">
                                                        <input type="file" name="image" class="custom-file-input"
                                                            id="exampleInputFile">
                                                        <label class="custom-file-label" for="exampleInputFile">Choose
                                                            file</label>
                                                    </div>



                                                </div>
                                                <img width="100" class="img-circle mt-1"
                                                    src="{{ asset('/uploads/profile') . '/' . auth()->user()->image }}"
                                                    alt="">
                                            </div>
                                            <button type="submit" class="btn btn-primary btn-block">Submit</button>
                                        </div>

                                    </form>
                                </div>
                            </div>

                            <div class="col-md-6">
                                <!-- general form elements -->
                                <div class="card card-primary">
                                    <div class="card-header">
                                        <h3 class="card-title">Change Password</h3>
                                    </div>


                                    <form id="ChangePassForm" action="{{ route('employee.passwordChanage') }}" method="POST">
                                        @csrf
                                        <div class="card-body">
                                            <div class="form-group">
                                                <label for="account-old-password">Old Password</label>
                                                <input type="password" required="required" class="form-control"
                                                    name="current_password" placeholder="Old Password">
                                                <div id="current_passworderr"></div>
                                            </div>
                                            <div class="form-group">
                                                <label for="account-new-password">New Password</label>
                                                <input type="password" name="new_password" class="form-control"
                                                    placeholder="New Password" required>
                                                <div id="new_passworderr"></div>
                                            </div>
                                            <div class="form-group">
                                                <label for="account-retype-new-password">Retype New
                                                    Password</label>
                                                <input type="password" name="new_confirm_password" class="form-control" required
                                                    placeholder="New Password">
                                                <div id="new_confirm_passworderr"></div>
                                            </div>

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


                                    </form>
                                </div>
                            </div>
                        </div><!-- /.row -->

                      </div>
                </div>

            </div>
        </section>
        <!-- /.content -->
    </div>
@endsection