@extends('layouts.admin')

@section('content')
<div class="card">
    <div class="card-header">
        <h5>Create Form</h5>
    </div>
    <div class="card-body">
        <form action="{{ route('admin.forms.store') }}" method="POST">
            @csrf

            <!-- Category Dropdown -->
            <div class="form-group">
                <label for="category">{{ __('Select Category') }}</label>
                <select class="form-control" id="category" name="category_id" required>
                    <option value="">{{ __('Select Category') }}</option>
                    @foreach ($categories as $category)
                        <option value="{{ $category->id }}">
                            {{ $category->title }}
                        </option>
                    @endforeach
                </select>
            </div>

            <!-- Form Name Textbox -->
            <div class="form-group">
                <label for="form_name">{{ __('Form Name') }}</label>
                <input type="text" class="form-control" id="form_name" name="form_name" value="" placeholder="Enter Form Name" required>
            </div>

            <div class="form-group">
                <label>{{ __('Fields') }}</label>
                <div class="row">
                    @foreach ($fields as $field)
                        @php
                            $defaultFields = ['firstname', 'lastname', 'mobile', 'is_feature', 'profile', 'image', 'address'];
                            $isDefault = in_array($field->name, $defaultFields);
                        @endphp
                        <div class="col-md-4">
                            <div class="form-check">
                                <!-- Checkbox with Field Name -->
                                <input type="checkbox" class="form-check-input" 
                                    name="fields[]" 
                                    value="{{ $field->id }}" 
                                    id="field-{{ $field->id }}"
                                    {{ $isDefault ? 'checked disabled' : '' }}>
                                <label class="form-check-label" for="field-{{ $field->id }}">
                                    {{ $field->label }}
                                </label>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>

            <!-- Submit Button -->
            <button type="submit" class="btn btn-primary">{{ __('Create Form') }}</button>
        </form>
    </div>
</div>
@endsection