{{-- resources/views/workflows/create.blade.php --}}
@extends('layouts.app')

@section('title', 'Create Workflow')

@section('content')
<div class="container-fluid">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h1><i class="fas fa-plus-circle mr-2 text-primary"></i>Create Universal Workflow</h1>
        <a href="{{ route('workflows.index') }}" class="btn btn-secondary">
            <i class="fas fa-arrow-left mr-2"></i>Back to Workflows
        </a>
    </div>

    <div class="card">
        <div class="card-header bg-primary text-white">
            <h4 class="mb-0"><i class="fas fa-plus-circle mr-2"></i>Create New Workflow</h4>
        </div>
        <div class="card-body">
            @if($errors->any())
                <div class="alert alert-danger">
                    <ul class="mb-0">
                        @foreach($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif

            <form method="POST" action="{{ route('workflows.store') }}" id="workflowForm">
                @csrf
                
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>Workflow Code</label>
                            <input type="text" class="form-control" value="{{ $workflowCode }}" readonly>
                            <small class="text-muted">Auto-generated unique code</small>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>Workflow Name <span class="text-danger">*</span></label>
                            <input type="text" name="workflow_name" class="form-control @error('workflow_name') is-invalid @enderror" 
                                   value="{{ old('workflow_name') }}" required placeholder="e.g., Standard Document Approval">
                            @error('workflow_name')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">
                            <label>Module Type <span class="text-danger">*</span></label>
                            <select name="module_type" class="form-select @error('module_type') is-invalid @enderror" required>
                                <option value="">Select Module</option>
                                @foreach($modules as $value => $label)
                                    <option value="{{ $value }}" {{ old('module_type') == $value ? 'selected' : '' }}>
                                        {{ $label }}
                                    </option>
                                @endforeach
                            </select>
                            @error('module_type')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label>Document Type (Optional)</label>
                            <select name="document_type" class="form-select">
                                <option value="">All Document Types</option>
                                <option value="SOP" {{ old('document_type') == 'SOP' ? 'selected' : '' }}>SOP</option>
                                <option value="POLICY" {{ old('document_type') == 'POLICY' ? 'selected' : '' }}>Policy</option>
                                <option value="FORM" {{ old('document_type') == 'FORM' ? 'selected' : '' }}>Form</option>
                                <option value="WORK_INSTRUCTION" {{ old('document_type') == 'WORK_INSTRUCTION' ? 'selected' : '' }}>Work Instruction</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label>Version</label>
                            <input type="number" name="version" class="form-control" value="{{ old('version', 1) }}" min="1">
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>Effective Date</label>
                            <input type="date" name="effective_date" class="form-control" value="{{ old('effective_date', date('Y-m-d')) }}">
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>Expiry Date</label>
                            <input type="date" name="expiry_date" class="form-control" value="{{ old('expiry_date', date('Y-m-d', strtotime('+1 year'))) }}">
                        </div>
                    </div>
                </div>

                <div class="form-group">
                    <label>Description</label>
                    <textarea name="description" class="form-control" rows="3" placeholder="Describe the purpose of this workflow">{{ old('description') }}</textarea>
                </div>

                <div class="row">
                    <div class="col-md-4">
                        <div class="form-check form-switch">
                            <input type="checkbox" class="form-check-input" id="is_default" name="is_default" value="1" {{ old('is_default') ? 'checked' : '' }}>
                            <label class="form-check-label" for="is_default">Set as Default Workflow</label>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-check form-switch">
                            <input type="checkbox" class="form-check-input" id="is_active" name="is_active" value="1" {{ old('is_active', true) ? 'checked' : '' }}>
                            <label class="form-check-label" for="is_active">Active</label>
                        </div>
                    </div>
                </div>

                <div class="form-group mt-4">
                    <button type="submit" class="btn btn-primary">
                        <i class="fas fa-save mr-2"></i>Create & Add Steps
                    </button>
                    <a href="{{ route('workflows.index') }}" class="btn btn-secondary">Cancel</a>
                </div>
            </form>
        </div>
    </div>
</div>

@push('scripts')
<script>
$(document).ready(function() {
    // Form validation
    $('#workflowForm').on('submit', function(e) {
        if (!this.checkValidity()) {
            e.preventDefault();
            e.stopPropagation();
        }
        $(this).addClass('was-validated');
    });
});
</script>
@endpush
@endsection