@extends('layouts.master')

@section('title', 'Ministry of Immigration -; Fiji Passports, Fiji Permits')

@section('content')
<section class="immi-hero">

    <!-- Background Slider -->
    <div class="swiper hero-swiper">
        <div class="swiper-wrapper">
            <div class="swiper-slide" style="background-image:url('/assets/images/ban1.jpg')"></div>
            <div class="swiper-slide" style="background-image:url('/assets/images/ban2.jpg')"></div>
            <div class="swiper-slide" style="background-image:url('/assets/images/ban3.jpg')"></div>
            <div class="swiper-slide" style="background-image:url('/assets/images/ban4.jpg')"></div>
            <div class="swiper-slide" style="background-image:url('/assets/images/ban5.jpg')"></div>
        </div>
    </div>

    <!-- Overlay Content -->
    <div class="hero-overlay">
        <div class="container">

            <!-- I would like to -->
            <h1 class="hero-title">I would like to...</h1>

            <div class="hero-grid">
                <a href="#" class="hero-card">
                    <h3>Work</h3>
                    <p>Apply for work permit</p>
                </a>

                <a href="#" class="hero-card">
                    <h3>Invest</h3>
                    <p>Apply for investor permit</p>
                </a>

                <a href="#" class="hero-card">
                    <h3>Study</h3>
                    <p>Apply for study permit</p>
                </a>

                <a href="#" class="hero-card">
                    <h3>Visit</h3>
                    <p>Apply for Visitors Visa and Permit</p>
                </a>

                <a href="#" class="hero-card">
                    <h3>Travel for Business</h3>
                    <p>Apply for Business Visitor Permit</p>
                </a>

                <a href="#" class="hero-card">
                    <h3>Retire in Fiji</h3>
                    <p>Apply for retirement in Fiji</p>
                </a>
            </div>

            <!-- Already have visa -->
            <h1 class="hero-title mt-5">I already have a visa...</h1>

            <div class="hero-grid three-col">
                <a href="#" class="hero-card">
                    <h3>I want citizenship</h3>
                    <p>How do I become a Fiji citizen?</p>
                </a>

                <a href="#" class="hero-card">
                    <h3>My Immigration Status</h3>
                    <p>How can I check my immigration status?</p>
                </a>

                <a href="#" class="hero-card">
                    <h3>New Fiji passport</h3>
                    <p>How do I get a Fiji passport?</p>
                </a>
            </div>
            <hr>
            <h2 class="hero-title">IMPORTANT NOTICE TO OVERSTAYING REGIONAL STUDENTS</h2>
            <div class="hero-bottom">
                <ul>
                    <li><strong><em>The Ministry of Immigration would like to advise regional student who may have overstayed their current permit to note that you are to wait for PI Uplift approval before lodging your student permit applications.</em></strong></li>
                    <li><strong><em>You are required to await the decision on your PI Uplift application before lodging the student permit application online. </em></strong></li>
                    <li><strong><em>Prior lodgment of student permit application while overstaying can result in REFUSAL of the application. </em></strong></li>
                </ul>
            </div>
        </div>
    </div>
</section>

