@php
    use App\Institution;
    use App\Course;
    use App\Department;
    use App\ScrollingText;
    use App\Designation;
    use App\FeedbackQuestion;
    use App\FeedbackQuestionOption;
    use App\PageImage;
    $pageImages = PageImage::where('disp_section', '=', 'hhs')->orderBy('id', 'DESC')->get();
    $designations = Designation::orderBy('designation')->get();
    $scrollingText = ScrollingText::where(['section' => 'Grievances', 'active' => 'Yes'])->first();
    $year_start = date('Y');
    $year_end = $year_start + 6;
    $passout_year = 2013;
@endphp
@php
    function getJsonData($filePath)
    {
        if (file_exists($filePath)) {
            $jsonData = file_get_contents($filePath);
            $data = json_decode($jsonData, true);
            return $data;
        } else {
            return [];
        }
    }
@endphp
@php
    $attractions = getJsonData('uploads/fest/nirmiti-2024/data/attractions.json');
    $otherAttractions = getJsonData('uploads/fest/nirmiti-2024/data/otherAttractions.json');
    $AdvisoryBoardAndGuests = getJsonData('uploads/fest/nirmiti-2024/data/AdvisoryBoardAndGuests.json');
    $aboutTab = getJsonData('uploads/fest/nirmiti-2024/data/aboutTab.json');
@endphp
@push('head')
    <script src="assets/lib/remodal/dist/remodal.js"></script>
    <link href="assets/lib/remodal/dist/remodal.css" rel="stylesheet" />
    <link href="assets/lib/remodal/dist/remodal-default-theme.css" rel="stylesheet" />
    <style>
        @media only screen & (min-width: 641px) {
            .remodal {
                max-width: 1000px !important;
            }
        }

        .feedback-box:hover {
            background-color: #f2f2f2;
        }

        .hamburger {
            padding: 28px 15px !important;
        }
    </style>
    <style>
        .logo {
            display: flex;
            justify-content: center;
            align-items: center;

            & .image-wrapper {
                width: 130px;
                height: 130px;

                & img {
                    width: 100%;
                    height: 100%;
                }
            }
        }

        .card {
            margin-bottom: 20px;
        }

        table.table {

            &>tbody>tr>td,
            &>tbody>tr>th,
            &>tfoot>tr>td,
            &>tfoot>tr>th,
            &>thead>tr>td,
            &>thead>tr>th {
                padding: .75rem;
                text-wrap: balance;
                font-variant-numeric: tabular-nums;
            }
        }

        .container {
            font-variant-numeric: oldstyle-nums;
        }

        .title-row {
            justify-content: space-between;
        }

        .ui.styled.accordion .title,
        .ui.styled.accordion .accordion .title {
            font-weight: initial !important;
            font-size: 16px !important;
        }

        .contact-details {
            border: 1px solid #f2f2f2;
            border-radius: 10px;
            padding: 20px;
            background-color: #f2f2f2;
            margin: 0 0 10px 10px;
            max-width: 420px;
        }

        .avtar {
            aspect-ratio: 1 / 1;
            border-radius: 50%;
            object-fit: cover;
            object-position: center;
        }

        .remodal {
            font-family: Montserrat, sans-serif !important;
        }

        .mobile-contact-details {
            display: none;
        }

        .large-contact-details {
            display: block;
        }

        @media screen and (width < 768px) {
            .mobile-contact-details {
                display: block;
            }

            .large-contact-details {
                display: none;
            }
        }

        strong,
        b {
            font-weight: 600 !important;
        }

        .sponsor-cards {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            justify-content: start;
            gap: 12px;
            align-items: center;
            border: 1px solid #f2f2f2;

            border-radius: 12px;

            &>div {
                border: 1px solid #f2f2f2;
                border-radius: 10px;
                height: 100%;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;


            }

            & img {

                border-radius: 12px;
            }

        }

        .lead {
            &>h2 {
                font-size: 20px;
                /* margin-bottom: 12px; */
                padding-block: 12px 0;


            }
        }


        .sponsers {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
            gap: 12px;

            &>.lead {

                display: grid;
                grid-template-rows: auto 1fr;
            }

        }
    </style>
