@extends('layouts.app')

@section('content')
    <section class="container">
        <div id="pagecontent">
            <section class="container">
              <h1>Update Your Details</h1>
                @if(session()->has('success'))
                    <div class="alert alert-success">
                        {{ session()->get('success') }}
                    </div>
                @endif
              <form id="updateProfileForm" method="post" action="{{ route('users.update', $user->id)}}" enctype="multipart/form-data" novalidate="novalidate">
                @method('PATCH') 
                @csrf
                <div class="form-group">
                  <label for="first_name">First name</label>
                  <input id="first_name" name="first_name" type="text" class="form-control propercase @error('first_name') is-invalid @enderror" value="{{$user->first_name}}">
                  @error('first_name')
                  <span class="invalid-feedback" role="alert">
                                        <span>{{ $message }}</span>
                                    </span>
                  @enderror
                </div>
                <div class="form-group">
                  <label for="surname">Family name</label>
                  <input id="surname" name="surname" type="text" class="form-control propercase @error('surname') is-invalid @enderror" value="{{$user->surname}}">
                  @error('surname')
                  <span class="invalid-feedback" role="alert">
                                        <span>{{ $message }}</span>
                                    </span>
                  @enderror
                </div>
                <hr>
                <div class="form-group">
                <label for="address">Address</label>
                  <input id="address" name="address" type="text" class="form-control propercase @error('address') is-invalid @enderror" value="{{ $user->address }}"><br>
                  @error('address')
                  <span class="invalid-feedback" role="alert">
                                        <span>{{ $message }}</span>
                                    </span>
                  @enderror
                  <input id="address2" name="address2" type="text" class="form-control propercase @error('address2') is-invalid @enderror" value="{{ $user->address2 }}">
                  @error('address2')
                  <span class="invalid-feedback" role="alert">
                                        <span>{{ $message }}</span>
                                    </span>
                  @enderror
                </div>
                <div class="form-group">
                  <label for="city">City</label>
                  <span role="status" aria-live="polite" class="ui-helper-hidden-accessible"></span>
                  <input id="city" name="city" type="text" class="form-control propercase cityauto ui-autocomplete-input @error('city') is-invalid @enderror" value="{{ $user->city }}" autocomplete="off">
                  @error('city')
                  <span class="invalid-feedback" role="alert">
                                        <span>{{ $message }}</span>
                                    </span>
                  @enderror
                </div>
                <div class="form-group">
                  <label for="state">State</label>
                  <input id="state" name="state" type="text" class="form-control uppercase state @error('state') is-invalid @enderror" value="{{ $user->state }}">
                  @error('state')
                  <span class="invalid-feedback" role="alert">
                                        <span>{{ $message }}</span>
                                    </span>
                  @enderror
                </div>
                <div class="form-group">
                  <label for="postcode">Postcode</label>
                  <input id="postcode" name="postcode" type="text" class="form-control @error('postcode') is-invalid @enderror" value="{{ $user->postcode }}">
                  @error('postcode')
                  <span class="invalid-feedback" role="alert">
                                        <span>{{ $message }}</span>
                                    </span>
                  @enderror
                </div>
                <div class="form-group">
                  <label for="phone_number">Phone</label>
                  <input id="phone_number" name="phone_number" type="text" class="form-control @error('phone_number') is-invalid @enderror" value="{{ $user->phone_number }}">
                  @error('phone_number')
                  <span class="invalid-feedback" role="alert">
                                        <span>{{ $message }}</span>
                                    </span>
                  @enderror
                </div>
                <p style="margin-top: 40px;">
                  You can update both your email address and password, or just your email address, or just your password.
                  If you wish to change your password, enter a new password of at least 8 characters.
                </p>
                <div class="form-group">
                  <label for="email">Email address</label>
                  <input id="email" name="email" type="email" class="form-control email disablecopy @error('email') is-invalid @enderror" value="{{ $user->email }}" autocomplete="off" placeholder="only if changing">
                  @error('email')
                  <span class="invalid-feedback" role="alert">
                                        <span>{{ $message }}</span>
                                    </span>
                  @enderror
                </div>
                <div class="form-group">
                  <label for="email-confirm">Confirm Email address</label>
                  <input id="email-confirm" name="email_confirmation" type="email" class="form-control email @error('email_confirmation') is-invalid @enderror" autocomplete="off" placeholder="only if changing">
                  @error('email_confirmation')
                  <span class="invalid-feedback" role="alert">
                                        <span>{{ $message }}</span>
                                    </span>
                  @enderror
                </div>
                <div class="form-group">
                  <label for="password">New password</label>
                  <input id="password" name="password" type="password" class="form-control @error('password') is-invalid @enderror" placeholder="only if changing">
                  @error('password')
                  <span class="invalid-feedback" role="alert">
                                        <span>{{ $message }}</span>
                                    </span>
                  @enderror
                </div>
                <div class="form-group">
                  <label for="password-confirm">Confirm password</label>
                  <input id="password-confirm" name="password_confirmation" type="password" class="form-control @error('password_confirmation') is-invalid @enderror" placeholder="only if changing">
                  @error('password_confirmation')
                  <span class="invalid-feedback" role="alert">
                                        <span>{{ $message }}</span>
                                    </span>
                  @enderror
                </div>
                <input id="updateSubmit" type="submit" value="Update" class="btn btn-default">
              </form>
              <hr>
              <div class="small" style="margin: 20px 0 20px 0;">
                If you would like to remove all your information from our database, then please click this link. However, be aware that,
                all your login, contact and order information will be permanently removed.<br>
                <a href="" id="deleteAccount">Permanently Delete My Account</a>
              </div>
            </section>
          </div>
    </section>
@endsection