@php
    $formFields = $formFields ?? \App\Models\AppSetting::get()->formFields();
    $customFormFields = $customFormFields ?? \App\Models\AppSetting::get()->customFormFields();
    $show = fn (string $key) => \App\Support\AppointmentFormFields::isVisible($formFields, $key);
    $req = fn (string $key) => \App\Support\AppointmentFormFields::isRequired($formFields, $key);
@endphp
<div class="row g-3">
    @if($show('name'))
    <div class="col-md-6">
        <input type="text" class="form-control-r" name="name" placeholder="First Name" @if($req('name')) required @endif autocomplete="off">
    </div>
    @endif
    @if($show('last_name'))
    <div class="col-md-6">
        <input type="text" class="form-control-r" name="last_name" placeholder="Last Name" @if($req('last_name')) required @endif autocomplete="off" pattern=".*\S.*">
    </div>
    @endif
    @if($show('email'))
    <div class="col-md-12">
        <input type="email" class="form-control-r" name="email" placeholder="Email" @if($req('email')) required @endif autocomplete="off">
    </div>
    @endif
    @if($show('phone'))
    <div class="col-md-12">
        <input type="tel" class="form-control-r" name="phone" placeholder="Phone" @if($req('phone')) required @endif autocomplete="off"
               oninput="this.value = this.value.replace(/[^0-9+\-\s]/g, '')"/>
    </div>
    @endif
    @if($show('address'))
    <div class="col-md-12">
        <input type="text" class="form-control-r" id="address-input" name="address" placeholder="Address" @if($req('address')) required @endif autocomplete="off">
    </div>
    @endif
    @if($show('city'))
    <div class="col-md-12">
        <input type="text" class="form-control-r" id="city-input" name="city" placeholder="City" @if($req('city')) required @endif autocomplete="off">
    </div>
    @endif
    @if($show('state'))
    <div class="col-md-6">
        <input type="text" class="form-control-r" id="province-input" name="state" placeholder="Province" @if($req('state')) required @endif autocomplete="off">
    </div>
    @endif
    @if($show('postal_code'))
    <div class="col-md-6">
        <input type="text" class="form-control-r" id="postal-input" name="postal_code" placeholder="Postal Code" @if($req('postal_code')) required @endif autocomplete="off">
    </div>
    @endif
    @if($show('remarks'))
    <div class="col-md-12">
        <textarea class="form-control-r" name="remarks" placeholder="Notes" @if($req('remarks')) required @endif></textarea>
    </div>
    @endif
    @foreach($customFormFields as $field)
        @if(!empty($field['visible']))
        <div class="col-md-12">
            @if(($field['type'] ?? 'text') === 'textarea')
                <textarea class="form-control-r"
                          name="custom_field[{{ $field['id'] }}]"
                          placeholder="{{ $field['label'] }}"
                          @if(!empty($field['required'])) required @endif></textarea>
            @else
                <input type="text"
                       class="form-control-r"
                       name="custom_field[{{ $field['id'] }}]"
                       placeholder="{{ $field['label'] }}"
                       @if(!empty($field['required'])) required @endif
                       autocomplete="off">
            @endif
        </div>
        @endif
    @endforeach
</div>