@extends('layouts.front')
@section('content')

<section class="for-header-space"></section>
<section class="section-content texture-body">
    <div class = "container-fluid">
        <div class="row">
            <div class="col-3 panel-group">
                <div class="panel panel-default panel-inner">
                    <div class = "panel-heading wow fadeInLeft">
                        <h3 class = "panel-title">
                            <a class="accordion-toggle" data-target="#collapse1" data-toggle="collapse" data-parent="#accordion1" href="javascript:void(0)"><i class="fa fa-angle-down"></i>Important Details</a>
                        </h3>
                    </div>
                    <div id="collapse1" class="panel-collapse collapse in">
                        <div class = "panel-body">
                            <ul class="list-group list-side">
                                <!-- <li class="list-group-item">
                                    <a href="javascript:void(0)">
                                        Order History
                                    </a>
                                </li> -->
                                <li class="list-group-item">
                                    <a href="{{ url('user/wishlists') }}">
                                        Wishlist 
                                    </a>
                                </li>
                                <li class="list-group-item ">
                                    <a href="{{ url('user/view-order') }}">
                                        View Order
                                    </a>
                                </li>
                                <!-- <li class="list-group-item active">
                                    <a href="javascript:void(0)">
                                        Account Details
                                    </a>
                                </li> -->
                            </ul>
                        </div>
                    </div>
                    <!-- <div class = "panel-body">
                        <div class="panel-group wow fadeInUp" id="accordion1">
                            <div class="panel panel-default panel-inner">
                                <div class="panel-heading">
                                    <h4 class="panel-title">
                                        <a href="order-history">
                                            ORDER HISTORY
                                        </a>
                                    </h4>
                                </div>
                            </div>
                            <div class="panel panel-default panel-inner">
                                <div class="panel-heading">
                                    <h4 class="panel-title">
                                        <a href="wishlist">
                                            WISHLIST 
                                        </a>
                                    </h4>
                                </div>
                            </div>
                            <div class="panel panel-default panel-inner">
                                <div class="panel-heading">
                                    <h4 class="panel-title">
                                        <a href="address-book">
                                            ADDRESS BOOK
                                        </a>
                                    </h4>
                                </div>
                            </div>
                            <div class="panel panel-default panel-inner">
                                <div class="panel-heading">
                                    <h4 class="panel-title">
                                        <a href="account-detail">
                                            ACCOUNT DETAILS
                                        </a>
                                    </h4>
                                </div>
                            </div>
                        </div>
                    </div> -->
                </div>
            </div>
            <div class="col-9">
                
                <div class="row">
                    <div class="col-sm-12 mb-30">
                                      <!--   <div class="alert alert-success" role="alert"> -->
                        <!-- <strong>Well done!</strong> . -->
                    <!-- </div> -->
                                    @if (session('status'))
                  <div class="alert alert-success" role="alert">
                    <strong>Well done!</strong>
                  {{ session('status') }}
                  </div>
                  @endif
                        <div class="address-row form-block form-with-label mt-0">
                            <div class="row">
                    <div class="col-sm-12">
                        <h1 class="address-heading main-heading-new  text-left mb-30" style="text-align: left;">Account Details</h1>
                    </div>
                </div>
                            <form role="form" class="account-form acc-details" method="POST" action="{{ url('user/profile') }}">
                                {{ csrf_field() }}
                                <div class="row"> 
                                    <div class="col-sm-12 ">
                                        <h4 class="green-italic-title">Personal Info</h4>
                                    </div>
                                    <div class="col-sm-12 col-md-6">
                                        <div class="form-group">
                                            <label for = "full_name">Full Name *</label>
                                            <input type = "text" class = "form-control" name="full_name" id = "full_name" placeholder = " First Name" value="{{ $user->name }}">
                                        </div>
                                    </div>
                                     <div class="col-sm-12 col-md-6">
                                        <div class="form-group"> 
                                         <label for = "lname">Address *</label>
                                        <input type = "text" class = "form-control" id = "address" name="address" value="{{ $user->address }}" placeholder = "Address">
                                         </div> 
                                     </div> 
                                </div>
                                <hr>
                                <div class="row">
                                    <div class="col-sm-12">
                                        <h4 class="green-italic-title">Email</h4>
                                    </div>
                                    <div class="col-sm-12 m-bottom-10">
                                        <div class="form-group1">
                                            <label for = "fname">Email:</label>
                                            <small>{{ $user->email }}</small>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 col-md-6">
                                        <div class="form-group">
                                            <label for = "fname">Email Address</label>
                                            <input type = "text" class = "form-control" name="email" id = "email" placeholder = " Enter Your Email Address" value="{{ $user->email }}" disabled>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 col-md-6">
                                        <div class="form-group">
                                            <label for = "cemail"></label>
                                            <input type = "text" class = "form-control" name="confirm_email" id = "cemail" placeholder = "Confirm Email" value="{{ $user->email }}" disabled>
                                        </div>
                                    </div>
                                </div>
                                <hr>
                                <div class="row">
                                    <div class="col-sm-12">
                                        <h4 class="green-italic-title">Password</h4>
                                    </div>
                                    <div class="col-sm-12 col-md-4">
                                        <div class="form-group">
                                            <label for = "old_password">Current Password </label>
                                            <input type = "password" class = "form-control" name="old_password" id = "old_password" placeholder = "Current Password" value="">
                                        </div>
                                    </div>
                                    <div class="col-sm-12 col-md-4">
                                        <div class="form-group">
                                            <label for = "cemail">New Password</label>
                                            <input type = "password" class = "form-control" name="new_password" id = "new_password" placeholder = "New Password">
                                        </div>
                                    </div>
                                    <div class="col-sm-12 col-md-4">
                                        <div class="form-group">
                                            <label for = "cemail">Confirm Password</label>
                                            <input type = "password" class = "form-control" name="new_confirm_password" id = "new_confirm_password" placeholder = "Confirm Password">
                                        </div>
                                    </div>
                                </div>
                                <hr>
                                <div class="row">
                                    <div class="col-sm-12">
                                        <div class="text-center btn-wrapper"> 
                                            <button type="submit" class="p-top-10 p-bottom-10 common-btn width-180">Cancel</button>
                                            <button type="submit" class="p-top-10 p-bottom-10 common-btn btn-black width-180">Save Change</button>
                                        </div>
                                    </div>
                                </div>

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


@endsection