@extends('layouts.app_layout')

@section('content')
<!-- [ Page Header ] start -->
<x-page-header title="{{ $pageTitle }}" :backButton="true" />
<!-- [ Page Header ] end -->

<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-body">
                <p>
                    All (<span class="text-danger">*</span>) marked fields are required.
                </p>
                <form id="trainingProgramEditForm" enctype="multipart/form-data">
                    @csrf

                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label class="form-label">Code <span class="text-danger">*</span></label>
                            <input type="text" name="code" class="form-control" value="{{ $trainingProgram->code }}" readonly required />
                        </div>

                        <div class="col-md-6 mb-3">
                            <label class="form-label">Title <span class="text-danger">*</span></label>
                            <input type="text" name="title" class="form-control" value="{{ $trainingProgram->title }}" required />
                        </div>

                        <div class="col-md-3 mb-3">
                            <label class="form-label">Course Type <span class="text-danger">*</span></label>
                            <select name="course_type" class="form-control form-select" required>
                                <option value="">Select</option>
                                <option value="1" {{ $trainingProgram->course_type == 1 ? 'selected': '' }}>Certificate</option>
                                <option value="2" {{ $trainingProgram->course_type  == 2 ? 'selected': '' }}>Diploma</option>
                            </select>
                        </div>

                        <div class="col-md-3 mb-3">
                            <label class="form-label">Total Hours <span class="text-danger">*</span></label>
                            <input type="number" name="total_hours" class="form-control" value="{{ $trainingProgram->total_hours }}" min="0" required />
                        </div>

                        <div class="col-md-3 mb-3">
                            <label class="form-label">Batch Size Min <span class="text-danger">*</span></label>
                            <input type="number" name="batch_size_min" class="form-control" value="{{ $trainingProgram->batch_size_min }}" min="0" required />
                        </div>

                        <div class="col-md-3 mb-3">
                            <label class="form-label">Batch Size Max <span class="text-danger">*</span></label>
                            <input type="number" name="batch_size_max" class="form-control" value="{{ $trainingProgram->batch_size_max }}" min="0" required />
                        </div>

                        <div class="col-md-3 mb-3">
                            <label class="form-label">Fees <span class="text-danger">*</span></label>
                            <input type="number" name="fees" class="form-control" value="{{ $trainingProgram->fees }}" step="0.01" required />
                        </div>

                        <div class="col-md-3 mb-3">
                            <label class="form-label">Pay per Student <span class="text-danger">*</span></label>
                            <input type="number" name="pay_per_student" class="form-control" value="{{ $trainingProgram->pay_per_student }}" step="0.01" required />
                        </div>

                        <div class="col-md-12 mb-3">
                            <label class="form-label">Commencement</label>
                            <textarea name="commencement" class="form-control custom-editor" rows="2">{{ $trainingProgram->commencement }}</textarea>
                        </div>

                        <div class="col-md-12 mb-3">
                            <label class="form-label">Eligibility of Training Institute</label>
                            <textarea name="eligibility_of_training_institute" class="form-control custom-editor" rows="2">{{ $trainingProgram->eligibility_of_training_institute }}</textarea>
                        </div>

                        <div class="col-md-12 mb-3">
                            <label class="form-label">Eligibility Criteria of Candidates</label>
                            <textarea name="eligibility_criteria_of_candidates" class="form-control custom-editor" rows="2">{{ $trainingProgram->eligibility_criteria_of_candidates }}</textarea>
                        </div>

                        <div class="col-md-12 mb-3">
                            <label class="form-label">Eligibility of Trainees Final Assessment</label>
                            <textarea name="eligibility_of_trainees_final_assessment" class="form-control custom-editor" rows="2">{{ $trainingProgram->eligibility_of_trainees_final_assessment }}</textarea>
                        </div>

                        <div class="col-md-12 mb-3">
                            <label class="form-label">Objectives</label>
                            <textarea name="objectives" class="form-control custom-editor" rows="3">{{ $trainingProgram->objectives }}</textarea>
                        </div>

                        <div class="col-md-12 mb-3">
                            <label class="form-label">Background</label>
                            <textarea name="background" class="form-control custom-editor" rows="3">{{ $trainingProgram->background }}</textarea>
                        </div>

                        <div class="col-md-12 mb-3">
                            <label class="form-label">Course Curriculum</label>
                            <textarea name="course_curriculum" class="form-control custom-editor" rows="3">{{ $trainingProgram->course_curriculum }}</textarea>
                        </div>

                        <div class="col-md-12 mb-3">
                            <label class="form-label">Upload File</label>
                            <input type="file" name="file_name" class="form-control" accept=".pdf,.doc,.docx,.jpg,.png" />
                            <small class="text-muted">Accepted types: pdf, doc, docx, jpg, png. Max 2MB.</small>

                            @if ($trainingProgram->file_name)
                            <div class="mt-2">
                                <strong>Current File:</strong><br>
                                <a href="{{ $trainingProgram->file_name_full_path }}" target="_blank" class="btn btn-secondary">
                                    <i class="fa fa-eye"></i> View File
                                </a>
                            </div>
                            @endif
                        </div>

                        <div class="col-12 text-center">
                            <button type="submit" class="btn btn-primary"><i class="fa fa-save"></i> Update</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection

