@extends('layout.layout')

@section('content')
<div class="container mt-5">
    <div class="card shadow-lg border-0 rounded-3">
        <div class="card-header py-3">
            <div class="mb-0"><i class="fas fa-edit"></i> Edit Student Request</div>
        </div>
        <div class="card-body px-3 py-3">
            <form action="{{ route('requests.update', $studentRequest->id) }}" method="POST" enctype="multipart/form-data">
                @csrf
                @method('PUT')

                <div class="mb-3">
                    <div class="fw-bold">Requester Name</div>
                    <div>{{ $auth->first_name }} {{ $auth->last_name }} </div>
                </div>


                <div class="row">

                    <!-- Request Type -->
                    <div class="col-md-6 mb-3">
                        <label for="type" class="form-label">Request Type</label>
                        <select name="type" id="type"
                            class="form-select rounded-3 @error('type') is-invalid @enderror">
                            <option value="">Select Type</option>
                            <option value="complaint" {{ old('type', $studentRequest->type) == 'complaint' ? 'selected' : '' }}>Complaint</option>
                            <option value="request" {{ old('type', $studentRequest->type) == 'request' ? 'selected' : '' }}>Request</option>
                            <option value="need" {{ old('type', $studentRequest->type) == 'need' ? 'selected' : '' }}>Need</option>
                            <option value="information" {{ old('type', $studentRequest->type) == 'information' ? 'selected' : '' }}>Information</option>
                            <option value="escalation" {{ old('type', $studentRequest->type) == 'escalation' ? 'selected' : '' }}>Escalation</option>
                        </select>
                        @error('type')
                        <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                    <!-- Related To -->
                    <div class="col-md-6 mb-3">
                        <label for="related_to" class="form-label">Related To</label>
                        <select name="related_to" id="related_to"
                            class="form-select rounded-3 @error('related_to') is-invalid @enderror">
                            <option value="">Select Related To</option>
                            <option value="activities" {{ old('related_to', $studentRequest->related_to) == 'activities' ? 'selected' : '' }}>Activities</option>
                            <option value="homework" {{ old('related_to', $studentRequest->related_to) == 'homework' ? 'selected' : '' }}>Homework</option>
                            <option value="whiteboard" {{ old('related_to', $studentRequest->related_to) == 'whiteboard' ? 'selected' : '' }}>Whiteboard</option>
                            <option value="curriculum" {{ old('related_to', $studentRequest->related_to) == 'curriculum' ? 'selected' : '' }}>Curriculum</option>
                            <option value="time" {{ old('related_to', $studentRequest->related_to) == 'time' ? 'selected' : '' }}>Time</option>
                        </select>
                        @error('related_to')
                        <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>


                </div>



                <!-- Subject -->
                <div class="mb-3">
                    <label for="subject" class="form-label">Subject <span class="text-danger" style="display:inline !important">*</span></label>
                    <input type="text" name="subject" id="subject" class="form-control rounded-3 @error('subject') is-invalid @enderror"
                        value="{{ old('subject', $studentRequest->subject) }}" pattern="^[A-Za-z0-9\s]+$"
                        title="Only letters, numbers, and spaces are allowed">
                    @error('subject')
                    <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>


                <div class="row">
                    <!-- Assign to Instructor -->
                    <!-- <div class="col-md-6 mb-3">
                        <label for="instructor_id" class="form-label">Assign to Instructor</label>
                        <select name="instructor_id" id="instructor_id"
                            class="form-select select2 @error('instructor_id') is-invalid @enderror" required>
                            <option value="">Select Instructor</option>
                            @foreach ($instructors as $instructor)
                            <option value="{{ $instructor->id }}"
                                {{ old('instructor_id', $studentRequest->instructor_id) == $instructor->id ? 'selected' : '' }}>
                                {{ $instructor->first_name . ' ' . $instructor->last_name }}
                            </option>
                            @endforeach
                        </select>
                        @error('instructor_id')
                        <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div> -->
                    <!-- Priority -->
                    <div class="col-md-6 mb-3">
                        <label for="priority" class="form-label">Priority</label>
                        <select name="priority" id="priority"
                            class="form-select rounded-3 @error('priority') is-invalid @enderror">
                            <option value="high" {{ old('priority', $studentRequest->priority) == 'high' ? 'selected' : '' }}>High</option>
                            <option value="medium" {{ old('priority', $studentRequest->priority) == 'medium' ? 'selected' : '' }}>Medium</option>
                            <option value="low" {{ old('priority', $studentRequest->priority) == 'low' ? 'selected' : '' }}>Low</option>
                        </select>
                        @error('priority')
                        <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>
                <!-- Session -->
                <!-- <div class="mb-3">
                    <label for="session" class="form-label">Session</label>
                    <input type="text" name="session" id="session"
                        class="form-control rounded-3 @error('session') is-invalid @enderror"
                        value="{{ old('session', $studentRequest->session) }}" pattern="^[A-Za-z0-9\s]+$"
                        title="Only letters, numbers, and spaces are allowed">
                    @error('session')
                    <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div> -->
                <!-- Description -->
                <div class="mb-3">
                    <label for="description" class="form-label">Description</label>
                    <textarea name="description" id="description" rows="4"
                        class="form-control rounded-3 @error('description') is-invalid @enderror" oninput="this.value = this.value.replace(/[^A-Za-z0-9\s]/g, '')">{{ old('description', $studentRequest->description) }}</textarea>
                    @error('description')
                    <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
                <!-- Attachments -->
                <div class="mb-3">
                    <label for="attachments" class="form-label">Attachments</label>
                    <input type="file" name="attachments[]" id="attachments"
                        class="form-control rounded-3 @error('attachments') is-invalid @enderror @error('attachments.*') is-invalid @enderror"
                        multiple>
                    @error('attachments')
                    <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                    @error('attachments.*')
                    <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                    {{-- Show old attachments if available --}}
                    @if ($studentRequest->attachments && count($studentRequest->attachments))
                    <div class="mt-2">
                        <p class="fw-bold">Existing Attachments:</p>
                        <div class="d-flex flex-wrap gap-2">
                            @foreach ($studentRequest->attachments as $file)
                            <div class="border p-2" style="max-width: 150px;">
                                <a href="{{ asset($file->file_path) }}" target="_blank">
                                    <img src="{{ asset($file->file_path) }}"
                                        alt="Attachment"
                                        class="img-thumbnail"
                                        style="width: 100%; height: auto;">
                                </a>
                            </div>
                            @endforeach
                        </div>
                    </div>
                    @endif
                </div>
                <!-- Submit -->
                <div class="d-flex justify-content-end mt-3">
                    <button type="submit" class="btn btn-primary px-4">
                        <i class="fas fa-save me-2"></i> Update Student Request
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>

<style>
    span {
        display: block !important;
    }
</style>
@endsection
@push('scripts')
<script>
    $(document).ready(function() {
        $('.select2').select2({
            allowClear: true,
            width: '100%'
        });
    });
</script>
@endpush