@extends('layouts.admin')

@section('title', 'Issue Internship Credential | Admin Portal')

@section('content')
<div class="admin-internship-create" style="max-width: 820px; margin: 0 auto;">
  <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 2rem;">
    <div>
      <h1 style="font-size: 1.75rem; font-family: var(--font-heading); margin-bottom: 0.25rem;">Issue Internship Credential</h1>
      <p style="color: var(--text-muted); font-size: 0.95rem; margin: 0;">Award verifiable skill certification and appointment letter to candidate.</p>
    </div>
    <a href="{{ route('admin.internships.index') }}" class="btn btn-outline btn-sm">
      <i class="fas fa-arrow-left"></i> Back to Credentials
    </a>
  </div>

  @if($errors->any())
    <div class="alert alert-danger" style="background: rgba(239, 68, 68, 0.15); border: 1px solid rgba(239, 68, 68, 0.3); color: #ef4444; padding: 1rem; border-radius: var(--radius-md); margin-bottom: 1.5rem;">
      <ul style="margin: 0; padding-left: 1.25rem;">
        @foreach($errors->all() as $error)
          <li>{{ $error }}</li>
        @endforeach
      </ul>
    </div>
  @endif

  <div class="admin-card" style="padding: 2rem;">
    <form method="POST" action="{{ route('admin.internships.store') }}">
      @csrf

      <!-- Candidate Selection -->
      <div style="margin-bottom: 1.5rem;">
        <label for="user_id" style="display: block; font-weight: 600; margin-bottom: 0.5rem; font-size: 0.95rem;">
          Select Certified Candidate <span style="color: #ef4444;">*</span>
        </label>
        <select name="user_id" id="user_id" class="form-control" required style="width: 100%; font-size: 0.95rem; padding: 0.75rem 1rem;">
          <option value="">Choose candidate...</option>
          @foreach($candidates as $candidate)
            <option value="{{ $candidate->id }}" {{ old('user_id') == $candidate->id ? 'selected' : '' }}>
              {{ $candidate->name }} ({{ $candidate->email }}) • Reg ID: {{ $candidate->registration_id ?: 'Active' }}
            </option>
          @endforeach
        </select>
      </div>

      <!-- Program Title -->
      <div style="margin-bottom: 1.5rem;">
        <label for="title" style="display: block; font-weight: 600; margin-bottom: 0.5rem; font-size: 0.95rem;">
          Internship Cohort Title <span style="color: #ef4444;">*</span>
        </label>
        <input type="text" name="title" id="title" value="{{ old('title', 'Full Stack Development & Cloud Architecture Internship') }}" class="form-control" required style="width: 100%; font-size: 0.95rem; padding: 0.75rem 1rem;">
      </div>

      <!-- Domain & Mentor -->
      <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin-bottom: 1.5rem;">
        <div>
          <label for="domain" style="display: block; font-weight: 600; margin-bottom: 0.5rem; font-size: 0.95rem;">
            Domain / Specialization <span style="color: #ef4444;">*</span>
          </label>
          <select name="domain" id="domain" class="form-control" required style="width: 100%; font-size: 0.95rem; padding: 0.75rem 1rem;">
            <option value="Information Technology" {{ old('domain') === 'Information Technology' ? 'selected' : '' }}>Information Technology</option>
            <option value="Human Resources" {{ old('domain') === 'Human Resources' ? 'selected' : '' }}>Human Resources</option>
            <option value="Data Analytics" {{ old('domain') === 'Data Analytics' ? 'selected' : '' }}>Data Analytics</option>
            <option value="Corporate Operations" {{ old('domain') === 'Corporate Operations' ? 'selected' : '' }}>Corporate Operations</option>
            <option value="Civil & Infrastructure" {{ old('domain') === 'Civil & Infrastructure' ? 'selected' : '' }}>Civil & Infrastructure</option>
          </select>
        </div>

        <div>
          <label for="mentor_name" style="display: block; font-weight: 600; margin-bottom: 0.5rem; font-size: 0.95rem;">
            Supervising Mentor / Officer
          </label>
          <input type="text" name="mentor_name" id="mentor_name" value="{{ old('mentor_name', 'Dr. Arvind Shinde, Director of Skill Development') }}" class="form-control" style="width: 100%; font-size: 0.95rem; padding: 0.75rem 1rem;">
        </div>
      </div>

      <!-- Start & End Date -->
      <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin-bottom: 1.5rem;">
        <div>
          <label for="start_date" style="display: block; font-weight: 600; margin-bottom: 0.5rem; font-size: 0.95rem;">
            Start Date <span style="color: #ef4444;">*</span>
          </label>
          <input type="date" name="start_date" id="start_date" value="{{ old('start_date', date('Y-m-d', strtotime('-3 months'))) }}" class="form-control" required style="width: 100%; font-size: 0.95rem; padding: 0.75rem 1rem;">
        </div>

        <div>
          <label for="end_date" style="display: block; font-weight: 600; margin-bottom: 0.5rem; font-size: 0.95rem;">
            End Date <span style="color: #ef4444;">*</span>
          </label>
          <input type="date" name="end_date" id="end_date" value="{{ old('end_date', date('Y-m-d')) }}" class="form-control" required style="width: 100%; font-size: 0.95rem; padding: 0.75rem 1rem;">
        </div>
      </div>

      <!-- Rating & Status -->
      <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin-bottom: 2rem;">
        <div>
          <label for="performance_rating" style="display: block; font-weight: 600; margin-bottom: 0.5rem; font-size: 0.95rem;">
            Performance Evaluation <span style="color: #ef4444;">*</span>
          </label>
          <select name="performance_rating" id="performance_rating" class="form-control" required style="width: 100%; font-size: 0.95rem; padding: 0.75rem 1rem;">
            <option value="Grade A+ - Outstanding" {{ old('performance_rating') === 'Grade A+ - Outstanding' ? 'selected' : '' }}>Grade A+ - Outstanding</option>
            <option value="Grade A - Excellent" {{ old('performance_rating') === 'Grade A - Excellent' ? 'selected' : '' }}>Grade A - Excellent</option>
            <option value="Grade B+ - Commendable" {{ old('performance_rating') === 'Grade B+ - Commendable' ? 'selected' : '' }}>Grade B+ - Commendable</option>
          </select>
        </div>

        <div>
          <label for="status" style="display: block; font-weight: 600; margin-bottom: 0.5rem; font-size: 0.95rem;">
            Status <span style="color: #ef4444;">*</span>
          </label>
          <select name="status" id="status" class="form-control" required style="width: 100%; font-size: 0.95rem; padding: 0.75rem 1rem;">
            <option value="completed" {{ old('status') === 'completed' ? 'selected' : '' }}>Completed</option>
            <option value="issued" {{ old('status') === 'issued' ? 'selected' : '' }}>Issued</option>
            <option value="in_progress" {{ old('status') === 'in_progress' ? 'selected' : '' }}>In Progress</option>
          </select>
        </div>
      </div>

      <div style="display: flex; justify-content: flex-end; gap: 1rem;">
        <a href="{{ route('admin.internships.index') }}" class="btn btn-outline">Cancel</a>
        <button type="submit" class="btn btn-primary" style="padding: 0.75rem 1.75rem;">
          <i class="fas fa-certificate" style="margin-right: 0.5rem;"></i> Issue Credential
        </button>
      </div>
    </form>
  </div>
</div>
@endsection