<section class="immigration-section py-5">
    <div class="container">
        <h1 class="mb-4">Immigration Services</h1>

        <div class="row">
            <!-- LEFT NAV -->
            <div class="col-lg-2 col-md-3">
                <ul class="nav nav-pills flex-column immigration-nav" role="tablist">

                    <li class="nav-item">
                        <button class="nav-link active" data-bs-toggle="pill" data-bs-target="#visa">
                            Visa & Visitors Permit
                        </button>
                    </li>

                    <li class="nav-item">
                        <button class="nav-link" data-bs-toggle="pill" data-bs-target="#work">
                            Work Permit
                        </button>
                    </li>

                    <li class="nav-item">
                        <button class="nav-link" data-bs-toggle="pill" data-bs-target="#investor">
                            Investor Permit
                        </button>
                    </li>

                    <li class="nav-item">
                        <button class="nav-link" data-bs-toggle="pill" data-bs-target="#study">
                            Study Permit
                        </button>
                    </li>

                    <li class="nav-item">
                        <button class="nav-link" data-bs-toggle="pill" data-bs-target="#residence">
                            Residence Permit
                        </button>
                    </li>

                    <li class="nav-item">
                        <button class="nav-link" data-bs-toggle="pill" data-bs-target="#citizenship">
                            Citizenship
                        </button>
                    </li>

                    <li class="nav-item">
                        <button class="nav-link" data-bs-toggle="pill" data-bs-target="#exemption">
                            Exemption
                        </button>
                    </li>

                    <li class="nav-item">
                        <button class="nav-link" data-bs-toggle="pill" data-bs-target="#status">
                            Immigration Status Search
                        </button>
                    </li>

                    <li class="nav-item">
                        <button class="nav-link" data-bs-toggle="pill" data-bs-target="#pi">
                            Uplift of PI Status
                        </button>
                    </li>

                    <li class="nav-item">
                        <button class="nav-link" data-bs-toggle="pill" data-bs-target="#bond">
                            Bond
                        </button>
                    </li>

                    <li class="nav-item">
                        <button class="nav-link" data-bs-toggle="pill" data-bs-target="#appeal">
                            Appeal
                        </button>
                    </li>

                </ul>


            </div>

            <!-- RIGHT CONTENT -->
            <div class="col-lg-10 col-md-9">
                <div class="tab-content">

                    <!-- VISA & VISITORS PERMIT -->
                    <div class="tab-pane fade show active" id="visa">
                        <div class="row g-0 service-grid">

                            <div class="col-lg-4">
                                <a href="#" class="service-box-link">
                                    <div class="service-box">
                                        <p class="service-box-title">Visa & Visitors Permit</p>
                                        <p class="service-box-desc">
                                            Visa is a pre-entry authority issued to a non-citizen passport holder from non-visa exempted countries.
                                        </p>
                                    </div>
                                </a>
                            </div>

                            <div class="col-lg-4">
                                <a href="#" class="service-box-link">
                                    <div class="service-box">
                                        <p class="service-box-title">Business Visitor Permit</p>
                                        <p class="service-box-desc">
                                            For non-citizen who intend to work, conduct business, study, investment or consultancy.
                                        </p>
                                    </div>
                                </a>
                            </div>

                        </div>
                    </div>

                    <!-- WORK PERMIT -->
                    <div class="tab-pane fade" id="work">
                        <div class="row g-0 service-grid">

                            <div class="col-lg-4">
                                <a href="#" class="service-box-link">
                                    <div class="service-box">
                                        <p class="service-box-title">Non-Government Organization</p>
                                        <p class="service-box-desc">
                                            NGOs often require work permits for foreign employees in humanitarian roles.
                                        </p>
                                    </div>
                                </a>
                            </div>

                            <div class="col-lg-4">
                                <a href="#" class="service-box-link">
                                    <div class="service-box">
                                        <p class="service-box-title">Maritime and Fishing</p>
                                        <p class="service-box-desc">
                                            Work permits are crucial for those in maritime and fishing industries who want to enter Fiji.
                                        </p>
                                    </div>
                                </a>
                            </div>

                            <div class="col-lg-4">
                                <a href="#" class="service-box-link">
                                    <div class="service-box">
                                        <p class="service-box-title">Secondments</p>
                                        <p class="service-box-desc">
                                            Needed for overseas employees temporarily seconded to another country.
                                        </p>
                                    </div>
                                </a>
                            </div>

                            <div class="col-lg-4">
                                <a href="#" class="service-box-link">
                                    <div class="service-box">
                                        <p class="service-box-title">Work Permit Categories – Long Term (3 Years)</p>
                                        <p class="service-box-desc">
                                            Offering three-year or longer work permits for specific skills or opportunities.
                                        </p>
                                    </div>
                                </a>
                            </div>

                            <div class="col-lg-4">
                                <a href="#" class="service-box-link">
                                    <div class="service-box">
                                        <p class="service-box-title">Work Permit Categories – One Year or Less</p>
                                        <p class="service-box-desc">
                                            Typically for a year or less, are issued for temporary or seasonal work.
                                        </p>
                                    </div>
                                </a>
                            </div>

                        </div>
                    </div>

                    <!-- INVESTOR PERMIT -->
                    <div class="tab-pane fade" id="investor">
                        <div class="row g-0 service-grid">
                            <div class="col-lg-4">
                                <a href="#" class="service-box-link">
                                    <div class="service-box">
                                        <p class="service-box-title">Investor Permit</p>
                                        <p class="service-box-desc">
                                            These permits enable individuals to legally work in Fiji's maritime sector, contributing their skills and expertise to the industry.
                                        </p>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>

                    <!-- STUDY / VISA & VISITORS -->
                    <div class="tab-pane fade" id="study">
                        <div class="row g-0 service-grid">

                            <div class="col-lg-4">
                                <a href="#" class="service-box-link">
                                    <div class="service-box">
                                        <p class="service-box-title">Student Permit</p>
                                        <p class="service-box-desc">
                                            Student Permit are issued to foreigners authorizing a person to study at local Institutions or Universities.
                                        </p>
                                    </div>
                                </a>
                            </div>

                            <div class="col-lg-4">
                                <a href="#" class="service-box-link">
                                    <div class="service-box">
                                        <p class="service-box-title">Internship</p>
                                        <p class="service-box-desc">
                                            Internship or Training Attachment permit is granted to a person to undertake internship or training at a locally approved institutions.
                                        </p>
                                    </div>
                                </a>
                            </div>

                            <div class="col-lg-4">
                                <a href="#" class="service-box-link">
                                    <div class="service-box">
                                        <p class="service-box-title">Research Permit</p>
                                        <p class="service-box-desc">
                                            Research Permit is granted to person to undertake research for the benefit of local universities/institution.
                                        </p>
                                    </div>
                                </a>
                            </div>

                        </div>
                    </div>

                    <!-- RESIDENCE PERMIT -->
                    <div class="tab-pane fade" id="residence">
                        <div class="row g-0 service-grid">

                            <div class="col-lg-4">
                                <a href="#" class="service-box-link">
                                    <div class="service-box">
                                        <p class="service-box-title">Permit on Assured Income</p>
                                        <p class="service-box-desc">
                                            Issued to non-citizen with assets abroad, ensuring self-sufficiency in Fiji.
                                        </p>
                                    </div>
                                </a>
                            </div>

                            <div class="col-lg-4">
                                <a href="#" class="service-box-link">
                                    <div class="service-box">
                                        <p class="service-box-title">Co-Extensive Residence</p>
                                        <p class="service-box-desc">
                                            Co-Extensive Residence Permit enables dependents to enter and reside with the principal applicant.
                                        </p>
                                    </div>
                                </a>
                            </div>

                            <div class="col-lg-4">
                                <a href="#" class="service-box-link">
                                    <div class="service-box">
                                        <p class="service-box-title">Permit on Special Purpose</p>
                                        <p class="service-box-desc">
                                            Medical Grounds Permit: Non-citizen, recommended by certified practitioner.
                                        </p>
                                    </div>
                                </a>
                            </div>

                        </div>
                    </div>

                    <!-- CITIZENSHIP -->
                    <div class="tab-pane fade" id="citizenship">
                        <div class="row g-0 service-grid">

                            <div class="col-lg-4">
                                <a href="#" class="service-box-link">
                                    <div class="service-box">
                                        <p class="service-box-title">By Registration</p>
                                        <p class="service-box-desc">
                                            Citizenship acquisition guided by the Fijian Citizenship Act 2009.
                                        </p>
                                    </div>
                                </a>
                            </div>

                            <div class="col-lg-4">
                                <a href="#" class="service-box-link">
                                    <div class="service-box">
                                        <p class="service-box-title">By Birth</p>
                                        <p class="service-box-desc">
                                            Every child born in Fiji becomes a citizen at birth unless otherwise specified.
                                        </p>
                                    </div>
                                </a>
                            </div>

                            <div class="col-lg-4">
                                <a href="#" class="service-box-link">
                                    <div class="service-box">
                                        <p class="service-box-title">Dual Citizenship</p>
                                        <p class="service-box-desc">
                                            You can be both a Fijian citizen and a citizen of another country.
                                        </p>
                                    </div>
                                </a>
                            </div>

                        </div>
                    </div>

                    <!-- IMMIGRATION STATUS SEARCH -->
                    <div class="tab-pane fade" id="status">
                        <div class="row g-0 service-grid">
                            <div class="col-lg-4">
                                <a href="#" class="service-box-link">
                                    <div class="service-box">
                                        <p class="service-box-title">Immigration Status Search</p>
                                        <p class="service-box-desc">
                                            An application for Immigration search or clearance request can be made here.
                                        </p>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>

                    <!-- UPLIFT OF PI STATUS -->
                    <div class="tab-pane fade" id="pi">
                        <div class="row g-0 service-grid">
                            <div class="col-lg-4">
                                <a href="#" class="service-box-link">
                                    <div class="service-box">
                                        <p class="service-box-title">Uplift of PI Status</p>
                                        <p class="service-box-desc">
                                            Navigate the PI Uplift Application process seamlessly with our guide.
                                        </p>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>

                    <!-- BOND -->
                    <div class="tab-pane fade" id="bond">
                        <div class="row g-0 service-grid">
                            <div class="col-lg-4">
                                <a href="#" class="service-box-link">
                                    <div class="service-box">
                                        <p class="service-box-title">Bond Refund</p>
                                        <p class="service-box-desc">
                                            Bond is a sum paid by a non-citizen as security prior to permit approval.
                                        </p>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>

                    <!-- APPEAL -->
                    <div class="tab-pane fade" id="appeal">
                        <div class="row g-0 service-grid">
                            <div class="col-lg-4">
                                <a href="#" class="service-box-link">
                                    <div class="service-box">
                                        <p class="service-box-title">Appeal Application</p>
                                        <p class="service-box-desc">
                                            Appeal to the Minister responsible for Immigration by a foreigner or company.
                                        </p>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>

                </div>
            </div>


        </div>
    </div>
