@extends('layouts.admin')

@section('content')
<div class="card">
    <div class="card-header">
        <h5>Edit Form</h5>
    </div>
    <div class="card-body">
        <form action="{{ route('admin.forms.update', $form->id) }}" 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->id == $form->category_id ? 'selected' : '' }}>
                            {{ $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="{{ old('name', $form->name) }}" placeholder="Enter Form Name" required>
            </div>

            <!-- Fields Section -->
            <div class="form-group">
                <label>{{ __('Fields') }}</label>
                <div class="row">
                    @foreach ($fields as $field)
                        <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 }}" 
                                    {{ in_array($field->id, old('fields', $form->fields->pluck('id')->toArray())) ? 'checked' : '' }}>
                                <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">{{ __('Update Form') }}</button>
        </form>
    </div>
</div>
@endsection