@if($custom_fields->count() > 0)

@foreach($custom_fields as $custom_field)
<div class="col-sm-6">
    <div class="form-group">
        <label for="{{ $custom_field->slug }}">{{ $custom_field->title }} @if($custom_field->required == 1) <span class="text-danger">*</span> @endif</label>
        
        @switch($custom_field->type)
            @case('string')
                <input class="form-control customField {{ ($custom_field->required == 1) ? 'required_for_valid' : '' }}" type="text" id="{{ $custom_field->slug }}"
                name="{{ $custom_field->slug }}" {{ ($custom_field->required == 1) ? 'required' : '' }}
                placeholder="Enter {{ $custom_field->title }}" value="{{ (isset($modelObj)) ? $modelObj->{$custom_field->slug} : old($custom_field->slug) }}">
            @break
            
            @case('long_text')
                <textarea name="{{ $custom_field->slug }}" id="{{ $custom_field->slug }}" {{ ($custom_field->required == 1) ? 'required' : '' }} rows="5" class="form-control customField {{ ($custom_field->required == 1) ? 'required_for_valid' : '' }}" placeholder="Enter {{ $custom_field->title }}">{{ (isset($modelObj)) ? $modelObj->{$custom_field->slug} : old($custom_field->slug) }}</textarea>
            @break

            @case('bool')
                {{-- <select name="{{ $custom_field->slug }}" {{ ($custom_field->required == 1) ? 'required' : '' }} id="{{ $custom_field->slug }}" class="form-control customField {{ ($custom_field->required == 1) ? 'required_for_valid' : '' }}">
                    <option value="1" {{ (isset($modelObj) && $modelObj->{$custom_field->slug} == 1) ? 'selected' : '' }}>Yes</option>
                    <option value="0" {{ (isset($modelObj) && $modelObj->{$custom_field->slug} == 0) ? 'selected' : '' }}>No</option>
                </select> --}}
                <div class="checkbox">
                <input type="hidden" value="0" name="{{ $custom_field->slug }}">
                <input type="checkbox" value="1" name="{{ $custom_field->slug }}" {{ ($custom_field->required == 1) ? 'required' : '' }} id="{{ $custom_field->slug }}" class="form-check-input  ml-5 customField {{ ($custom_field->required == 1) ? 'required_for_valid' : '' }}" {{ (isset($modelObj) and $modelObj->{$custom_field->slug} == 1) ? 'checked=checked' : '' }}>
                </div>
            @break

            @case('dropdown')
            <select name="{{ $custom_field->slug }}" {{ ($custom_field->required == 1) ? 'required' : '' }} id="{{ $custom_field->slug }}" class="form-control customField {{ ($custom_field->required == 1) ? 'required_for_valid' : '' }}">
                <option value="" selected>--Select--</option>
                @if(isset($custom_field->metadata['options']) && count($custom_field->metadata['options']) > 0)
                @foreach($custom_field->metadata['options'] as $option)
                <option value="{{ $option }}" {{ (isset($modelObj) && $modelObj->{$custom_field->slug} == $option) ? 'selected' : '' }}>{{ $option }}</option>
                @endforeach
                @endif
            </select>
            @break

            @case('number')
            <input class="form-control customField {{ ($custom_field->required == 1) ? 'required_for_valid' : '' }}" type="number" min="0" id="{{ $custom_field->slug }}"
            name="{{ $custom_field->slug }}" {{ ($custom_field->required == 1) ? 'required' : '' }}
            placeholder="Enter {{ $custom_field->title }}" value="{{ (isset($modelObj)) ? $modelObj->{$custom_field->slug} : old($custom_field->slug) }}">
            @break

            @case('date')
            <input class="form-control customField {{ ($custom_field->required == 1) ? 'required_for_valid' : '' }}" type="date" id="{{ $custom_field->slug }}"
            name="{{ $custom_field->slug }}" {{ ($custom_field->required == 1) ? 'required' : '' }}
            placeholder="Enter {{ $custom_field->title }}" value="{{ (isset($modelObj)) ? $modelObj->{$custom_field->slug} : old($custom_field->slug) }}">
            @break

            @default
            <input class="form-control customField {{ ($custom_field->required == 1) ? 'required_for_valid' : '' }}" type="text" id="{{ $custom_field->slug }}"
                name="{{ $custom_field->slug }}" {{ ($custom_field->required == 1) ? 'required' : '' }}
                placeholder="Enter {{ $custom_field->title }}" value="{{ (isset($modelObj)) ? $modelObj->{$custom_field->slug} : old($custom_field->slug) }}">
                
        @endswitch
        
        <span class="text-danger">{{ $errors->first($custom_field->slug) }}</span>

    </div>
</div>
@endforeach

@endif
<script>
    $(document).ready(function(){
        $('input[type="checkbox"].customField').change(function(){
            // console.log('changed');
            this.value = this.checked ? 1 : 0;
        }).change();
    });
</script>