</section>
<section class="immi-enquiry-section">
    <div class="container-fluid p-0">
        <div class="row">

            <!-- LEFT FORM PANEL -->
            <div class="col-lg-6 col-md-6" style="padding-left: 140px;">
                <div class="enquiry-card">

                    <!-- Toggle Buttons -->
                    <ul class="nav enquiry-tabs" role="tablist">
                        <li class="nav-item">
                            <button class="nav-link active" data-bs-toggle="tab" data-bs-target="#enquiries" type="button">
                                <i class="fa-solid fa-circle-arrow-right"></i> Enquiries

                            </button>
                        </li>
                        <li class="nav-item">
                            <button class="nav-link" data-bs-toggle="tab" data-bs-target="#complaints" type="button">
                                <i class="fa-solid fa-circle-arrow-right"></i> Complaints
                            </button>
                        </li>
                    </ul>

                    <!-- Forms -->
                    <div class="tab-content">

                        <!-- ENQUIRIES FORM -->
                        <div class="tab-pane fade show active" id="enquiries">
                            <h2>General Enquiries</h2>
                            <p class="small-text">
                                Fill out the form below and we will contact you as soon as possible.
                                You may follow up on your application after 30 working days.
                            </p>

                            <form>
                                <label>Please select what your enquiry is in relation to <span>*</span></label>
                                <select class="form-control">
                                    <option value="Passport ">Passport </option>
                                    <option value="Visa">Visa</option>
                                    <option value="Permit">Permit</option>
                                    <option value="Citizenship">Citizenship</option>
                                    <option value="Bond">Bond</option>
                                    <option value="PI Lift">PI Lift</option>
                                    <option value="Other">Other</option>
                                </select>

                                <div class="row mt-3">
                                    <div class="col">
                                        <label>Your email address <span>*</span></label>
                                        <input type="email" class="form-control" placeholder="Email address">
                                    </div>
                                    <div class="col">
                                        <label>Phone Number <span>*</span></label>
                                        <input type="text" class="form-control" placeholder="Phone Number">
                                    </div>
                                </div>

                                <label class="mt-3">Please write your enquiry <span>*</span></label>
                                <textarea class="form-control" rows="4" placeholder="Your message"></textarea>

                                <button type="submit" class="btn btn-primary mt-3">Send</button>
                            </form>
                        </div>

                        <!-- COMPLAINTS FORM -->
                        <div class="tab-pane fade" id="complaints">
                            <h2>Complaints/Report</h2>
                            <p class="small-text">Report any illegal immigration activities.</p>

                            <form>
                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="row">
                                            <div class="col-lg-12">
                                                <label>Name</label>
                                                <input type="text" class="form-control" placeholder="Full Name">
                                            </div>
                                            <div class="col-lg-12">
                                                <label class="mt-3">Phone Number</label>
                                                <input type="text" class="form-control" placeholder="Phone Number">
                                            </div>
                                            <div class="col-lg-12">
                                                <label class="mt-3">Who or what are you reporting?</label>
                                                <div class="checkbox-group">
                                                    <label><input type="checkbox"> An individual</label>
                                                    <label><input type="checkbox"> A business or organisation</label>
                                                    <label><input type="checkbox"> Mail, a package or cargo</label>
                                                    <label><input type="checkbox"> Vehicle, vessel or aircraft</label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="row">
                                            <div class="col-lg-12">
                                                <label>Your email address</label>
                                                <input type="email" class="form-control" placeholder="Email address">
                                            </div>
                                            <div class="col-lg-12">
                                                <label class="mt-3">What are you reporting?</label>
                                                <div class="checkbox-group">
                                                    <label><input type="checkbox"> Suspicious or illegal immigration or visa activity</label>
                                                    <label><input type="checkbox"> Suspicious or illegal customs or trade activity</label>
                                                </div>
                                            </div>
                                            <div class="col-lg-12">
                                                <label class="mt-3">Which category best describes the type of activity you are reporting?</label>
                                                <select class="form-control">
                                                    <option value=""></option>
                                                    <option value="    fraudulant travel/migration agents"> fraudulant travel/migration agents</option>
                                                    <option value="    travellers with forged travel documents"> travellers with forged travel documents</option>
                                                    <option value="    tax evaders"> tax evaders</option>
                                                    <option value="    workers with no/wrong work permits"> workers with no/wrong work permits</option>
                                                    <option value="    over-stayers"> over-stayers</option>
                                                    <option value="    people smugglers"> people smugglers</option>
                                                    <option value="    people traffickers"> people traffickers</option>
                                                    <option value="    goods (includes prohibited) smugglers/traffickers"> goods (includes prohibited) smugglers/traffickers</option>
                                                    <option value="cyber criminals">cyber criminals</option>
                                                    <option value="money launderers">money launderers</option>
                                                    <option value="sex tourists">sex tourists</option>
                                                    <option value="terrorists">terrorists</option>

                                                </select>
                                            </div>
                                        </div>
                                    </div>


                                </div>









                                <label class="mt-3">Description of the Incident <span>*</span></label>
                                <textarea class="form-control" rows="4" placeholder="Description of the Incident"></textarea>

                                <button type="submit" class="btn btn-primary mt-3">Submit</button>
                            </form>
                        </div>

                    </div>
                </div>
            </div>

            <!-- RIGHT IMAGE -->
            <div class="col-lg-6 col-md-6 enquiry-bg"></div>

        </div>
    </div>
