@extends('layouts.app')

@section('content')
<div class="container-fluid">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <a href="{{ route('interns.index') }}" class="btn btn-outline-secondary mb-3">
                <i class="fas fa-arrow-left me-2"></i>Kembali
            </a>
            <h2 class="mb-0">
                <i class="fas fa-user-plus text-primary me-2"></i>
                Tambah Anak Magang
            </h2>
        </div>
    </div>

    <div class="row">
        <div class="col-lg-8">
            <div class="card shadow">
                <div class="card-header bg-white py-3">
                    <h5 class="card-title mb-0 text-primary">
                        <i class="fas fa-file-alt me-2"></i>Form Pendaftaran
                    </h5>
                </div>
                <div class="card-body">
                    <form action="{{ route('interns.store') }}" method="POST">
                        @csrf
                        <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)
                                        @php
                                            $isCompleted = $session->end_date < now();
                                            $isFull = $session->interns->count() >= $session->max_interns;
                                        @endphp
                                        @if(!$isFull)
                                            <option value="{{ $session->id }}" 
                                                {{ old('session_id') == $session->id ? 'selected' : '' }}
                                                {{ $isCompleted ? 'disabled' : '' }}>
                                                {{ $session->department->name }} - {{ $session->name }}
                                                ({{ $session->interns->count() }}/{{ $session->max_interns }} peserta)
                                                {{ $isCompleted ? '- Sesi Selesai' : '' }}
                                            </option>
                                        @endif
                                    @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') }}" 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', '-') }}" placeholder="Bisa dikosongkan">
                                </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') }}" placeholder="Contoh: 081234567890" 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') }}" 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') }}" required>
                                </div>
                                @error('major')
                                    <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') }}</textarea>
                                </div>
                                @error('address')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="row g-3">
                                <div class="col-md-6">
                                    <label class="form-label">Tanggal Mulai</label>
                                    <input type="date" name="start_date" class="form-control" required>
                                </div>
                                
                                <div class="col-md-6">
                                    <label class="form-label">Tanggal Selesai</label>
                                    <input type="date" name="end_date" class="form-control" required>
                                </div>
                            </div>

                            <div class="col-12">
                                <hr>
                                <button type="submit" class="btn btn-primary">
                                    <i class="fas fa-save me-2"></i>Simpan Data
                                </button>
                                <a href="{{ route('interns.index') }}" class="btn btn-outline-secondary">
                                    <i class="fas fa-times me-2"></i>Batal
                                </a>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <div class="col-lg-4">
            <div class="card shadow">
                <div class="card-header bg-white py-3">
                    <h5 class="card-title mb-0 text-primary">
                        <i class="fas fa-info-circle me-2"></i>Informasi
                    </h5>
                </div>
                <div class="card-body">
                    <div class="alert alert-info">
                        <h6 class="alert-heading fw-bold"><i class="fas fa-exclamation-circle me-2"></i>Perhatian!</h6>
                        <p class="mb-0">Pastikan data yang diisi sudah benar dan lengkap. Sesi magang yang sudah penuh tidak akan ditampilkan dalam pilihan.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection