@extends('layouts.account')

@section('title', 'Profile — Meatworx')
@section('account_title', 'Profile')

@section('account')
<div class="mw-order-grid">
    <form class="mw-panel" action="{{ route('account.profile.update') }}" method="POST">
        @csrf
        @method('PUT')
        <h2>Account details</h2>
        @if($errors->has('name') || $errors->has('email') || $errors->has('phone'))
            <div class="mw-form-error">{{ $errors->first('name') ?: $errors->first('email') ?: $errors->first('phone') }}</div>
        @endif
        <div class="mw-field">
            <label for="name">Full Name</label>
            <input id="name" type="text" name="name" value="{{ old('name', $user->name) }}" required>
        </div>
        <div class="mw-field">
            <label for="email">Email</label>
            <input id="email" type="email" name="email" value="{{ old('email', $user->email) }}" required>
        </div>
        <div class="mw-field">
            <label for="phone">Phone</label>
            <input id="phone" type="text" name="phone" value="{{ old('phone', $user->phone) }}" required>
        </div>
        <button class="mw-btn" type="submit">Save profile</button>
    </form>

    <form class="mw-panel" action="{{ route('account.password.update') }}" method="POST">
        @csrf
        @method('PUT')
        <h2>Change password</h2>
        @if($errors->has('current_password') || $errors->has('password'))
            <div class="mw-form-error">{{ $errors->first('current_password') ?: $errors->first('password') }}</div>
        @endif
        <div class="mw-field">
            <label for="current_password">Current password</label>
            <input id="current_password" type="password" name="current_password" required>
        </div>
        <div class="mw-field">
            <label for="password">New password</label>
            <input id="password" type="password" name="password" required>
        </div>
        <div class="mw-field">
            <label for="password_confirmation">Confirm new password</label>
            <input id="password_confirmation" type="password" name="password_confirmation" required>
        </div>
        <button class="mw-btn" type="submit">Update password</button>
    </form>
</div>
@endsection