@extends('layout.layout')

@section('content')
    <!-- Success/Error Messages -->
    @if (session('success'))
        <div class="alert alert-success alert-dismissible fade show" role="alert" id="successAlert">
            <i class="fas fa-check-circle me-2"></i>{{ session('success') }}
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
    @endif
    @if ($errors->any())
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
            <i class="fas fa-exclamation-circle me-2"></i>
            <ul class="mb-0">
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
    @endif

    <div class="">
        <div class="card shadow-sm mt-3 p-3 border-0">
            <div class="mb-2">{{ $assignment->title }}</div>
            <p class="text-muted">{{ $assignment->description }}</p>

            <div class="row mb-3">
                <div class="col-md-3"><strong>Start Date:</strong> {{ $assignment->start_date }} - {{ $assignment->start_time}}</div>
                <div class="col-md-3"><strong>End Date:</strong> {{ $assignment->end_date }} - {{ $assignment->end_time }} </div>
                <div class="col-md-3"><strong>Submission Type:</strong> {{ ucfirst($assignment->submission_type) }}</div>

                @if ($assignment->submission_type === 'file')
                    <div class="col-md-3"><strong>Max Files:</strong> {{ $assignment->max_number_of_uploaded_files }}</div>
                    <div class="col-md-3"><strong>Max Size:</strong> {{ $assignment->maximum_submission_size }} MB</div>
                    <div class="col-md-3">
                        <strong>Accepted Types:</strong>
                        {{ is_array(json_decode($assignment->accepted_file_types, true))
                            ? implode(', ', json_decode($assignment->accepted_file_types, true))
                            : $assignment->accepted_file_types }}
                    </div>
                @endif
            </div>

            @if ($assignment->attachments->count())
                <div class="mt-3">
                    <strong>Attachments:</strong>
                    <ul class="list-group list-group-flush mt-2">
                        @foreach ($assignment->attachments as $attachment)
                            <li class="list-group-item">
                                <a class="btn btn-outline-success btn-sm radius-8"
                                    href="{{ config('app.Exam_URL') . $attachment->file }}" target="_blank"
                                    alt="{{ basename($attachment->file) }}">
                                    View Attachment
                                </a>
                            </li>
                        @endforeach
                    </ul>
                </div>
            @endif

            {{-- @dd($existingAnswer) --}}

            @if ($existingAnswer)
                <div class="alert alert-info mb-3">
                    <strong>Note:</strong> You already submitted this assignment.
                </div>

                @if ($existingAnswer->text)
                    <div class="p-3 bg-light rounded border mb-3">
                        <strong>Your Answer:</strong><br>{{ $existingAnswer->text }}
                    </div>
                @endif
                @if ($existingAnswer->grade)
                    <div class="p-3 bg-info rounded border mb-3">
                        <strong>Grade:</strong><br>{{ $existingAnswer->grade }}
                        @if ($existingAnswer->grade >50)
                            <span class="badge bg-success">Pass</span>
                        @else
                            <span class="badge bg-danger">Fail</span>
                        @endif
                    </div>
                @endif
                @if ($existingAnswer->feedback)
                    <div class="p-3 bg-warning rounded border mb-3">
                        <strong>Feedback:</strong><br>{{ $existingAnswer->feedback }}
                    </div>
                @endif

                {{-- @dd($existingAnswer) --}}
                @if ($existingAnswer->answerAttachments->count())
                    <p><strong>Your Files:</strong></p>
                    <ul class="list-group list-group-flush">
                        @foreach ($existingAnswer->answerAttachments as $att)
                            <li class="list-group-item">
                                <a href="{{ asset($att->file_answer) }}" target="_blank"
                                    alt="{{ basename($att->file_answer) }}">
                                    View
                                </a>
                            </li>
                        @endforeach
                    </ul>
                @endif
            @else
                <form method="POST" action="{{ route('assignments.submit', $assignment->id) }}"
                    enctype="multipart/form-data">
                    @csrf

                    @if ($assignment->submission_type === 'text')
                        <div class="mb-3">
                            <label for="text" class="form-label">Your Answer</label>
                            <textarea name="text" id="text" class="form-control" rows="5" placeholder="Write your answer..."></textarea>
                        </div>
                    @elseif ($assignment->submission_type === 'file')
                        <div class="mb-3">
                            <label class="form-label">Upload Files</label>
                            <div id="fileInputs">
                                <input type="file" name="attachments[]" class="form-control mb-2">
                            </div>
                            <button type="button" id="addFile" class="btn btn-outline-secondary btn-sm">
                                + Add another file
                            </button>
                            <small class="text-muted d-block mt-2">
                                Allowed:
                                {{ is_array(json_decode($assignment->accepted_file_types, true))
                                    ? implode(', ', json_decode($assignment->accepted_file_types, true))
                                    : $assignment->accepted_file_types }}
                                |
                                Max per file: {{ $assignment->maximum_submission_size ?? '' }} MB
                            </small>
                        </div>
                    @endif

                    <button type="submit" class="btn btn-outline-success btn-sm radius-8">Submit Assignment</button>
                    <a href="{{ route('assignments.index') }}" type="submit" class="btn btn-outline-secondary btn-sm radius-8">Cancel</a>
                </form>
            @endif
        </div>
    </div>
@endsection

@push('scripts')
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const maxFiles = {{ $assignment->max_number_of_uploaded_files ?? 1 }};
            const addFileBtn = document.getElementById('addFile');
            const fileInputs = document.getElementById('fileInputs');

            addFileBtn.addEventListener('click', function() {
                const currentInputs = fileInputs.querySelectorAll('input[type="file"]').length;
                if (currentInputs < maxFiles) {
                    const newInput = document.createElement('input');
                    newInput.type = 'file';
                    newInput.name = 'attachments[]';
                    newInput.classList.add('form-control', 'mb-3');
                    fileInputs.appendChild(newInput);
                } else {
                    alert(`You can upload up to ${maxFiles} files only.`);
                }
            });
        });
    </script>
@endpush