@extends('layouts.app')
@section('content')
    <div class="row g-6">
        @include('profiles.distributor.partials.header_profile')
        <div class="col-12 col-lg-8 pt-6 pt-lg-0">
            <form id="kt_modal_add_user_form" class="form fv-plugins-bootstrap5 fv-plugins-framework"
                action="{{ route('distributor.profile.loginaccount.update') }}" method="POST">
                @csrf
                @method('PUT')
                <div class="tab-content p-0">
                    <div class="tab-pane fade show active" id="store_details" role="tabpanel">
                        <div class="card mb-6">
                            <div class="card-header">
                                <h5 class="card-title m-0">Profile</h5>
                            </div>
                            <div class="card-body">
                                <div class="row mb-6 g-6">

                                    <div class="col-12 col-md-6">
                                        <label for="username" class="form-label required">Username</label>
                                        <input type="text" class="form-control form-control-solid" id="username"
                                            name="username" placeholder="Username"
                                            value="{{ old('username', $user->username) }}" required />
                                    </div>

                                    <div class="col-12 col-md-6">
                                        <label for="email" class="form-label required">Email</label>
                                        <input type="email" class="form-control form-control-solid" id="email"
                                            name="email" placeholder="example@domain.com"
                                            value="{{ old('email', $user->email) }}" required />
                                    </div>

                                    <div class="col-12 col-md-6">
                                        <label for="password" class="form-label">
                                            Password <small class="text-muted">(Kosongkan jika tidak ingin mengubah)</small>
                                        </label>
                                        <input type="password" class="form-control form-control-solid" id="password"
                                            name="password" placeholder="New Password" autocomplete="new-password" />
                                    </div>

                                    <div class="col-12 col-md-6">
                                        <label for="phone_number" class="form-label required">Phone Number</label>
                                        <input type="text" class="form-control form-control-solid" id="phone_number"
                                            name="phone_number" placeholder="Phone Number"
                                            value="{{ old('phone_number', $user->phone_number) }}" required />
                                    </div>

                                </div>
                            </div>
                        </div>

                        <div class="d-flex justify-content-end gap-4 mb-6">
                            <button type="reset" class="btn btn-label-secondary">Discard</button>
                            <button type="submit" class="btn btn-primary">
                                <span class="indicator-label">Update</span>
                                <span class="indicator-progress" style="display:none;">
                                    Please wait...
                                    <span class="spinner-border spinner-border-sm align-middle ms-2"></span>
                                </span>
                            </button>
                        </div>
                    </div>
                </div>
            </form>

        </div>
    @endsection