@extends('layouts.app')
@section('title','Profile')
@section('content')
    <section id="hero">
        <div class="container" id="app">
            <div class="row">
                <div class="col-md-3 menu">
                    <div class="list-group mb-2">
                        <a href="{{route('profile.index')}}" class="list-group-item list-group-item-action">Edit
                            Profile</a>
                        <a href="{{route('profile.password')}}"
                           class="list-group-item list-group-item-action active">Change
                            Password</a>
                        <a href="{{route('profile.orders')}}" class="list-group-item list-group-item-action">All
                            Orders</a>
                    </div>
                </div>
                <div class="col-md-9 body">
                    @if(Session::has('message'))
                        <div class="alert alert-success" role="alert">
                            <i class="fa fa-check-circle-o" aria-hidden="true"></i> {{ Session::get('message') }}
                        </div>
                    @endif
                    {!! Form::open(['method'=>'PUT','action' => ['ProfileController@updatePassword']]) !!}
                    <h4>Change Password</h4>
                    <hr>
                    <div class="row">
                        <div class="col-md-6 offset-md-3">
                            <div class="form-group">
                                {!! Form::label('old_password', 'Old Password') !!}
                                {!! Form::password('old_password',  ['class'=>'form-control', 'placeholder' =>'Old password']) !!}
                                @if ($errors->has('old_password'))
                                    <span class="invalid-feedback">
                                        <strong>{{ $errors->first('old_password') }}</strong>
                                    </span>
                                @endif

                            </div>
                            <div class="form-group">
                                {!! Form::label('password', 'Password') !!}
                                {!! Form::password('password', ['class'=>'form-control', 'placeholder' =>'Password']) !!}
                                @if ($errors->has('password'))
                                    <span class="invalid-feedback">
                                        <strong>{{ $errors->first('password') }}</strong>
                                    </span>
                                @endif
                            </div>

                            <div class="form-group">
                                {!! Form::label('password_confirmation', 'Confirm Password') !!}
                                {!! Form::password('password_confirmation',  ['class'=>'form-control', 'placeholder' =>'Confirm password']) !!}
                                @if ($errors->has('password_confirmation'))
                                    <span class="invalid-feedback">
                                        <strong>{{ $errors->first('password_confirmation') }}</strong>
                                    </span>
                                @endif
                            </div>
                        </div>
                    </div>
                    <div class="text-center">
                        {!! Form::submit('Update Password', ['class'=>'btn btn-primary']) !!}
                    </div>
                    {!! Form::close() !!}
                </div>
            </div>
        </div>
        <div class="gutter-bottom"></div>
    </section>
@endsection