@endpush
@extends('frontend.mainlayout')
@section('title', 'Nirmiti 2024 - RERF Group of Institutions')
@section('banner')
    <section class="color-1 background-10 font-1 fw-400 py-6">
        <div class="container">
            <div class="row title-row">
                <div class="col-lg-8">
                    <div class="fs--1 font-1 mb-2"> <a class="mr-2" href="/home">Home</a><span
                            class="fa fa-angle-double-right color-6"></span> <a class="mr-2" href="#">Fest</a><span
                            class="fa fa-angle-double-right color-6"></span> <a class="mx-2">Nirmiti 2024</a> </div>
                    <h1 class="fs-3 fs-sm-4 fw-400">Nirmiti 2024</h1>
                    <p class="lead color-4">On 4th & 5th October, 2024 <br>Last date of Registration: <s>15th September,
                            2024</s> <br> <b>26th September, 2024</b></p>
                    </p>
                </div>
                <div class="col justify-content-center my-3">
                    <div class="logo">
                        <div class="image-wrapper"><img src="/uploads/fest/nirmiti-2024/logo.webp" alt="Nirmiti 2024"
                                style="width: 100%"></div>
                    </div>
                </div>
            </div> <!--/.row-->
        </div> <!--/.container-->
    </section> @endsection @section('main') <section class="font-1 py-5 ">
        <div class="container">
            <div class="row  font-1 pb-5">
                <div class="col">
                    <div class="tabs ">
                        <div id="tab-nav" style="overflow-x: auto; flex-wrap:nowrap" class="nav-bar ">
                            <div id="about-nav" class="nav-bar-item active">About </div> {{-- <div class="nav-bar-item ">Guidelines</div> --}} <div
                                id="events-nav" class="nav-bar-item">Events</div>
                            <div class="nav-bar-item">Schedule</div>
                            <div class="nav-bar-item">Advisory Board & Guests</div>
                            <div class="nav-bar-item">Sponsors & Media Partner</div>
                        </div>
                        <div class="tab-contents">
                            <div id="aboutTab" class="mt-5 tab-content active ">
                                <div class="lead color-1">
                                    <h2 class="d-none">About</h2>
                                    <div class="float-right large-contact-details">
                                        <div class="contact-details">
                                            <p><b class="fs-1" style="text-decoration: underline">Contact Us</b></p>
                                            <p class="fw-500"> {{ $aboutTab['contact']['name'] }} <br>
                                                {{ $aboutTab['contact']['title'] }} <br>
                                                {{ $aboutTab['contact']['position'] }} <br> Ph:
                                                {{ $aboutTab['contact']['phone'] }} <br> Mail: <a
                                                    href="mailto:{{ $aboutTab['contact']['email'] }}"><strong>{{ $aboutTab['contact']['email'] }}</strong></a>
                                            </p>
                                            <p class="fw-500"> {{ $aboutTab['contact']['location'] }}</p>
                                        </div>
                                        <div class="col justify-content-center mb-3"> <a id="register-btn1"
                                                class="btn btn-primary w-100" href="javascript:void(0)">Register Now</a>
                                        </div>
                                    </div>
                                    <p> Regent Education & Research Foundation Group of Institutions (RERFGI) Start-up
                                        Conclave ‘Nirmiti 2024’ is
                                        poised to be an inspiring congregation in the entrepreneurial landscape in the state
                                        to ignite the young minds towards Innovation, Incubation & Entrepreneurship. RERFGI
                                        warmly welcomes the students, alumni of various Institute to participate & show case
                                        the prowess of their innovative virtuosity. The convergence of Innovator, mentors,
                                        investors in these inspiring two days event will germinate great initiatives.</p>
                                    <p><strong>Objectives of ‘NIRMITI 2024’, A Startup Conclave</strong></p>
                                    <ul>
                                        @foreach ($aboutTab['objectives'] as $title => $description)
                                            <li>
                                                <p><strong>{{ $title }}</strong>: {{ $description }}</p>
                                            </li>
                                        @endforeach
                                    </ul>
                                    <p><strong>12 pavilions of ‘Nirmiti 2024’ - Broad Areas of Participation at ‘Nirmiti
                                            2024’</strong></p>
                                    <div class="ui styled fluid accordion">
                                        @foreach ($aboutTab['pavilions'] as $pavilion => $topics)
                                            <div class="title"> <i class="dropdown icon"></i> {{ $loop->iteration }}.
                                                {{ $pavilion }} </div>
                                            <div class="content">
                                                <div class="transition hidden">
                                                    <ul class="fs-0">
                                                        @foreach ($topics as $topic)
                                                            <li> {{ $topic }} </li>
                                                        @endforeach
                                                    </ul>
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>
                                    <div class="mt-3">
                                        <p>Date of Event: <b>{{ $aboutTab['event_dates']['date'] }}</b></p>
                                        <p>Last date of Registration:
                                            <b>{{ $aboutTab['event_dates']['registration_deadline'] }}</b>
                                        </p>
                                        <p>Registration Fee: <b>{{ $aboutTab['event_dates']['fee'] }}</b></p>
                                    </div>
                                    <p><strong style="text-decoration: underline">Prizes</strong></p>
                                    <div class="table-responsive">
                                        <table class="table table-striped mb-0 fs-0">
                                            <thead>
                                                <tr>
                                                    <th></th>
                                                    @foreach ($aboutTab['prizes'] as $level => $rewards)
                                                        <th>{!! $level !!}</th>
                                                    @endforeach
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach (array_keys($aboutTab['prizes']['Tier III <br>Advance Level (TRL 7-9)']) as $award)
                                                    <tr>
                                                        <td>{!! $award !!}</td>
                                                        @foreach ($aboutTab['prizes'] as $rewards)
                                                            <td>{{ $rewards[$award] }}</td>
                                                        @endforeach
                                                    </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="mobile-contact-details mt">
                                        <div class="contact-details">
                                            <p><b class="fs-1" style="text-decoration: underline">Contact Us</b></p>
                                            <p class="fw-500"> {{ $aboutTab['contact']['name'] }} <br>
                                                {{ $aboutTab['contact']['title'] }} <br>
                                                {{ $aboutTab['contact']['position'] }} <br> Ph:
                                                {{ $aboutTab['contact']['phone'] }} <br> Mail: <a
                                                    href="mailto:{{ $aboutTab['contact']['email'] }}"><strong>{{ $aboutTab['contact']['email'] }}</strong></a>
                                            </p>
                                            <p class="fw-500"> {{ $aboutTab['contact']['location'] }}</p>
                                        </div>
                                        <div class="col justify-content-center mb-3"> <a id="register-btn2"
                                                class="btn btn-primary w-100" href="javascript:void(0)">Register Now</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div id="eventsTab" class="mt-5 tab-content text-left ">
                                <div class="lead color-1">
                                    <h2 class="d-none ">Events</h2>

                                    <div class="row">
                                        @foreach ($attractions as $attraction)
                                            <div class="col-md-6">
                                                <div class="card">
                                                    <div class="card-block"> <a class="color-2">
                                                            <h5 class="card-title">{{ $loop->iteration }}.
                                                                {{ $attraction['title'] }} ({{ $attraction['type'] }})
                                                            </h5>
                                                        </a>
                                                        <div class="card-text color-2 font-1">
                                                            <p><b>About:</b> {{ $attraction['about'] }}</p>
                                                            <div class="d-flex" style="gap: 12px">
                                                                @if (isset($attraction['ruleLink']))
                                                                    <p><a href="{{ $attraction['ruleLink'] }}"
                                                                            target="_blank">Rules</a></p>
                                                                @endif
                                                                <p><a href="#"
                                                                        data-remodal-target="{{ $attraction['contactId'] }}">Contact
                                                                        Person</a></p>
                                                            </div>
                                                            @if (isset($attraction['links']))
                                                                @foreach ($attraction['links'] as $linkText => $linkUrl)
                                                                    <a class="btn btn-outline-primary"
                                                                        href="{{ $linkUrl }}"
                                                                        target="_blank">{{ $linkText }}</a>
                                                                @endforeach
                                                                @endif @if (isset($attraction['notes']))
                                                                    <div class="mt-3">
                                                                        <p style="font-size: .8rem">
                                                                            @foreach ($attraction['notes'] as $note)
                                                                                {!! $note !!} <br>
                                                                            @endforeach
                                                                        </p>
                                                                    </div>
                                                                @endif
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>
                                    <p><b>Other Attractions</b></p>
                                    <div class="row">
                                        @foreach ($otherAttractions as $otherAttraction)
                                            <div class="col-md-6">
                                                <div class="card">
                                                    <div class="card-block"> <a class="color-2">
                                                            <h5 class="card-title">{{ $otherAttraction['title'] }}</h5>
                                                        </a>
                                                        <div class="card-text color-2 font-1">
                                                            <p><b>About:</b> {{ $otherAttraction['about'] }}</p>
                                                            <div class="d-flex" style="gap: 12px">
                                                                @if (@isset($otherAttraction['contactId']))
                                                                    <p><a href="#"
                                                                            data-remodal-target="{{ $otherAttraction['contactId'] }}">Contact
                                                                            Person</a></p>
                                                                @endif
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                            </div>
                            <div class="mt-5 tab-content">
                                <div class="lead color-1">
                                    <h2 class="d-none ">Schedule</h2>

                                    <div class="table-responsive">
                                        <table class="table table-striped fs-0">
                                            <thead>
                                                <tr>
                                                    <th>Sl</th>
                                                    <th>Time</th>
                                                    <th>Duration</th>
                                                    <th>Event Name</th>
                                                    <th>Venue</th>
                                                </tr>
                                            </thead>
                                            <tbody> @php
                                                $filePath4th = public_path('uploads/fest/nirmiti-2024/October4th.json');
                                                $shedule4th = getJsonData($filePath4th);
                                                $filePath5th = public_path('uploads/fest/nirmiti-2024/October5th.json');
                                                $shedule5th = getJsonData($filePath5th);
                                            @endphp <tr>
                                                    <td colspan="5" style="text-align: center; font-weight: bold">
                                                        4<sup>th</sup> October, 2024 (Day 1)</td>
                                                </tr>
                                                @forelse($shedule4th as $item)
                                                    <tr>
                                                        <td>{{ $loop->iteration }}</td>
                                                        <td>{{ $item['Time'] }}</td>
                                                        <td>{{ $item['Duration'] }}</td>
                                                        <td style="max-width: 320px;">{{ $item['Event Name'] }}</td>
                                                        <td style="max-width: 250px;">{{ $item['Venue'] }}</td>
                                                </tr> @empty <tr>
                                                        <td colspan="5" style="text-align: center; font-weight: bold"
                                                            class="text-center py-2 px-4">No events scheduled.</td>
                                                    </tr>
                                                @endforelse
                                                <tr>
                                                    <td colspan="5" style="text-align: center; font-weight: bold">
                                                        5<sup>th</sup> October, 2024 (Day 2)</td>
                                                </tr>
                                                @forelse($shedule5th as $item)
                                                    <tr>
                                                        <td>{{ $loop->iteration }}</td>
                                                        <td>{{ $item['Time'] }}</td>
                                                        <td>{{ $item['Duration'] }}</td>
                                                        <td style="max-width: 320px;">{{ $item['Event Name'] }}</td>
                                                        <td style="max-width: 250px;">{{ $item['Venue'] }}</td>
                                                </tr> @empty <tr>
                                                        <td colspan="4" class="text-center py-2 px-4">No events
                                                            scheduled.</td>
                                                    </tr>
                                                @endforelse
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <div class="mt-5 tab-content text-left">
                                <div class="lead color-1 mb-5">
                                    <h2 class="d-none ">Advisory Board & Guests</h2>

                                    <div class="row">
                                        @foreach ($AdvisoryBoardAndGuests as $member)
                                            <div class="col-sm-6 mb-7">
                                                <div class="row pr-xl-4">
                                                    <div class="col-lg-5"> <img class="mb-3 w-100 avtar"
                                                            src="{{ $member['image'] }}" alt="{{ $member['name'] }}">
                                                    </div>
                                                    <div class="col">
                                                        <h5 class="mb-3">{{ $member['name'] }}</h5>
                                                        <h6 class="mb-4 ls fw-400">{{ $member['title'] }}</h6>
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                            </div>
                            <div class="mt-5 tab-content row sponsers">
                                <div class="lead color-1 ">
                                    <h2 class=" ">Sponsors & Media Partner</h2>
                                    <div class="sponsor-cards  ">

                                        <img src='/uploads/fest/nirmiti-2024/sponsors/The Telegraph Online Edugraph.png'
                                            alt="Education News - Edugraph - The Telegraph Online" style="width: 100%">


                                    </div>
                                </div>
                                <div class="lead color-1 ">
                                    <h2 class=" ">Radio Partner</h2>
                                    <div class="sponsor-cards  ">

                                        <img src='/uploads/fest/nirmiti-2024/sponsors/friendsfm.jpg'
                                            alt="Real friends tell the truth, no matter what. " style="width: 100%">


                                    </div>
                                </div>

                                <div class="lead color-1 ">
                                    <h2 class=" ">Event Partner</h2>
                                    <div class="sponsor-cards">

                                        <img src='/uploads/fest/nirmiti-2024/sponsors/keventer.jpeg'
                                            alt="টক দই মানে বুঝি শুধু মেট্রো টক দই। keventer. দুধ খাওয়া একটা ভাল অভ্যাস। আর এটা আমি শিখেছি মেট্রো দুধের সাথে। "
                                            style="width: 100%">
                                    </div>


                                </div>
                                <div class="lead color-1 ">
                                    <h2 class=" ">Associate Bank Partner</h2>
                                    <div class="sponsor-cards  ">

                                        <img src='/uploads/fest/nirmiti-2024/sponsors/sbi.jpeg'
                                            alt="Pure Banking, Nothing Else" style="width: 100%">
                                    </div>

                                </div>
                                <div class="lead color-1 ">
                                    <h2 class=" ">Silver Partner</h2>
                                    <div class="sponsor-cards">

                                        <img src='/uploads/fest/nirmiti-2024/sponsors/BeBonnie.jpeg'
                                            alt="Our commitment remains to the customer to provide the highest quality of professional and feather touch services through natural indegrends, extracts."
                                            style="width: 100%">
                                    </div>


                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    @foreach ($attractions as $attraction)
        <div class="remodal" data-remodal-id="{{ $attraction['contactId'] }}"> <button class="remodal-close"
                data-remodal-action="close"></button>
            <h4 class="fw-400"> {{ $attraction['title'] }} <p> ({{ $attraction['type'] }}) </p>
            </h4>
            <div class="text-left">
                <p> <strong>CONTACT PERSON:</strong> <br> {{ $attraction['contactPerson'] }}<br>
                    @if (isset($attraction['designation']))
                        {{ $attraction['designation'] }}<br>
                    @endif Phone: {{ $attraction['phone'] }}<br> Email: <a
                        href="mailto:{{ $attraction['email'] }}">{{ $attraction['email'] }}</a>
                </p>
            </div> <button class="btn btn-sm btn-outline-danger" data-remodal-action="cancel">Close</button>
        </div>
        @endforeach @foreach ($otherAttractions as $otherAttraction)
            @if (@isset($otherAttraction['contactId']))
                <div class="remodal" data-remodal-id="{{ $otherAttraction['contactId'] }}"> <button
                        class="remodal-close" data-remodal-action="close"></button>
                    <h4 class="fw-400"> {{ $otherAttraction['title'] }} </h4>
                    <div class="text-left">
                        <p><strong>CONTACT PERSON:</strong></p>
                        <p>{{ $otherAttraction['contactPerson'] }}</p>
                        @if (isset($otherAttraction['designation']))
                            <p>{{ $otherAttraction['designation'] }}</p>
                        @endif
                        <p>Phone: {{ $otherAttraction['phone'] }}</p>
                        <p>Email: <a href="mailto:{{ $otherAttraction['email'] }}">{{ $otherAttraction['email'] }}</a>
                        </p>
                    </div> <button class="btn btn-sm btn-outline-danger" data-remodal-action="cancel">Close</button>
                </div>
            @endif
        @endforeach
        <script>
            const triggerbutton = document.querySelector('#register-btn1');
            const triggerbutton2 = document.querySelector('#register-btn2');
            const aboutTab = document.querySelector('#aboutTab');
            const eventsTab = document.querySelector('#eventsTab');
            const eventsNav = document.querySelector('#events-nav');
            const aboutNav = document.querySelector('#about-nav');
            const tabNav = document.querySelector('#tab-nav');
            // const activeTab = document.querySelector('.tabs .nav-bar .nav-bar-item.active');
            const switchToEventsTab = (e) => {
                e.preventDefault();
                tabNav.querySelector(".indicator").style.backgroundColor = 'rgba(0, 122, 255, 0)';
                tabNav.querySelector(".indicator").style.display = 'none';
                document.querySelector('.tabs .nav-bar .nav-bar-item.active').style.borderBottom = `1px solid #007AFF`
                eventsTab.classList.add('active');
                aboutNav.classList.remove('active');
                aboutNav.style.borderBottom = `unset`
                aboutTab.classList.remove('active');
                eventsNav.classList.add('active');
                eventsNav.style.borderBottom = `border-bottom: 1px solid #007AFF`
                tabNav.scrollIntoView({
                    behavior: 'smooth'
                })
            }
            triggerbutton.addEventListener('click', switchToEventsTab);
            triggerbutton2.addEventListener('click', switchToEventsTab);

            tabNav.addEventListener('click', function(e) {
                e.preventDefault();
                tabNav.querySelector(".indicator").style.backgroundColor = '#007AFF';
                document.querySelector('.tabs .nav-bar .nav-bar-item.active').style.borderBottom = `unset`
                tabNav.querySelector(".indicator").style.display = 'block';
                tabNav.array.forEach(element => {
                    element.style.borderBottom = `unset`
                });
            });
        </script>
    @endsection