@extends('layouts.admin')

@section('content')

<div class="page-wrapper">
    <div class="content">
        <div class="page-header">
            <div class="page-title">
                <h4>{!! __('messages.Address account setting') !!}</h4>
            </div>
        </div>
        @include('layouts.errors')
        <!-- Form for creating/updating user account settings -->
        <form action="{{ route('account-settings.store') }}" method="POST">
            @csrf
            <input type="hidden" name="client_plans_id" value="{{ $plan->id }}">
            <!-- Accordion structure -->
            <div class="card">
                <div class="card-body add-product pb-0">
                    <div class="accordion-card-one accordion" id="accordionExample">
                        <div class="accordion-item">
                            <div class="accordion-header" id="headingOne">
                                <div class="accordion-button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-controls="collapseOne">
                                    <div class="addproduct-icon">
                                        <h5><i data-feather="info" class="add-info"></i>
                                            <span>{{ __('messages.Account setting Information') }}</span>
                                        </h5>
                                    </div>
                                </div>
                            </div>
                            <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
                                <div class="accordion-body">
                                    <div class="row">
                                        <!-- Address -->
                                        <div class="col-lg-6 col-sm-6 col-12">
                                            <div class="mb-3 add-product">
                                                <label for="address" class="form-label">{{ __('messages.Address') }} {{ __('messages.Number') }}</label>
                                                <input type="text" name="address" id="address" class="form-control" value="{{ old('address', $userAccountSetting->address ?? '') }}" required>
                                            </div>
                                        </div>
 
                                        <!-- Street, P.O. Box -->
                                        <div class="col-lg-6 col-sm-6 col-12">
                                            <div class="mb-3 add-product">
                                                <label for="street_po_box" class="form-label">{{ __('messages.Street, P.O. Box') }}</label>
                                                <input type="text" name="street_po_box" id="street_po_box" class="form-control" value="{{ old('street_po_box', $userAccountSetting->street_po_box ?? '') }}" required>
                                            </div>
                                        </div>

                                        <!-- City -->
                                        <div class="col-lg-6 col-sm-6 col-12">
                                            <div class="mb-3 add-product">
                                                <label for="city" class="form-label">{{ __('messages.City') }}</label>
                                                <input type="text" name="city" id="city" class="form-control" value="{{ old('city', $userAccountSetting->city ?? '') }}" required>
                                            </div>
                                        </div>

                                        <!-- Province -->
                                        <div class="col-lg-6 col-sm-6 col-12">
                                            <div class="mb-3 add-product">
                                                <label for="province" class="form-label">{{ __('messages.Province') }}</label>
                                                <input type="text" name="province" id="province" class="form-control" value="{{ old('province', $userAccountSetting->province ?? '') }}" required>
                                            </div>
                                        </div>

                                        <!-- Potal Code -->
                                        <div class="col-lg-6 col-sm-6 col-12">
                                            <div class="mb-3 add-product">
                                                <label for="postal_code" class="form-label">{{ __('messages.Postal Code') }}</label>
                                                <input type="text" name="postal_code" id="postal_code" class="form-control" value="{{ old('postal_code', $userAccountSetting->postal_code ?? '') }}" required>
                                            </div>
                                        </div>

                                        <!-- Appartment or Suite -->
                                        <div class="col-lg-6 col-sm-6 col-12">
                                            <div class="mb-3 add-product">
                                                <label for="appartment_or_suit" class="form-label">{{ __('messages.Appartment or Suite') }}</label>
                                                <input type="text" name="appartment_or_suit" id="appartment_or_suit" class="form-control" value="{{ old('appartment_or_suit', $userAccountSetting->appartment_or_suit ?? '') }}">
                                            </div>
                                        </div>

                                        <!-- Your Percentage -->
                                        <div class="col-lg-6 col-sm-6 col-12">
                                            <div class="mb-3 add-product">
                                                <label for="your_percentage" class="form-label">{{ __('messages.Your % Percentage') }}</label>
                                                <input type="number" step="0.01" name="your_percentage" id="your_percentage" class="form-control" value="{{ old('your_percentage', $userAccountSetting->your_percentage ?? '') }}" required>
                                            </div>
                                        </div>

                                        <!-- Personal Use Percentage -->
                                        <div class="col-lg-6 col-sm-6 col-12">
                                            <div class="mb-3 add-product">
                                                <label for="personal_use_percentage" class="form-label">{{ __('messages.Personal Use %') }}</label>
                                                <input type="number" step="0.01" name="personal_use_percentage" id="personal_use_percentage" class="form-control" value="{{ old('personal_use_percentage', $userAccountSetting->personal_use_percentage ?? '') }}" required>
                                            </div>
                                        </div>

                                        <!-- Number of Units -->
                                        <div class="col-lg-6 col-sm-6 col-12">
                                            <div class="mb-3 add-product">
                                                <label for="number_of_units" class="form-label">{{ __('messages.Number of Units') }}</label>
                                                <input type="number" name="number_of_units" id="number_of_units" class="form-control" value="{{ old('number_of_units', $userAccountSetting->number_of_units ?? 1) }}" required>
                                            </div>
                                        </div>

                                        <!-- Buttons -->
                                        <div class="col-lg-12">
                                            <div class="btn-addproduct mb-4">
                                                <button type="submit" class="btn btn-submit">{{ __('messages.Save') }}</button>
                                            </div>
                                        </div>

                                    </div> <!-- row -->
                                </div> <!-- accordion-body -->
                            </div> <!-- collapseOne -->
                        </div> <!-- accordion-item -->
                    </div> <!-- accordion-card-one -->
                </div> <!-- card-body -->
            </div> <!-- card -->
        </form> <!-- form -->

    </div> <!-- content -->
</div> <!-- page-wrapper -->

@endsection