@extends('layouts.portal')

@section('title', 'Profile')

@section('content')
<div class="row g-3">
    <div class="col-md-6">
        <div class="card">
            <div class="card-header bg-primary text-white"><h5 class="m-0"><i class="fas fa-user"></i> Profile</h5></div>
            <div class="card-body">
                <form method="POST" action="{{ route('user.profile.update') }}">
                    @csrf
                    <div class="mb-3"><label>Name</label><input type="text" name="name" value="{{ $user->name }}" class="form-control" required></div>
                    <div class="mb-3"><label>Email</label><input type="email" value="{{ $user->email }}" class="form-control" disabled></div>
                    <div class="mb-3"><label>Mobile</label><input type="text" value="{{ $user->mobile }}" class="form-control" disabled></div>
                    <div class="mb-3"><label>Shop Name</label><input type="text" name="shop_name" value="{{ $user->shop_name }}" class="form-control"></div>
                    <div class="row">
                        <div class="col-md-6 mb-3"><label>State</label><input type="text" name="state" value="{{ $user->state }}" class="form-control"></div>
                        <div class="col-md-6 mb-3"><label>City</label><input type="text" name="city" value="{{ $user->city }}" class="form-control"></div>
                    </div>
                    <div class="mb-3"><label>Pincode</label><input type="text" name="pincode" maxlength="6" value="{{ $user->pincode }}" class="form-control"></div>
                    <div class="mb-3"><label>Address</label><textarea name="address" rows="2" class="form-control">{{ $user->address }}</textarea></div>
                    <button class="btn btn-primary w-100"><i class="fas fa-save"></i> Update Profile</button>
                </form>
            </div>
        </div>
    </div>
    <div class="col-md-6">
        <div class="card">
            <div class="card-header bg-danger text-white"><h5 class="m-0"><i class="fas fa-lock"></i> Change Password</h5></div>
            <div class="card-body">
                <form method="POST" action="{{ route('user.password.change') }}">
                    @csrf
                    <div class="mb-3"><label>Current Password</label><input type="password" name="current_password" class="form-control" required></div>
                    <div class="mb-3"><label>New Password</label><input type="password" name="password" class="form-control" required></div>
                    <div class="mb-3"><label>Confirm New Password</label><input type="password" name="password_confirmation" class="form-control" required></div>
                    <button class="btn btn-danger w-100"><i class="fas fa-key"></i> Change Password</button>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection