@extends('public.layout.app')
@section('title', 'Employer Portal')

@php
    $requestTypes = [
        'graduate_verification' => 'Graduate verification',
        'recruitment' => 'Recruitment',
        'internship' => 'Internship',
        'partnership' => 'Partnership',
        'job_posting' => 'Job posting',
        'other' => 'Other',
    ];

    $statusColors = [
        'pending' => 'warning',
        'reviewing' => 'info',
        'approved' => 'success',
        'closed' => 'secondary',
        'rejected' => 'danger',
    ];
@endphp

@section('body')
<section class="online-form-shell employer-portal-shell">
    <div class="container">
        <div class="online-form-top public-animated-block">
            <div>
                <a href="{{ route('front.home') }}" class="btn btn-outline-light btn-sm mb-4">
                    <i class="fa-solid fa-house me-1"></i> {{ __('front.home') }}
                </a>
                <span class="online-form-kicker"><i class="fa-solid fa-briefcase"></i> Employer Portal</span>
                <h1 class="online-form-title">Connect with graduates and academic services</h1>
                <p class="online-form-subtitle">Submit graduate verification, recruitment, internship, job posting, and partnership requests directly to the academic office.</p>
            </div>
        </div>

        @if(session('success'))
            <div class="alert alert-success d-flex align-items-center gap-2">
                <i class="fa-solid fa-circle-check"></i>
                <div>{{ session('success') }}</div>
            </div>
        @endif

        @if ($errors->any())
            <div class="alert alert-danger">
                <strong>Please check the employer request form.</strong>
                <ul class="mb-0 mt-2">
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        <div class="row g-4 mb-4">
            <div class="col-lg-4">
                <div class="card-soft shadow-soft p-4 h-100">
                    <i class="fa-solid fa-shield-halved fa-2x text-success mb-3"></i>
                    <h5 class="fw-bold">Verify credentials</h5>
                    <p class="text-muted2 mb-3">Use the public verification tool, or submit a detailed verification request for office review.</p>
                    <a class="btn btn-success-soft btn-sm" href="{{ route('front.certificate.verify') }}">
                        <i class="fa-solid fa-check me-1"></i> Certificate verification
                    </a>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="card-soft shadow-soft p-4 h-100">
                    <i class="fa-solid fa-users-line fa-2x text-primary mb-3"></i>
                    <h5 class="fw-bold">Recruit talent</h5>
                    <p class="text-muted2 mb-0">Share job openings, internships, training opportunities, or recruitment needs with the institution.</p>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="card-soft shadow-soft p-4 h-100">
                    <i class="fa-solid fa-handshake fa-2x text-warning mb-3"></i>
                    <h5 class="fw-bold">Build partnerships</h5>
                    <p class="text-muted2 mb-0">Request collaboration on internships, scholarships, short courses, research, and employer events.</p>
                </div>
            </div>
        </div>

        <div class="online-form-layout">
            <aside class="online-form-side">
                <span class="online-form-icon"><i class="fa-solid fa-clipboard-check"></i></span>
                <h2>Track request</h2>
                <p>After submitting the form, use your request number and email to check review status.</p>

                <form method="GET" action="{{ route('front.employer.index') }}" class="d-grid gap-2">
                    <input name="request_no" value="{{ $requestNo }}" class="form-control" placeholder="EMP-2608-12345">
                    <input name="email" value="{{ $email }}" class="form-control" placeholder="Employer email">
                    <button class="btn btn-accent">
                        <i class="fa-solid fa-magnifying-glass me-1"></i> Track
                    </button>
                </form>

                @if($employerRequest)
                    @php($status = $employerRequest->status ?? 'pending')
                    <div class="employer-track-result mt-4">
                        <span class="badge bg-{{ $statusColors[$status] ?? 'secondary' }} rounded-pill mb-2">{{ ucfirst($status) }}</span>
                        <h5 class="fw-bold mb-1">{{ $employerRequest->request_no }}</h5>
                        <p class="mb-1">{{ $employerRequest->organization_name }}</p>
                        <small>{{ $requestTypes[$employerRequest->request_type] ?? ucfirst($employerRequest->request_type) }}</small>
                        @if($employerRequest->status_note)
                            <div class="small mt-3 p-3 rounded-3 bg-white bg-opacity-10">{{ $employerRequest->status_note }}</div>
                        @endif
                    </div>
                @elseif($requestNo || $email)
                    <div class="alert alert-soft mt-4 mb-0">No employer request was found for that reference.</div>
                @endif

                <div class="online-form-step mt-4"><span>1</span><div><strong>Submit</strong><small>Organization and request details.</small></div></div>
                <div class="online-form-step"><span>2</span><div><strong>Review</strong><small>Academic office checks the request.</small></div></div>
                <div class="online-form-step"><span>3</span><div><strong>Response</strong><small>Status and notes appear in tracking.</small></div></div>
            </aside>

            <div class="card online-form-card border-0 shadow-sm">
                <div class="card-body p-4">
                    <form method="POST" action="{{ route('front.employer.store') }}" enctype="multipart/form-data">
                        @csrf

                        <div class="form-section-title"><i class="fa-solid fa-building"></i> Organization Details</div>
                        <div class="row g-3 mb-4">
                            <div class="col-md-6">
                                <label class="form-label">Organization name <span class="text-danger">*</span></label>
                                <input name="organization_name" value="{{ old('organization_name') }}" class="form-control @error('organization_name') is-invalid @enderror" required>
                                @error('organization_name') <div class="invalid-feedback">{{ $message }}</div> @enderror
                            </div>
                            <div class="col-md-3">
                                <label class="form-label">Type</label>
                                <input name="organization_type" value="{{ old('organization_type') }}" class="form-control" placeholder="Company, NGO, school">
                            </div>
                            <div class="col-md-3">
                                <label class="form-label">Industry</label>
                                <input name="industry" value="{{ old('industry') }}" class="form-control" placeholder="Technology, education">
                            </div>
                            <div class="col-md-4">
                                <label class="form-label">Website</label>
                                <input type="url" name="website" value="{{ old('website') }}" class="form-control @error('website') is-invalid @enderror" placeholder="https://example.com">
                                @error('website') <div class="invalid-feedback">{{ $message }}</div> @enderror
                            </div>
                            <div class="col-md-4">
                                <label class="form-label">Country</label>
                                <input name="country" value="{{ old('country') }}" class="form-control">
                            </div>
                            <div class="col-md-4">
                                <label class="form-label">City</label>
                                <input name="city" value="{{ old('city') }}" class="form-control">
                            </div>
                        </div>

                        <div class="form-section-title"><i class="fa-solid fa-user-tie"></i> Contact Person</div>
                        <div class="row g-3 mb-4">
                            <div class="col-md-4">
                                <label class="form-label">Full name <span class="text-danger">*</span></label>
                                <input name="contact_name" value="{{ old('contact_name') }}" class="form-control @error('contact_name') is-invalid @enderror" required>
                                @error('contact_name') <div class="invalid-feedback">{{ $message }}</div> @enderror
                            </div>
                            <div class="col-md-4">
                                <label class="form-label">Position</label>
                                <input name="contact_position" value="{{ old('contact_position') }}" class="form-control" placeholder="HR manager, director">
                            </div>
                            <div class="col-md-4">
                                <label class="form-label">Email <span class="text-danger">*</span></label>
                                <input type="email" name="email" value="{{ old('email') }}" class="form-control @error('email') is-invalid @enderror" required>
                                @error('email') <div class="invalid-feedback">{{ $message }}</div> @enderror
                            </div>
                            <div class="col-md-4">
                                <label class="form-label">Phone / WhatsApp <span class="text-danger">*</span></label>
                                <input name="phone" value="{{ old('phone') }}" class="form-control @error('phone') is-invalid @enderror" required>
                                @error('phone') <div class="invalid-feedback">{{ $message }}</div> @enderror
                            </div>
                        </div>

                        <div class="form-section-title"><i class="fa-solid fa-list-check"></i> Request Details</div>
                        <div class="row g-3">
                            <div class="col-md-4">
                                <label class="form-label">Request type <span class="text-danger">*</span></label>
                                <select name="request_type" class="form-select @error('request_type') is-invalid @enderror" required>
                                    @foreach($requestTypes as $value => $label)
                                        <option value="{{ $value }}" @selected(old('request_type') === $value)>{{ $label }}</option>
                                    @endforeach
                                </select>
                                @error('request_type') <div class="invalid-feedback">{{ $message }}</div> @enderror
                            </div>
                            <div class="col-md-4">
                                <label class="form-label">Student / certificate reference</label>
                                <input name="student_reference" value="{{ old('student_reference') }}" class="form-control" placeholder="Student no, email, certificate no">
                            </div>
                            <div class="col-md-4">
                                <label class="form-label">Job title</label>
                                <input name="job_title" value="{{ old('job_title') }}" class="form-control" placeholder="For recruitment/job posting">
                            </div>
                            <div class="col-md-3">
                                <label class="form-label">Positions</label>
                                <input type="number" min="1" max="1000" name="positions_available" value="{{ old('positions_available') }}" class="form-control">
                            </div>
                            <div class="col-md-3">
                                <label class="form-label">Deadline</label>
                                <input type="date" name="deadline" value="{{ old('deadline') }}" class="form-control">
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">Attachment</label>
                                <input type="file" name="attachment_path" class="form-control @error('attachment_path') is-invalid @enderror" accept=".pdf,.doc,.docx,.jpg,.jpeg,.png">
                                @error('attachment_path') <div class="invalid-feedback">{{ $message }}</div> @enderror
                                <div class="text-muted small mt-1">PDF, Word, JPG or PNG. Max 4MB.</div>
                            </div>
                            <div class="col-12">
                                <label class="form-label">Request details <span class="text-danger">*</span></label>
                                <textarea name="request_details" rows="5" class="form-control @error('request_details') is-invalid @enderror" required placeholder="Describe the verification, recruitment, internship, partnership, or job posting request.">{{ old('request_details') }}</textarea>
                                @error('request_details') <div class="invalid-feedback">{{ $message }}</div> @enderror
                            </div>
                            <div class="col-12">
                                <label class="form-label">Partnership interest</label>
                                <textarea name="partnership_interest" rows="3" class="form-control" placeholder="Optional: training, internships, scholarships, guest lectures, research, events.">{{ old('partnership_interest') }}</textarea>
                            </div>
                            <div class="col-12">
                                <div class="form-check">
                                    <input class="form-check-input @error('agreement') is-invalid @enderror" type="checkbox" id="agreement" name="agreement" value="1" @checked(old('agreement')) required>
                                    <label class="form-check-label" for="agreement">I confirm this request is submitted by an authorized employer representative.</label>
                                    @error('agreement') <div class="invalid-feedback d-block">{{ $message }}</div> @enderror
                                </div>
                            </div>
                            <div class="col-12 d-flex flex-wrap gap-2 align-items-center">
                                <button class="btn btn-accent px-4">
                                    <i class="fa-solid fa-paper-plane me-1"></i> Submit employer request
                                </button>
                                <span class="online-form-note small">You will receive a request number for tracking.</span>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>

@push('styles')
<style>
    .employer-track-result {
        border: 1px solid rgba(255, 255, 255, .18);
        background: rgba(255, 255, 255, .08);
        border-radius: 8px;
        padding: 18px;
    }
</style>
@endpush
@endsection