@extends('layouts.app')

@section('title', 'Profile')

@section('content')
<div class="container">
    <div class="row justify-content-center g-4">
        <div class="col-lg-7">
            <div class="card section-card">
                <div class="card-body p-4">
                    <h1 class="h3 mb-4">Profile & preferences</h1>
                    <form method="post" action="{{ route('account.profile') }}" class="row g-3">
                        @csrf
                        @method('PUT')
                        <div class="col-md-6">
                            <label class="form-label" for="profile_name">Full name</label>
                            <input id="profile_name" name="name" value="{{ old('name',$user->name) }}" class="form-control">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label" for="profile_email">Email address</label>
                            <input id="profile_email" name="email" value="{{ old('email',$user->email) }}" class="form-control">
                            <div class="small text-muted mt-1">If you change this, the new address must be verified again before you can place orders.</div>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label" for="profile_phone">Phone</label>
                            <input id="profile_phone" name="phone" value="{{ old('phone',$user->phone) }}" class="form-control">
                        </div>
                        <div class="col-12 form-check">
                            <input class="form-check-input" type="checkbox" name="newsletter_subscribed" value="1" id="newsletter_subscribed" @checked(old('newsletter_subscribed', $user->newsletter_subscribed))>
                            <label class="form-check-label" for="newsletter_subscribed">Newsletter subscription</label>
                        </div>
                        <div class="col-12 form-check">
                            <input class="form-check-input" type="checkbox" name="marketing_consent" value="1" id="marketing_consent" @checked(old('marketing_consent', (bool) $user->marketing_consent_at))>
                            <label class="form-check-label" for="marketing_consent">Marketing consent</label>
                        </div>
                        <div class="col-12"><button class="btn btn-primary">Save profile</button></div>
                    </form>
                    <hr>
                    <div class="d-flex justify-content-between align-items-center">
                        <div>
                            <h2 class="h5 mb-1">Saved addresses</h2>
                            <div class="small text-muted">{{ $user->addresses->count() }} on file across delivery and billing.</div>
                        </div>
                        <a href="{{ route('account.addresses.index') }}" class="btn btn-outline-primary btn-sm">Manage addresses</a>
                    </div>
                </div>
            </div>

            <div class="card section-card mt-4">
                <div class="card-body p-4">
                    <h2 class="h5 mb-3">Change password</h2>
                    <form method="post" action="{{ route('account.profile.password') }}" class="row g-3">
                        @csrf
                        @method('PUT')
                        <div class="col-12">
                            <label class="form-label" for="current_password">Current password</label>
                            <input id="current_password" type="password" name="current_password" class="form-control" placeholder="Enter your current password">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label" for="new_password">New password</label>
                            <input id="new_password" type="password" name="password" class="form-control" placeholder="Enter a new password">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label" for="new_password_confirmation">Confirm new password</label>
                            <input id="new_password_confirmation" type="password" name="password_confirmation" class="form-control" placeholder="Confirm the new password">
                        </div>
                        <div class="col-12">
                            <button class="btn btn-primary">Update password</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <div class="col-lg-5">
            <div class="card section-card border-danger">
                <div class="card-body p-4">
                    <h2 class="h5 text-danger">Delete account</h2>
                    <p class="small text-muted mb-3">This removes the login, saved addresses, and newsletter link to the account. Existing orders and invoices are kept for record-keeping because they store their own copied customer details.</p>
                    <form method="post" action="{{ route('account.profile.destroy') }}" class="row g-3">
                        @csrf
                        @method('DELETE')
                        <div class="col-12">
                            <label class="form-label" for="delete_password">Confirm password</label>
                            <input id="delete_password" type="password" name="password" class="form-control" placeholder="Enter your password to confirm">
                        </div>
                        <div class="col-12">
                            <button class="btn btn-outline-danger w-100" onclick="return confirm('Delete your account? This cannot be undone.');">Delete my account</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection