@extends('layouts.app')

@section('content')
<div class="container-fluid px-4">
    <div class="row mb-4">
        <div class="col-12">
            <div class="d-flex justify-content-between align-items-center">
                <div>
                    <h2 class="mb-1">
                        <i class="fas fa-edit text-primary me-2"></i>Edit Data Anak Magang
                    </h2>
                    <p class="text-muted mb-0">{{ $intern->name }}</p>
                </div>
                <a href="{{ route('interns.show', $intern) }}" class="btn btn-outline-secondary">
                    <i class="fas fa-arrow-left me-2"></i>Kembali
                </a>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-lg-8">
            <div class="card shadow-sm">
                <div class="card-header bg-white py-3">
                    <h5 class="card-title mb-0">
                        <i class="fas fa-file-alt text-primary me-2"></i>Form Edit Data
                    </h5>
                </div>
                <div class="card-body">
                    <form action="{{ route('interns.update', $intern) }}" method="POST">
                        @csrf
                        @method('PUT')
                        
                        <div class="row g-4">
                            <div class="col-md-12">
                                <label class="form-label fw-bold">Pilih Sesi Magang</label>
                                <select name="session_id" class="form-select @error('session_id') is-invalid @enderror" required>
                                    <option value="">-- Pilih Sesi --</option>
                                    @foreach($sessions as $session)
                                        <option value="{{ $session->id }}" 
                                            {{ old('session_id', $intern->session_id) == $session->id ? 'selected' : '' }}>
                                            {{ $session->department->name }} - {{ $session->name }}
                                        </option>
                                    @endforeach
                                </select>
                                @error('session_id')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-6">
                                <label class="form-label fw-bold">Nama Lengkap</label>
                                <div class="input-group">
                                    <span class="input-group-text"><i class="fas fa-user"></i></span>
                                    <input type="text" name="name" class="form-control @error('name') is-invalid @enderror" 
                                        value="{{ old('name', $intern->name) }}" required>
                                </div>
                                @error('name')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-6">
                                <label class="form-label fw-bold">Email (Opsional)</label>
                                <div class="input-group">
                                    <span class="input-group-text"><i class="fas fa-envelope"></i></span>
                                    <input type="text" name="email" class="form-control @error('email') is-invalid @enderror" 
                                        value="{{ old('email', $intern->email) }}" placeholder="Bisa dikosongkan atau diisi -">
                                </div>
                                @error('email')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-6">
                                <label class="form-label fw-bold">WhatsApp</label>
                                <div class="input-group">
                                    <span class="input-group-text"><i class="fab fa-whatsapp"></i></span>
                                    <input type="text" name="whatsapp" class="form-control @error('whatsapp') is-invalid @enderror" 
                                        value="{{ old('whatsapp', $intern->whatsapp) }}" required>
                                </div>
                                @error('whatsapp')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-6">
                                <label class="form-label fw-bold">Universitas/Institusi</label>
                                <div class="input-group">
                                    <span class="input-group-text"><i class="fas fa-university"></i></span>
                                    <input type="text" name="university" class="form-control @error('university') is-invalid @enderror" 
                                        value="{{ old('university', $intern->university) }}" required>
                                </div>
                                @error('university')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-12">
                                <label class="form-label fw-bold">Program Studi/Jurusan</label>
                                <div class="input-group">
                                    <span class="input-group-text"><i class="fas fa-graduation-cap"></i></span>
                                    <input type="text" name="major" class="form-control @error('major') is-invalid @enderror" 
                                        value="{{ old('major', $intern->major) }}" required>
                                </div>
                                @error('major')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-6">
                                <label class="form-label fw-bold">Tanggal Mulai</label>
                                <div class="input-group">
                                    <span class="input-group-text"><i class="fas fa-calendar-alt"></i></span>
                                    <input type="date" name="start_date" class="form-control @error('start_date') is-invalid @enderror" 
                                        value="{{ old('start_date', $intern->start_date->format('Y-m-d')) }}" required>
                                </div>
                                @error('start_date')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-6">
                                <label class="form-label fw-bold">Tanggal Selesai</label>
                                <div class="input-group">
                                    <span class="input-group-text"><i class="fas fa-calendar-alt"></i></span>
                                    <input type="date" name="end_date" class="form-control @error('end_date') is-invalid @enderror" 
                                        value="{{ old('end_date', $intern->end_date->format('Y-m-d')) }}" required>
                                </div>
                                @error('end_date')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-12">
                                <label class="form-label fw-bold">Alamat</label>
                                <div class="input-group">
                                    <span class="input-group-text"><i class="fas fa-map-marker-alt"></i></span>
                                    <textarea name="address" class="form-control @error('address') is-invalid @enderror" 
                                        rows="3" required>{{ old('address', $intern->address) }}</textarea>
                                </div>
                                @error('address')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <!-- Add this after the address field, before the submit button -->
                            <div class="col-md-12">
                                <label class="form-label fw-bold">Status</label>
                                <div class="input-group">
                                    <span class="input-group-text"><i class="fas fa-check-circle"></i></span>
                                    <select name="status" class="form-select @error('status') is-invalid @enderror" required>
                                        <option value="active" {{ $intern->status == 'active' ? 'selected' : '' }}>Aktif</option>
                                        <option value="completed" {{ $intern->status == 'completed' ? 'selected' : '' }}>Selesai</option>
                                        <option value="pending" {{ $intern->status == 'pending' ? 'selected' : '' }}>Menunggu</option>
                                    </select>
                                </div>
                                @error('status')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-12">
                                <button type="submit" class="btn btn-primary">
                                    <i class="fas fa-save me-2"></i>Simpan Perubahan
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection