@extends('layouts.admin')

@section('title', 'Create Survey')
@section('header', 'Create Survey')
@section('subheader', 'Set up a new employee survey')

@section('content')
<form action="{{ route('admin.surveys.store') }}" method="POST">
    @csrf
    
    <div class="max-w-3xl">
        <div class="card">
            <div class="card-header">
                <h3 class="font-semibold text-secondary-900">Survey Details</h3>
            </div>
            <div class="card-body space-y-4">
                <div>
                    <label class="form-label">Company <span class="text-red-500">*</span></label>
                    <select name="company_id" class="form-select" required>
                        <option value="">-- Select Company --</option>
                        @foreach($companies as $company)
                            <option value="{{ $company->id }}" {{ old('company_id') == $company->id ? 'selected' : '' }}>
                                {{ $company->name }}
                            </option>
                        @endforeach
                    </select>
                    @error('company_id')<p class="form-error">{{ $message }}</p>@enderror
                </div>

                <div>
                    <label class="form-label">Survey Title <span class="text-red-500">*</span></label>
                    <input type="text" name="title" value="{{ old('title') }}" class="form-input" placeholder="e.g., Q1 2025 Employee Engagement Survey" required>
                    @error('title')<p class="form-error">{{ $message }}</p>@enderror
                </div>
                
                <div>
                    <label class="form-label">Description</label>
                    <textarea name="description" rows="3" class="form-input" placeholder="Brief description of the survey purpose">{{ old('description') }}</textarea>
                    @error('description')<p class="form-error">{{ $message }}</p>@enderror
                </div>

                <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                    <div>
                        <label class="form-label">Estimated Time (minutes)</label>
                        <input type="number" name="estimated_minutes" value="{{ old('estimated_minutes', 10) }}" class="form-input" min="1" max="120" placeholder="10">
                        @error('estimated_minutes')<p class="form-error">{{ $message }}</p>@enderror
                    </div>
                    
                    <div>
                        <label class="form-label">
                            Response Limit 
                            <span class="text-gray-400 font-normal">(optional)</span>
                        </label>
                        <input type="number" name="max_responses" value="{{ old('max_responses') }}" class="form-input" min="1" placeholder="Leave empty for unlimited">
                        <p class="text-xs text-gray-500 mt-1">Survey will auto-close when limit is reached</p>
                        @error('max_responses')<p class="form-error">{{ $message }}</p>@enderror
                    </div>
                </div>
                
                <div>
                    <label class="form-label">Welcome Message</label>
                    <textarea name="welcome_message" rows="4" class="form-input" placeholder="Message shown to participants before starting the survey">{{ old('welcome_message', "Welcome to our Employee Engagement Survey!\n\nYour feedback is valuable and will help us improve our workplace. This survey is completely anonymous and should take about 10-15 minutes to complete.") }}</textarea>
                    @error('welcome_message')<p class="form-error">{{ $message }}</p>@enderror
                </div>
                
                <div>
                    <label class="form-label">Thank You Message</label>
                    <textarea name="thank_you_message" rows="3" class="form-input" placeholder="Message shown after survey completion">{{ old('thank_you_message', "Thank you for completing the survey!\n\nYour responses have been recorded. We appreciate your honest feedback.") }}</textarea>
                    @error('thank_you_message')<p class="form-error">{{ $message }}</p>@enderror
                </div>
                
                <div class="border-t pt-4 space-y-3">
                    <label class="flex items-center">
                        <input type="checkbox" name="collect_demographics" value="1" {{ old('collect_demographics', true) ? 'checked' : '' }} class="rounded border-gray-300 text-primary-500 focus:ring-primary-500">
                        <span class="ml-2 text-sm text-gray-700">Collect demographic information (department, tenure, job level)</span>
                    </label>
                    
                    <label class="flex items-center">
                        <input type="checkbox" name="is_anonymous" value="1" {{ old('is_anonymous', true) ? 'checked' : '' }} class="rounded border-gray-300 text-primary-500 focus:ring-primary-500">
                        <span class="ml-2 text-sm text-gray-700">Anonymous responses (recommended for honest feedback)</span>
                    </label>
                </div>
            </div>
            <div class="card-footer flex justify-between">
                <a href="{{ route('admin.surveys.index') }}" class="btn-ghost">Cancel</a>
                <button type="submit" class="btn-primary">
                    <i class="fas fa-save mr-2"></i>Create Survey
                </button>
            </div>
        </div>
    </div>
</form>
@endsection