</section>
<section class="public-notices-section">
    <div class="container">
        <div class="public-notices-header">
            <h2>Public Notices</h2>
            <a href="#" class="see-more">See more</a>
        </div>

        <div class="row g-4">

            <!-- Card 1 -->
            <div class="col-lg-4 col-md-6">
                <div class="notice-card">
                    <span class="notice-date">August 8</span>
                    <h3>Passport Services Update</h3>
                    <p>
                        The Ministry of Immigration wishes to inform the public that 30,000 passport books
                        have landed and received at the Immigration Office in Suva. This batch is part of the
                        100,000 books that is being printed by our supplier in Germany. The remaining 70,000
                        will arrive in Fiji over the next few months. The process of ordering another 100,000
                        has commenced.
                    </p>
                    <a href="#" class="read-more">Read More</a>
                </div>
            </div>

            <!-- Card 2 -->
            <div class="col-lg-4 col-md-6">
                <div class="notice-card">
                    <span class="notice-date">June 30</span>
                    <h3>PUBLIC NOTICE</h3>
                    <p>
                        Extension of the “Adherence to Application Requirements and Processing Guidelines”.
                        The Ministry of Immigration advises that the “Adherence to Application Requirements
                        and Processing Guidelines” has been extended for three (3) months, from June to
                        August 2025. This follows its effective date on 8th May 2025.
                    </p>
                    <a href="#" class="read-more">Read More</a>
                </div>
            </div>

            <!-- Card 3 -->
            <div class="col-lg-4 col-md-6">
                <div class="notice-card">
                    <span class="notice-date">May 5</span>
                    <h3>PUBLIC NOTICE</h3>
                    <p>
                        The Ministry of Immigration wishes to inform that, effective from 23 April 2025,
                        all work permit applications must be processed strictly in accordance with the
                        provisions of the Immigration Act 2003 and its regulations.
                    </p>
                    <a href="#" class="read-more">Read More</a>
                </div>
            </div>

        </div>
    </div>
