<form class="row g-3 auto-width" action="{{ route('master-settings.store')}}" method="post" enctype='multipart/form-data'>
    @csrf
    <div class="col-md-12">
        <label for="field" class="form-label">Field Name <span class="text-danger"><b>*</b></span></label>
        <input type="text" class="form-control" name="field" aria-describedby="inputGroupPrepend" required>
        <span class="text-danger error_field" style="display:none;">This field is required.</span>
    </div>
    <div class="col-md-6">
        <label for="type">Field type <span class="text-danger"><b>*</b></span></label>
        <select name="type" class="form-control">
            <option value="text">Text</option>
            <option value="textarea">Text area</option>
            <option value="radio">Radio</option>
            <option value="checkbox">Checkbox</option>
            <option value="select">Select dropdown</option>
            <option value="date">Date</option>
            <option value="hidden">Hidden</option>
        </select>
        <span class="text-danger error_type" style="display:none;">This field is required.</span>
    </div>
    <div class="col-md-6">
        <label for="default_value" class="form-label">Default value</label>
        <input type="text" class="form-control" name="default_value" aria-describedby="inputGroupPrepend" required>
    </div>
    <div class="col-md-12">
        <label for="select_options" class="form-label">Select options</label>
        <textarea name="select_options" class="form-control"></textarea>
        <p> Note: (Please write comma seperated options if type is radio or select dropdown.)</p>
        <span class="text-danger error_select_options" style="display:none;">This field is required.</span>
    </div>
    <div class="col-md-12">
        <label for="remarks" class="form-label">Remarks</label>
        <textarea name="remarks" class="form-control"></textarea>
    </div>
</form>