@extends('layouts.contentLayoutMaster')

@section('title', 'Client Profile')

@section('content')
    <div class="container" style="max-width: 800px; padding: 40px 20px;">
        <h2 class="mb-4 text-center">Client Profile</h2>

        {{-- Update Profile Information --}}
        <div class="card mb-4" style="padding: 20px;">
            <div class="card-header bg-primary text-white">Update Profile Information</div>
            <div class="card-body">
                <form method="post" action="{{ route('profile.update') }}">
                    @csrf
                    @method('patch')

                    <div class="row mb-3">
                        <div class="col-md-6">
                            <label for="first_name" class="form-label">First Name</label>
                            <input type="text" name="first_name" id="first_name" class="form-control"
                                value="{{ old('first_name', $user->first_name) }}" required>
                        </div>
                        <div class="col-md-6">
                            <label for="last_name" class="form-label">Last Name</label>
                            <input type="text" name="last_name" id="last_name" class="form-control"
                                value="{{ old('last_name', $user->last_name) }}" required>
                        </div>
                    </div>

                    <div class="row mb-3">
                        <div class="col-md-6">
                            <label for="email" class="form-label">Email</label>
                            <input type="email" name="email" id="email" class="form-control"
                                value="{{ old('email', $user->email) }}" required>
                        </div>
                        <div class="col-md-6">
                            <label for="phone" class="form-label">Phone Number</label>
                            <input type="text" name="phone" id="phone" class="form-control"
                                value="{{ old('phone', $user->phone) }}">
                        </div>
                    </div>

                    <div class="row mb-3">
                        <div class="col-md-6">
                            <label for="address" class="form-label">Address</label>
                            <input type="text" name="address" id="address" class="form-control"
                                value="{{ old('address', $user->address) }}">
                        </div>
                        <div class="col-md-6">
                            <label for="city" class="form-label">City</label>
                            <input type="text" name="city" id="city" class="form-control"
                                value="{{ old('city', $user->city) }}">
                        </div>
                    </div>

                    <div class="row mb-3">
                        <div class="col-md-6">
                            <label for="state" class="form-label">State</label>
                            <input type="text" name="state" id="state" class="form-control"
                                value="{{ old('state', $user->state) }}">
                        </div>
                        <div class="col-md-6">
                            <label for="zipcode" class="form-label">Zipcode</label>
                            <input type="text" name="zipcode" id="zipcode" class="form-control"
                                value="{{ old('zipcode', $user->zipcode) }}">
                        </div>
                    </div>

                    <div class="mb-3">
                        <label for="country" class="form-label">Country</label>
                        <input type="text" name="country" id="country" class="form-control"
                            value="{{ old('country', $user->country) }}">
                    </div>

                    <button type="submit" class="btn btn-success">Save</button>
                </form>
            </div>
        </div>

        {{-- Update Password --}}
        <div class="card mb-4" style="padding: 20px;">
            <div class="card-header bg-warning text-dark">Update Password</div>
            <div class="card-body">
                @include('profile.partials.update-password-form', ['buttonClass' => 'btn btn-success'])
            </div>
        </div>

        {{-- Delete Account --}}
        <div class="card mb-4" style="padding: 20px;">
            <div class="card-header bg-danger text-white">Delete Account</div>
            <div class="card-body">
                @include('profile.partials.delete-user-form', ['buttonClass' => 'btn btn-success'])
            </div>
        </div>
    </div>
@endsection