</section>
<section class="news-section">
    <div class="container">
        <div class="news-header">
            <h2>News</h2>
            <a href="#" class="see-more">See more</a>
        </div>

        <div class="row g-4">

            <!-- News Card 1 -->
            <div class="col-lg-4 col-md-6">
                <div class="news-card">
                    <div class="news-image">
                        <span class="news-date">October 14</span>
                        <img src="{{ asset('assets/images/news-1.jpg') }}" alt="News">
                    </div>
                    <div class="news-content">
                        <h3>Fiji Opens Doors To All Fijians Living Overseas</h3>
                        <p>
                            All Fijians living overseas who are registered in the Vola ni Kawa Bula
                            and those descended from Fijians but are living overseas will qualify
                            to enter, work, and reside in Fiji.
                        </p>
                        <a href="#" class="read-more">Read More</a>
                    </div>
                </div>
            </div>

            <!-- News Card 2 -->
            <div class="col-lg-4 col-md-6">
                <div class="news-card">
                    <div class="news-image">
                        <span class="news-date">October 13</span>
                        <img src="{{ asset('assets/images/news-2.jpg') }}" alt="News">
                    </div>
                    <div class="news-content">
                        <h3>VKB Registered Fijians Overseas To Work In Fiji Visa-Free</h3>
                        <p>
                            The Immigration Department and the Ministry of iTaukei Affairs have
                            officially signed a memorandum of understanding that will allow
                            Fijians living overseas who are registered under the Vola-Ni-Kavabula
                            to work and live in Fiji visa-free.
                        </p>
                        <a href="#" class="read-more">Read More</a>
                    </div>
                </div>
            </div>

            <!-- News Card 3 -->
            <div class="col-lg-4 col-md-6">
                <div class="news-card">
                    <div class="news-image">
                        <span class="news-date">May 2</span>
                        <img src="{{ asset('assets/images/news-3.jpg') }}" alt="News">
                    </div>
                    <div class="news-content">
                        <h3>Review Of Immigration Act Begins</h3>
                        <p>
                            Many people who attended the first public consultations on the review
                            of Immigration Act 2003 agree that iTaukei people born overseas should
                            be granted automatic Fijian citizenship rather than applying for it.
                        </p>
                        <a href="#" class="read-more">Read More</a>
                    </div>
                </div>
            </div>

        </div>
    </div>
</section>

@endsection