@section('pages-scripts')
<script>
    $(document).ready(function() {
        $("#trainingProgramEditForm").validate({
            rules: {
                title: {
                    required: true
                },
                course_type: {
                    required: true
                },
                total_hours: {
                    required: true
                },
                batch_size_min: {
                    required: true
                },
                 batch_size_max: {
                    required: true
                },
                fees: {
                    required: true
                },

                pay_per_student: {
                    required:true
                }
            },
            submitHandler: function(form) {
                let formData = new FormData(form);
                window.editors.forEach(({
                    editor,
                    name,
                    id
                }) => {

                    if (name == 'commencement') {
                        const editorContent = editor.getData();
                        formData.set(name, editorContent);
                    }
                    if (name == 'eligibility_of_training_institute') {
                        const editorContent = editor.getData();
                        formData.set(name, editorContent);
                    }
                    if (name == 'eligibility_criteria_of_candidates') {
                        const editorContent = editor.getData();
                        formData.set(name, editorContent);
                    }
                    if (name == 'eligibility_of_trainees_final_assessment') {
                        const editorContent = editor.getData();
                        formData.set(name, editorContent);
                    }
                    if (name == 'objectives') {
                        const editorContent = editor.getData();
                        formData.set(name, editorContent);
                    }
                    if (name == 'background') {
                        const editorContent = editor.getData();
                        formData.set(name, editorContent);
                    }
                    if (name == 'course_curriculum') {
                        const editorContent = editor.getData();
                        formData.set(name, editorContent);
                    }
                });

                $.ajax({
                    url: "{{ route('training-programs.update', $trainingProgram->id) }}",
                    method: "POST",
                    data: formData,
                    contentType: false,
                    processData: false,
                    success: function(response) {
                        if (response.success) {
                            Swal.fire({
                                title: "Updated!",
                                text: response.message,
                                icon: "success"
                            }).then(() => {
                                window.location.href = "{{ route('training-programs.index') }}";
                            });
                        } else {
                            toastr.error(response.message);
                        }
                    },
                    error: function(xhr) {
                        if (xhr.status === 422) {
                            let errors = xhr.responseJSON.errors;
                            let errorMessages = Object.values(errors).flat().join("<br>");
                            Swal.fire({
                                title: "Validation Error",
                                html: errorMessages,
                                icon: "error"
                            });
                        } else {
                            Swal.fire("Error!", "Something went wrong. Please try again.", "error");
                        }
                    }
                });
            }
        });
    });
</script>
@endsection