@extends('layouts.app')
@section('content')
<!-- page-title -->
<div class="tf-page-title">
    <div class="container-full">
        <div class="heading text-center">Account Details</div>
    </div>
</div>
<!-- /page-title -->

<!-- page-cart -->
<section class="flat-spacing-11">
    <div class="container">
        <div class="row">
            <div class="col-lg-3">
                @include('account.menu')
            </div>
            <div class="col-lg-9">
                <form method="post" action="{{route('shop-bo.account.update')}}">
                    @csrf
                    @honeypot
                    <div class="my-account-content account-edit">
                        <div class="">
                            <form class="" id="form-password-change" action="#">
                                <div class="tf-field style-1 mb_15">
                                    <input class="tf-field-input tf-input" placeholder=" " type="text" id="property1" name="first name" value="{{auth()->user()->firstname}}" disabled>
                                    <label class="tf-field-label fw-4 text_black-2" for="property1">First name</label>
                                </div>
                                <div class="tf-field style-1 mb_15">
                                    <input class="tf-field-input tf-input" placeholder=" " type="text" id="property2" name="last name" value="{{auth()->user()->surname}}" disabled>
                                    <label class="tf-field-label fw-4 text_black-2" for="property2">Last name</label>
                                </div>
                                <div class="tf-field style-1 mb_15">
                                    <input class="tf-field-input tf-input" placeholder=" " type="email" id="property3" name="email" value="{{auth()->user()->email}}" disabled>
                                    <label class="tf-field-label fw-4 text_black-2" for="property3">Email</label>
                                </div>
                                <h6 class="mb_20">Password Change</h6>
                                <div class="tf-field style-1 mb_30">
                                    <input class="tf-field-input tf-input" placeholder=" " type="password" id="property5" name="password">
                                    <label class="tf-field-label fw-4 text_black-2" for="property5">New password</label>
                                </div>
                                <div class="tf-field style-1 mb_30">
                                    <input class="tf-field-input tf-input" placeholder=" " type="password" id="property6" name="password_confirmation">
                                    <label class="tf-field-label fw-4 text_black-2" for="property6">Confirm password</label>
                                </div>
                                <div class="mb_20">
                                    <button type="submit" class="tf-btn w-100 radius-3 btn-fill animate-hover-btn justify-content-center">Save Changes</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</section>
<!-- page-cart -->

<div class="btn-sidebar-account">
    <button data-bs-toggle="offcanvas" data-bs-target="#mbAccount" aria-controls="offcanvas"><i class="icon icon-sidebar-2"></i></button>
</div>
@endsection           
@section('page_script') 
@parent

<script>
    
    $(".account-menu.account-details").addClass('active')
</script>
@endsection                                  
<!-- App js -->