@extends('frontend.master')
@section('stylesheet')
<link rel="stylesheet" href="{{ asset('assets/frontend/css/recent_projects.css') }}">
@endsection

@php
$pageTitle = isset($course->title) ? $course->title : $page->page_name;
$pageTitle .= " | BICM";
@endphp

@section('og_title', $pageTitle)
@section('og_description',isset($course->shortDescription) ? $course->shortDescription : $page->short_description)

@php

    if(isset($course->id) && isset($course->banner))
    $bannerImage = 'storage/uploads/courses/'.$course->id.'/banner/'.$course->banner;
    elseif(isset($page->id) && isset($page->banner))
    $bannerImage = 'storage/uploads/pages/'.$page->id.'/banner/'.$page->banner;
    else
    $bannerImage = '';

    $socialImage = $bannerImage;
    if($bannerImage == '')
    $socialImage = 'assets/frontend/images/bicm-banner-default.jpg';

@endphp

@section('og_image', asset($socialImage))
@section('og_url', url()->current())

@section('content')

@include('frontend.include.pageBanner', ['image' => asset('storage/uploads/pages/'.$page->id.'/banner/'.$page->banner), 'pageName' => $page->page_name ])

<section id="singlePage" class="">
    @include('frontend.include.socialLink', ['title' => $pageTitle])
    <div class="container">
        <div class="pageWithBanner p-3" style="">
            <div class="row pb-5">
                <div class="col-lg-9">
                    <div class="row pageHeading my-4">
                        <div class="col-lg-12 pb-3 border-bottom">
                            <h2>{!! $page->heading ? $page->heading : $page->page_name !!}</h2>
                        </div>
                    </div>
                    <div class="row pageShortDescription">
                        <div class="col-lg-12">
                            {!! nl2br(htmlspecialchars_decode($page->short_description)) !!}
                        </div>
                    </div>
                    <div class="row pageDescription mb-5">
                        <div class="col-lg-12">
                            {!! nl2br(htmlspecialchars_decode($page->description)) !!}
                        </div>
                    </div>
                    <div class="row">
                        <div class="col">
                            @include('frontend.include.backendAlert')
                        </div>
                    </div>
                    <div class="row">
                        <div class="col">




<div class="recent-contact-part padding">
        <form class="researchInfoForm7 custom form needs-validation" name="researchInfo" id="applicationForm" method="POST" action="{{ route('researchFrom') }}" enctype="multipart/form-data">
         @csrf
        <div class="row">
            <div class="col-lg-12">
                <label for="contact-preference">Are you applying as a Research Organization (RO) or Independent Research Team (IRT)</label>
                <div class="radio">
                    <label>
                        <input type="radio" name="contact_preference" id="ro" value="Research Organization" autocomplete="off"  onclick="toggleOrganization('ro')" /> Research Organization (RO)
                    </label>
                    <label>
                        <input type="radio" name="contact_preference" id="ir" value="Independent Researcher"  onclick="toggleOrganization('ir')" />  Independent Researcher (IR)/Independent Research Team (IRT)
                    </label>
                </div>
            </div>
        </div>
        <div class="row" id="researchOrganization" style="display: none">
            <div class="col">
                <div class="row mt-3">
                    <div class="col-lg-6 from-group">
                            <label class="form-label">Name of the Organization</label>
                            <input type="text" class="form-control" name="organization" placeholder="Name of the Organization" />
                    </div>
                    <div class="col-lg-6 from-group">
                            <label class="form-label">Mailing Address</label>
                            <input type="text" class="form-control" name="mailing_address" placeholder="Mailing Address" />
                    </div>
                </div>
                <div class="row mt-3">
                    <div class="col-lg-6 from-group">
                            <label class="form-label">Email</label>
                            <input type="email" class="form-control" name="email" placeholder="Enter Your Email" >
                    </div>

                    <div class="col-lg-6 from-group">
                            <label class="form-label">Contact Number</label>
                            <input type="text" name="contact_number" class="form-control"
                                   placeholder="Enter Your Phone Number" >
                    </div>
                </div>
                <div class="row my-3">
                    <div class="col-lg-6">
                        <label class="form-label" for="type-of*the-organization">Type of the Organization</label>

                        <div class="radio">
                            <label>
                                <input type="radio" name="organization_type"
                                       id="type-of*the-organization" value="State-owned" > State-owned
                            </label>
                            <label>
                                <input type="radio" name="organization_type"
                                       id="type-of*the-organization" value="Private Company" > Private Company
                            </label>
                            <label>
                                <input type="radio" name="organization_type"
                                       id="type-of*the-organization" value="Academic Institution" > Academic Institution</label>
                        </div>
                    </div>
                </div>
                <div class="notableProject row my-4">
                    <div class="col">
                        <div class="row">
                            <h4 class="col-lg-12">Notable Project Completed by RO (Latest One)</h4>
                        </div>
                        <div class="row mt-4">
                            <div class="col-lg-4 from-group">
                                    <label class="form-label">Title</label>
                                    <input type="text" class="form-control" name="project_title" placeholder="Project Title" />
                            </div>

                            <div class="col-lg-4 from-group">
                                    <label class="form-label">Funded By</label>
                                    <input type="text" class="form-control" name="funded_by" placeholder="Funded By ">
                            </div>
                            <div class="col-lg-4 from-group">
                                    <label class="form-label">Fund Size</label>
                                    <input type="text" class="form-control" name="fund_size" placeholder="Fund Size">
                            </div>
                        </div>
                        <div class="row mt-4">
                            <div class="col-lg-4 from-group">
                                    <label class="form-label">Project Duration Form</label>
                                    <input type="date" name="project_duration_form" class="form-control" placeholder="Project Duration">
                            </div>
                            <div class="col-lg-4 from-group">
                                    <label class="form-label">Project Duration To</label>
                                    <input type="date" name="project_duration_to" class="form-control" placeholder="Project Duration">
                            </div>
                            <div class="col-lg-4 from-group">
                                    <label class="form-label">Project Year</label>
                                    <input type="number" name="project_year" class="form-control" placeholder="Project Year">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>




                            <div class="researchPL row my-4">
                                <div class="col">
                                    <div class="row">
                                        <h4 class="col-lg-12">Researchers' Profile</h4>
                                    </div>
                                    <div class="row">
                                        <h5 class="col-lg-12">Principal Researcher (PR)</h5>
                                    </div>
                                    <div class="row mt-4">
                                        <div class="col-lg-6">
                                            <div class="from-group">
                                                <label class="form-label">Name</label>
                                                <input type="text" name="researchers_name" class="form-control" placeholder="Ex: Name" required>
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="from-group">
                                                <label class="form-label">Current Position/Designation</label>
                                                <input type="text" name="researchers_designation" class="form-control" placeholder="Current Position/Designation">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mt-4">
                                        <div class="col-lg-6">
                                            <div class="from-group">
                                                <label class="form-label">Affiliated Institute</label>
                                                <input type="text" name="organization_designation" class="form-control" placeholder="Affiliated Institute">
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="from-group">
                                                <label class="form-label">Email Address</label>
                                                <input id="researchers_email" type="email" name="researchers_email" class="form-control" placeholder="Email Address" required>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mt-4">
                                        <div class="col-lg-6">
                                            <div class="from-group">
                                                <label class="form-label">Contact Number</label>
                                                <input type="text" name="researchers_number" class="form-control" placeholder="Contact Number" required>
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="from-group">
                                                <label class="form-label">Total Experience in Research</label>
                                                <input type="number" name="experience" class="form-control" placeholder="Total Experience in Research">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mt-4">
                                        <div class="col-lg-12">
                                            <label for="highest-academic-qualification">Highest Academic Qualification</label>

                                            <div class="radio">
                                                <label>
                                                    <input type="radio" name="highest_academic_qualification"
                                                           id="highest-academic-qualification" value="PhD" > PhD
                                                </label>
                                                <label>
                                                    <input type="radio" name="highest_academic_qualification"
                                                           id="highest-academic-qualification" value="masters" > Masters
                                                </label>
                                                <label>
                                                    <input type="radio" name="highest_academic_qualification"
                                                           id="highest-academic-qualification" value="honors-bachelor" > Honors/Bachelor
                                                </label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>


                            <div class="notableProject row my-4">
                                <div class="col">
                                    <div class="row">
                                        <h4 class="col-lg-12">Notable Project Completed by PR (Latest One)</h4>
                                    </div>
                                    <div class="row mt-4">
                                        <div class="col-lg-4">
                                            <div class="from-group">
                                                <label class="form-label">Title</label>
                                                <input type="text" name="completed_project_title" class="form-control" placeholder="Project Title" />
                                            </div>
                                        </div>

                                        <div class="col-lg-4">
                                            <div class="from-group">
                                                <label class="form-label">Funded By</label>
                                                <input type="text" name="completed_project_funded_by" class="form-control" placeholder="Funded By ">
                                            </div>
                                        </div>
                                        <div class="col-lg-4">
                                            <div class="from-group">
                                                <label class="form-label">Fund Size</label>
                                                <input type="text" name="completed_project_funded_size" class="form-control" placeholder="Fund Size">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mt-4">
                                        <div class="col-lg-4">
                                            <div class="from-group  project_dur">
                                                <label class="form-label">Project Duration Form</label>
                                                <input type="date" name="completed_project_duration_form" class="form-control" placeholder="Project Duration">
                                            </div>
                                        </div>
                                        <div class="col-lg-4">
                                            <div class="from-group  project_dur">
                                                <label class="form-label">Project Duration to</label>
                                                <input type="date" name="completed_project_duration_to" class="form-control" placeholder="Project Duration">
                                            </div>
                                        </div>
                                        <div class="col-lg-4">
                                            <div class="from-group">
                                                <label class="form-label">Project Year</label>
                                                <input type="number" name="completed_project_year" class="form-control" placeholder="Project Year">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>


                            <div class="co-investor">
                                <div class="investorType row my-4">
                                    <div class="col-lg-12">
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" name="co_investigator_01" value="coInv1" id="coInv1" onclick="toggleDiv('1')" autocomplete="off"/>
                                            <label class="form-check-label" for="co-Investigator1">
                                                Co-Researcher 01 (If any)
                                            </label>
                                        </div>
                                     
                                        
                                    </div>
                                </div>
                                <div id="co-inv-01" class="notableProject row" style="display: none">
                                    <div class="col">
                                        <div class="row">
                                            <h6 class="col-lg-12">Related Information of Co-Researcher 01</h6>
                                        </div>
                                        <div class="row mt-4">
                                            <div class="col-lg-6">
                                                <div class="from-group">
                                                    <label class="form-label">Name</label>
                                                    <input type="text" name="researchers_name_01" class="form-control" placeholder="Ex: Name">
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="from-group">
                                                    <label class="form-label">Current Position/Designation:</label>
                                                    <input type="text" name="designation_01" class="form-control" placeholder="Current Position/Designation">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row mt-4">
                                            <div class="col-lg-6">
                                                <div class="from-group">
                                                    <label class="form-label">Affiliated Institute</label>
                                                    <input type="text" name="organization_designation_01" class="form-control" placeholder="Affiliated Institute">
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="from-group">
                                                    <label class="form-label">Email Address</label>
                                                    <input type="email" name="researchers_email_01" class="form-control" placeholder="Email Address">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row mt-4">
                                            <div class="col-lg-6">
                                                <div class="from-group">
                                                    <label class="form-label">Contact Number</label>
                                                    <input type="text" name="researchers_number_01" class="form-control" placeholder="Contact Number">
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="from-group">
                                                    <label class="form-label">Total Experience in Research</label>
                                                    <input type="number" name="experience_01" class="form-control" placeholder="Total Experience in Research">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row mt-4">
                                            <div class="col-lg-12">
                                                <label class="form-label" for="highest-academic-qualification">Highest Academic Qualification</label>
                                                <div class="form-check form-check-inline">
                                                  <input class="form-check-input" type="radio" name="highest_academic_qualification_01" id="inlineRadio1" value="PhD">
                                                  <label class="form-check-label" for="inlineRadio1">PhD</label>
                                                </div>
                                                <div class="form-check form-check-inline">
                                                  <input class="form-check-input" type="radio" name="highest_academic_qualification_01" id="inlineRadio2" value="masters">
                                                  <label class="form-check-label" for="inlineRadio2">Masters</label>
                                                </div>
                                                <div class="form-check form-check-inline">
                                                  <input class="form-check-input" type="radio" name="highest_academic_qualification_01" id="inlineRadio3" value="honors-bachelor">
                                                  <label class="form-check-label" for="inlineRadio3">Honors/Bachelor</label>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row mt-4">
                                            <h6 class="col-lg-12">Notable Project Completed by Co-Researcher 01 (Latest One)</h6>
                                        </div>
                                        <div class="row mt-4">
                                            <div class="col-lg-4">
                                                <div class="from-group">
                                                    <label class="form-label">Title</label>
                                                    <input type="text" name="co_investigator_01_title_01" class="form-control" placeholder="Project Title" />
                                                </div>
                                            </div>

                                            <div class="col-lg-4">
                                                <div class="from-group">
                                                    <label class="form-label">Funded By</label>
                                                    <input type="text" name="co_investigator_01_founded_By_01" class="form-control" placeholder="Funded By ">
                                                </div>
                                            </div>
                                            <div class="col-lg-4">
                                                <div class="from-group">
                                                    <label class="form-label">Fund Size</label>
                                                    <input type="text" name="co_investigator_01_fund_Size_01" class="form-control" placeholder="Fund Size">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row mt-4">
                                            <div class="col-lg-4">
                                                <div class="from-group  project_dur">
                                                    <label class="form-label">Project Duration Form</label>
                                                    <input type="date" name="co_investigator_01_duration_Form_01" class="form-control" placeholder="Project Duration">
                                                </div>
                                            </div>
                                            <div class="col-lg-4">
                                                <div class="from-group  project_dur">
                                                    <label class="form-label">Project Duration to</label>
                                                    <input type="date" name="co_investigator_01_duration_To_01"  class="form-control" placeholder="Project Duration">
                                                </div>
                                            </div>
                                            <div class="col-lg-4">
                                                <div class="from-group">
                                                    <label class="form-label">Project Year</label>
                                                    <input type="number" name="co_investigator_01_year_01" name="year01" class="form-control" placeholder="Project Year">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>


                                <div id="co-inv-02" class="notableProject row my-4" style="display: none">
                                    <div class="col">
                                        <div class="row">
                                            <h6 class="col-lg-12">Related Information of Co-Researcher 02</h6>
                                        </div>
                                        <div class="row mt-4">
                                            <div class="col-lg-6">
                                                <div class="from-group">
                                                    <label class="form-label">Name</label>
                                                    <input type="text" name="researchers_name_02" class="form-control" placeholder="Ex: Name">
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="from-group">
                                                    <label class="form-label">Current Position/Designation:</label>
                                                    <input type="text" name="designation_02" class="form-control" placeholder="Current Position/Designation">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row mt-4">
                                            <div class="col-lg-6">
                                                <div class="from-group">
                                                    <label class="form-label">Affiliated Institute</label>
                                                    <input type="text" name="organization_designation_02" class="form-control" placeholder="Affiliated Institute">
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="from-group">
                                                    <label class="form-label">Email Address</label>
                                                    <input type="email" name="researchers_email_02" class="form-control" placeholder="Email Address">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row mt-4">
                                            <div class="col-lg-6">
                                                <div class="from-group">
                                                    <label class="form-label">Contact Number</label>
                                                    <input type="text" name="researchers_number_02" class="form-control" placeholder="Contact Number">
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="from-group">
                                                    <label class="form-label">Total Experience in Research</label>
                                                    <input type="number" name="experience_02" class="form-control" placeholder="Total Experience in Research">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row mt-4">
                                            <div class="col-lg-12">
                                                <label class="form-label" for="highest-academic-qualification">Highest Academic Qualification</label>
                                                <div class="form-check form-check-inline">
                                                  <input class="form-check-input" type="radio" name="highest_academic_qualification_02" id="inlineRadio1" value="PhD">
                                                  <label class="form-check-label" for="inlineRadio1">PhD</label>
                                                </div>
                                                <div class="form-check form-check-inline">
                                                  <input class="form-check-input" type="radio" name="highest_academic_qualification_02" id="inlineRadio2" value="masters">
                                                  <label class="form-check-label" for="inlineRadio2">Masters</label>
                                                </div>
                                                <div class="form-check form-check-inline">
                                                  <input class="form-check-input" type="radio" name="highest_academic_qualification_02" id="inlineRadio3" value="honors-bachelor">
                                                  <label class="form-check-label" for="inlineRadio3">Honors/Bachelor</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row mt-4">
                                            <h6 class="col-lg-12">Notable Project Completed by Co-Researcher 02 (Latest One)</h6>
                                        </div>
                                        <div class="row mt-4">
                                            <div class="col-lg-4">
                                                <div class="from-group">
                                                    <label class="form-label">Title</label>
                                                    <input type="text" name="co_investigator_02_title_02" class="form-control" placeholder="Project Title" />
                                                </div>
                                            </div>

                                            <div class="col-lg-4">
                                                <div class="from-group">
                                                    <label class="form-label">Funded By</label>
                                                    <input type="text" name="co_investigator_02_founded_By_02" class="form-control" placeholder="Funded By ">
                                                </div>
                                            </div>
                                            <div class="col-lg-4">
                                                <div class="from-group">
                                                    <label class="form-label">Fund Size</label>
                                                    <input type="text" name="co_investigator_02_fund_Size_02" class="form-control" placeholder="Fund Size">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row mt-4">
                                            <div class="col-lg-4">
                                                <div class="from-group  project_dur">
                                                    <label class="form-label">Project Duration Form</label>
                                                    <input type="date" name="co_investigator_02_duration_Form_02" class="form-control" placeholder="Project Duration">
                                                </div>
                                            </div>
                                            <div class="col-lg-4">
                                                <div class="from-group  project_dur">
                                                    <label class="form-label">Project Duration to</label>
                                                    <input type="date" name="co_investigator_02_duration_To_02" class="form-control" placeholder="Project Duration">
                                                </div>
                                            </div>
                                            <div class="col-lg-4">
                                                <div class="from-group">
                                                    <label class="form-label">Project Year</label>
                                                    <input type="number" name="co_investigator_02_year_02" class="form-control" placeholder="Project Year">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div id="co-inv-03" class="notableProject row my-4" style="display: none">
                                    <div class="col">
                                        <div class="row">
                                            <h6 class="col-lg-12">Related Information of Co-Investigator 03</h6>
                                        </div>
                                        <div class="row mt-4">
                                            <div class="col-lg-6">
                                                <div class="from-group">
                                                    <label class="form-label">Name</label>
                                                    <input type="text" name="researchers_name_03" class="form-control" placeholder="Ex: Name">
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="from-group">
                                                    <label class="form-label">Current Position/Designation:</label>
                                                    <input type="text" name="designation_03" class="form-control" placeholder="Current Position/Designation">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row mt-4">
                                            <div class="col-lg-6">
                                                <div class="from-group">
                                                    <label class="form-label">Organization Position/Designation</label>
                                                    <input type="text" name="organization_designation_03" class="form-control" placeholder="Organization">
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="from-group">
                                                    <label class="form-label">Email Address</label>
                                                    <input type="email" name="researchers_email_03" class="form-control" placeholder="Email Address">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row mt-4">
                                            <div class="col-lg-6">
                                                <div class="from-group">
                                                    <label class="form-label">Contact Number</label>
                                                    <input type="text" name="researchers_number_03" class="form-control" placeholder="Contact Number">
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="from-group">
                                                    <label class="form-label">Total Experience in Research (in years)</label>
                                                    <input type="number" name="experience_03" class="form-control" placeholder="Total Experience in Research (in years)">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row mt-4">
                                            <div class="col-lg-12">
                                                <label class="form-label" for="highest-academic-qualification">Highest Academic Qualification</label>
                                                <div class="form-check form-check-inline">
                                                  <input class="form-check-input" type="radio" name="highest_academic_qualification_03" id="inlineRadio1" value="PhD">
                                                  <label class="form-check-label" for="inlineRadio1">PhD</label>
                                                </div>
                                                <div class="form-check form-check-inline">
                                                  <input class="form-check-input" type="radio" name="highest_academic_qualification_03" id="inlineRadio2" value="masters">
                                                  <label class="form-check-label" for="inlineRadio2">Masters</label>
                                                </div>
                                                <div class="form-check form-check-inline">
                                                  <input class="form-check-input" type="radio" name="highest_academic_qualification_03" id="inlineRadio3" value="honors-bachelor">
                                                  <label class="form-check-label" for="inlineRadio3">Honors/Bachelor</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row mt-4">
                                            <h6 class="col-lg-12">Notable Project Completed by Co-Investigator 03 (Latest One)</h6>
                                        </div>
                                        <div class="row mt-4">
                                            <div class="col-lg-4">
                                                <div class="from-group">
                                                    <label class="form-label">Title</label>
                                                    <input type="text" name="co_investigator_03_title_03" class="form-control" placeholder="Project Title" />
                                                </div>
                                            </div>

                                            <div class="col-lg-4">
                                                <div class="from-group">
                                                    <label class="form-label">Funded By</label>
                                                    <input type="text" name="co_investigator_03_founded_By_03" class="form-control" placeholder="Funded By ">
                                                </div>
                                            </div>
                                            <div class="col-lg-4">
                                                <div class="from-group">
                                                    <label class="form-label">Fund Size</label>
                                                    <input type="text" name="co_investigator_03_fund_Size_03" class="form-control" placeholder="Fund Size">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row mt-4">
                                            <div class="col-lg-4">
                                                <div class="from-group  project_dur">
                                                    <label class="form-label">Project Duration Form</label>
                                                    <input type="date" name="co_investigator_03_duration_Form_03" class="form-control" placeholder="Project Duration">
                                                </div>
                                            </div>
                                            <div class="col-lg-4">
                                                <div class="from-group  project_dur">
                                                    <label class="form-label">Project Duration to</label>
                                                    <input type="date" name="co_investigator_03_duration_To_03" class="form-control" placeholder="Project Duration">
                                                </div>
                                            </div>
                                            <div class="col-lg-4">
                                                <div class="from-group">
                                                    <label class="form-label">Project Year (in years)</label>
                                                    <input type="number" name="co_investigator_03_year_03" class="form-control" placeholder="Project Year">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div id="co-inv-04" class="notableProject row mt-4" style="display: none">
                                    <div class="col">
                                        <div class="row">
                                            <h6 class="col-lg-12">Related Information of Co-Investigator 04</h6>
                                        </div>
                                        <div class="row mt-4">
                                            <div class="col-lg-6">
                                                <div class="from-group">
                                                    <label class="form-label">Name</label>
                                                    <input type="text" name="researchers_name_04" class="form-control" placeholder="Ex: Name">
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="from-group">
                                                    <label class="form-label">Current Position/Designation:</label>
                                                    <input type="text" name="designation_04" class="form-control" placeholder="Current Position/Designation">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row mt-4">
                                            <div class="col-lg-6">
                                                <div class="from-group">
                                                    <label class="form-label">Organization Position/Designation</label>
                                                    <input type="text" name="organization_designation_04" class="form-control" placeholder="Organization">
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="from-group">
                                                    <label class="form-label">Email Address</label>
                                                    <input type="email" name="researchers_email_04" class="form-control" placeholder="Email Address">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row mt-4">
                                            <div class="col-lg-6">
                                                <div class="from-group">
                                                    <label class="form-label">Contact Number</label>
                                                    <input type="text" name="researchers_number_04" class="form-control" placeholder="Contact Number">
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="from-group">
                                                    <label class="form-label">Total Experience in Research (in years)</label>
                                                    <input type="number" name="experience_04" class="form-control" placeholder="Total Experience in Research (in years)">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row mt-4">
                                            <div class="col-lg-12">
                                                <label class="form-label" for="highest-academic-qualification">Highest Academic Qualification</label>
                                                <div class="form-check form-check-inline">
                                                  <input class="form-check-input" type="radio" name="highest_academic_qualification_04" id="inlineRadio1" value="PhD">
                                                  <label class="form-check-label" for="inlineRadio1">PhD</label>
                                                </div>
                                                <div class="form-check form-check-inline">
                                                  <input class="form-check-input" type="radio" name="highest_academic_qualification_04" id="inlineRadio2" value="masters">
                                                  <label class="form-check-label" for="inlineRadio2">Masters</label>
                                                </div>
                                                <div class="form-check form-check-inline">
                                                  <input class="form-check-input" type="radio" name="highest_academic_qualification_04" id="inlineRadio3" value="honors-bachelor">
                                                  <label class="form-check-label" for="inlineRadio3">Honors/Bachelor</label>
                                                </div>

                                            </div>
                                        </div>
                                        <div class="row mt-4">
                                            <h6 class="col-lg-12">Notable Project Completed by Co-Investigator 04 (Latest One)</h6>
                                        </div>
                                        <div class="row mt-4">
                                            <div class="col-lg-4">
                                                <div class="from-group">
                                                    <label class="form-label">Title</label>
                                                    <input type="text" name="co_investigator_04_title_04" class="form-control" placeholder="Project Title" />
                                                </div>
                                            </div>

                                            <div class="col-lg-4">
                                                <div class="from-group">
                                                    <label class="form-label">Funded By</label>
                                                    <input type="text" name="co_investigator_04_founded_By_04" class="form-control" placeholder="Funded By ">
                                                </div>
                                            </div>
                                            <div class="col-lg-4">
                                                <div class="from-group">
                                                    <label class="form-label">Fund Size</label>
                                                    <input type="text" name="co_investigator_04_fund_Size_04" class="form-control" placeholder="Fund Size">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row mt-4">
                                            <div class="col-lg-4">
                                                <div class="from-group  project_dur">
                                                    <label class="form-label">Project Duration Form</label>
                                                    <input type="date" name="co_investigator_04_duration_Form_04" class="form-control" placeholder="Project Duration">
                                                </div>
                                            </div>
                                            <div class="col-lg-4">
                                                <div class="from-group  project_dur">
                                                    <label class="form-label">Project Duration to</label>
                                                    <input type="date" name="co_investigator_04_duration_To_04" class="form-control" placeholder="Project Duration">
                                                </div>
                                            </div>
                                            <div class="col-lg-4">
                                                <div class="from-group">
                                                    <label class="form-label">Project Year (in years)</label>
                                                    <input type="number" name="co_investigator_04_year_04" class="form-control" placeholder="Project Year">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div id="co-inv-05" class="notableProject row" style="display: none">
                                    <div class="col">
                                        <div class="row">
                                            <h6 class="col-lg-12">Related Information of Co-Investigator 05</h6>
                                        </div>
                                        <div class="row mt-4">
                                            <div class="col-lg-6">
                                                <div class="from-group">
                                                    <label class="form-label">Name</label>
                                                    <input type="text" name="researchers_name_05" class="form-control" placeholder="Ex: Name">
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="from-group">
                                                    <label class="form-label">Current Position/Designation:</label>
                                                    <input type="text" name="designation_05" class="form-control" placeholder="Current Position/Designation">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row mt-4">
                                            <div class="col-lg-6">
                                                <div class="from-group">
                                                    <label class="form-label">Organization Position/Designation</label>
                                                    <input type="text" name="organization_designation_05" class="form-control" placeholder="Organization">
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="from-group">
                                                    <label class="form-label">Email Address</label>
                                                    <input type="email" name="researchers_email_05" class="form-control" placeholder="Email Address">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row mt-4">
                                            <div class="col-lg-6">
                                                <div class="from-group">
                                                    <label class="form-label">Contact Number</label>
                                                    <input type="text" name="researchers_number_05" class="form-control" placeholder="Contact Number">
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="from-group">
                                                    <label class="form-label">Total Experience in Research (in years)</label>
                                                    <input type="number" name="experience_05" class="form-control" placeholder="Total Experience in Research (in years)">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row mt-4">
                                            <div class="col-lg-12">
                                                <label class="form-label" for="highest-academic-qualification">Highest Academic Qualification</label>
                                                <div class="form-check form-check-inline">
                                                  <input class="form-check-input" type="radio" name="highest_academic_qualification_05" id="inlineRadio1" value="PhD">
                                                  <label class="form-check-label" for="inlineRadio1">PhD</label>
                                                </div>
                                                <div class="form-check form-check-inline">
                                                  <input class="form-check-input" type="radio" name="highest_academic_qualification_05" id="inlineRadio2" value="masters">
                                                  <label class="form-check-label" for="inlineRadio2">Masters</label>
                                                </div>
                                                <div class="form-check form-check-inline">
                                                  <input class="form-check-input" type="radio" name="highest_academic_qualification_05" id="inlineRadio3" value="honors-bachelor">
                                                  <label class="form-check-label" for="inlineRadio3">Honors/Bachelor</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row mt-4">
                                            <h6 class="col-lg-12">Notable Project Completed by Co-Investigator 05 (Latest One)</h6>
                                        </div>
                                        <div class="row mt-4">
                                            <div class="col-lg-4">
                                                <div class="from-group">
                                                    <label class="form-label">Title</label>
                                                    <input type="text" name="co_investigator_05_title_05" class="form-control" placeholder="Project Title" />
                                                </div>
                                            </div>

                                            <div class="col-lg-4">
                                                <div class="from-group">
                                                    <label class="form-label">Funded By</label>
                                                    <input type="text" name="co_investigator_05_founded_By_05" class="form-control" placeholder="Funded By ">
                                                </div>
                                            </div>
                                            <div class="col-lg-4">
                                                <div class="from-group">
                                                    <label class="form-label">Fund Size</label>
                                                    <input type="text" name="co_investigator_05_fund_Size_05" class="form-control" placeholder="Fund Size">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row mt-4">
                                            <div class="col-lg-4">
                                                <div class="from-group  project_dur">
                                                    <label class="form-label">Project Duration Form</label>
                                                    <input type="date" name="co_investigator_05_duration_Form_05" class="form-control" placeholder="Project Duration">
                                                </div>
                                            </div>
                                            <div class="col-lg-4">
                                                <div class="from-group  project_dur">
                                                    <label class="form-label">Project Duration to</label>
                                                    <input type="date" name="co_investigator_05_duration_To_05" class="form-control" placeholder="Project Duration">
                                                </div>
                                            </div>
                                            <div class="col-lg-4">
                                                <div class="from-group">
                                                    <label class="form-label">Project Year (in years)</label>
                                                    <input type="number" name="co_investigator_05_year_05" class="form-control" placeholder="Project Year">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row mt-4">

                                <div class="col-lg-12 mt-2">
                                    <label class="form-label d-block" for="amount-sought"><u>Amount Sought</u></label>
                                    <div class="form-check form-check-inline">
                                      <input class="form-check-input" type="radio" name="amount_sought" id="inlineRadio1" value=">=BDT 500,000">
                                      <label class="form-check-label" for="inlineRadio1">>=BDT 500,000</label>
                                    </div>
                                    <div class="form-check form-check-inline">
                                      <input class="form-check-input" type="radio" name="amount_sought" id="inlineRadio2" value="BDT 500,000 to <=1,000,000">
                                      <label class="form-check-label" for="inlineRadio2">BDT 500,000 to <=1,000,000</label>
                                    </div>
                                    <div class="form-check form-check-inline">
                                      <input class="form-check-input" type="radio" name="amount_sought" id="inlineRadio1" value="BDT 1,000,000 to <=1,500,000">
                                      <label class="form-check-label" for="inlineRadio1">BDT 1,000,000 to <=1,500,000</label>
                                    </div>
                                    <div class="form-check form-check-inline">
                                      <input class="form-check-input" type="radio" name="amount_sought" id="inlineRadio2" value="BDT 1,500,000 to <=2,000,000">
                                      <label class="form-check-label" for="inlineRadio2">BDT 1,500,000 to <=2,000,000</label>
                                    </div>
                                </div>

                                <strong class="col-lg-12 mt-2"><br /><br /><u>Proposed Research Project</u> <br /><br /></strong>

                                <div class="col-lg-12">
                                    <div class="from-group">
                                        <label class="form-label">Full Title of the Proposal</label>
                                        <input type="text" name="proposal_title" class="form-control" placeholder="Full Title of the Proposal">
                                    </div>
                                </div>
                                <div class="col-lg-12 mt-4">
                                    <div class="from-group">
                                        <label class="form-label">Proposal Summary (Maximum 500 words)</label>
                                        <textarea name="proposal_summary" class="form-control" placeholder="Proposal Summary" style="height:150px;" ></textarea>
                                    </div>
                                </div>
                                <div class="col-lg-12 my-4">
                                    <label class="form-label" for="documents-Check-list">Documents Check-list</label>
                                    <div class="radio">
                                        <label>
                                            <input type="radio" name="Check_list"
                                                   id="roFile" onclick="toggleOrganizationFile('roFile')" value="Research Organizations Documents" > Research Organizations (ROs)
                                        </label>
                                        <label>
                                            <input type="radio" name="Check_list"
                                                   id="irFile" onclick="toggleOrganizationFile('irFile')" value="Independent Researcher Documents" > Independent Researcher (IR)/Independent Researcher Teams (IRTs)
                                        </label>
                                    </div>
                                    <ol id="researchOrganizationFile" class="researchFormUl" style="display: none">
                                        <li>A cover letter</li>
                                        <li>A complete and detailed research proposal <br />
                                            <span style="color: crimson;">Combined attached file here for (1-2) in pdf format (Max: 10MB)</span>
                                            <input type="file" id="research_proposal_file" name="research_proposal_file" class="form-control" accept="application/pdf" aria-placeholder="Combined Attached File" onchange="uploadFile('research_proposal_file')" />
                                            <input type="hidden" id="research_proposal_file_name" name="research_proposal_file_name" />
                                        </li>
                                        <li>Full organizational profile describing experience and ability to implement the proposed research</li>
                                        <li>Evidence of experience and ability to implement the proposed research</li>
                                        <li>Full description of the research team for the proposed research</li>
                                        <li>Full CV of the PR and the Co-R evidencing experience and ability to implement the proposed research</li>
                                        <li>VAT and TIN certificates of the RO</li>
                                        <li>Copy of certificate of incorporation or registration from relevant government agencies</li>
                                        <li>Copy of the NID of Principal Researcher (PR) and the Co-Researcher (Co-R) of Research Organization</li>
                                        <li>Copy of evidence of employment or engagement with the Principal Researcher (PR) and the Co-Researcher (Co-R)<br />
                                            <span style="color: crimson;">Combined attached file here for (3-10) in pdf format (Max: 10MB)</span>
                                            <input type="file" id="agreement_paper_file" name="agreement_paper_file" class="form-control" accept="application/pdf" aria-placeholder="Combined Attached File" onchange="uploadFile('agreement_paper_file')" /></li>
                                            <input type="hidden" id="agreement_paper_file_name" name="agreement_paper_file_name" />
                                        
                                        </ol>

                                    <ol id="researchIndependentFile" class="researchFormUl" style="display: none">
                                        <li>A cover letter</li>
                                        <li>A complete and detailed research proposal <br />
                                            <span style="color: crimson;">Combined attached file here for (1-2) in pdf format (Max: 10MB)</span>
                                            <input type="file" id="research_proposal01_file" name="research_proposal01_file" class="form-control" accept="application/pdf" aria-placeholder="Combined Attached File" onchange="uploadFile('research_proposal01_file')" />
                                                <input type="hidden" id="research_proposal01_file_name" name="research_proposal01_file_name" />
                                        </li>
                                        <li>Full description of the research team for the proposed research</li>
                                        <li>Full CV of the PR and the Co-R evidencing experience and ability to implement the proposed research</li>
                                        <li>TIN certificates of the PR and the Co-R</li>
                                        <li>Copy of the NID of Principal Researcher (PR) and the Co-Researcher (Co-R)</li>
                                        <li>Evidence of employment and evidence of relevant experience<br />
                                            <span style="color: crimson;">Combined attached file here for (3-7) in pdf format (Max: 10MB)</span>
                                            <input type="file" id="experience_file" name="experience_file" class="form-control" accept="application/pdf" aria-placeholder="Combined Attached File" onchange="uploadFile('experience_file')" /></li>
                                            <input type="hidden" id="experience_file_name" name="experience_file_name" />
                                        
                                        </ol>
                                </div>                                
                                <div class="col-md-12 pull-left">
                                        <button type="submit" class="g-recaptcha btn btn-success btn-lg pull-right px-5">Submit Form</button>
                                </div>
                                <div class="col-md-8"></div>
                            </div>
                        </form>
                        <div class="progress mt-3" style="display: none;">
                            <div id="progressBar" class="progress-bar" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
                        </div>
                    </div>





                            
                        </div><!-- end of column -->
                    </div>
                </div>
                <div class="col-lg-3">
                    @if(!empty($sideBar))
                        <div class="sidebar">
                            @foreach(json_decode($sideBar->content) as $sidebarContent)
                                <div class="sideBlock">
                                    <h4>{!! $sidebarContent->heading !!}</h4>
                                    {!! htmlspecialchars_decode($sidebarContent->description) !!}
                                </div>
                            @endforeach
                        </div>
                    @endif
                </div>
            </div>
            
        </div>
    </div>
</section>

    <section id="dev_apply">
        <div class="container">
            <div class="row">
                <!-- Form Apply -->
                <div class="col-lg-12 col-sm-12">

                    
                </div>
            </div>
        </div>
    </section>
    <!-- =========================== Senior UX Designer PART START =========================== -->


    <div class="inside_gap"></div>

    <!-- =========================== Senior UX Designer PART END =========================== -->






    <!-- ========== BACK TO TOP END ========== -->
@endsection
@section('customScript')
    <script>
        function toggleDiv(number) {
            let checkbox = document.getElementById('coInv'+number); // Replace 'myCheckbox' with the actual ID of your checkbox
            let divToShowHide = document.getElementById('co-inv-0'+number); // Replace 'myDiv' with the actual ID of your div

            if (checkbox.checked) {
                divToShowHide.style.display = 'block';
            } else {
                divToShowHide.style.display = 'none';
            }
        }
        function toggleOrganization(id) {
            let checkbox = document.getElementById(id); // Replace 'myCheckbox' with the actual ID of your checkbox
            let divToShowHide = document.getElementById('researchOrganization'); // Replace 'myDiv' with the actual ID of your div

            if (checkbox.checked && id == 'ro') {
                divToShowHide.style.display = 'block';
            } else {
                divToShowHide.style.display = 'none';
            }
        }

        function toggleOrganizationFile(id) {
            let checkbox = document.getElementById(id); // Replace 'myCheckbox' with the actual ID of your checkbox

            if (checkbox.checked && id == 'roFile') {
                document.getElementById('researchOrganizationFile').style.display = 'block';
                document.getElementById('researchIndependentFile').style.display = 'none';
            }else if(checkbox.checked && id == 'irFile'){
                document.getElementById('researchIndependentFile').style.display = 'block';
                document.getElementById('researchOrganizationFile').style.display = 'none';
            }
        }
    </script>
<script src="https://www.google.com/recaptcha/api.js?render={{ config('services.recaptcha.site_key') }}"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@10"></script>
<script>
    const MAX_FILE_SIZE_MB = 10;
    const MAX_FILE_SIZE_BYTES = MAX_FILE_SIZE_MB * 1024 * 1024;
    const allowedTypes = ['application/pdf'];

    function validateFile(inputId) {
        const fileInput = document.getElementById(inputId);
        if (!fileInput || fileInput.files.length === 0) return true; // Skip if no file selected

        const file = fileInput.files[0];

        // Check file type
        if (!allowedTypes.includes(file.type)) {
            Swal.fire({
                icon: 'error',
                title: 'Invalid File Type',
                html: `Only PDF files are allowed.<br><strong>File:</strong> ${file.name}`,
            });
            fileInput.value = '';
            return false;
        }

        // Check file size
        if (file.size > MAX_FILE_SIZE_BYTES) {
            Swal.fire({
                icon: 'error',
                title: 'File Too Large',
                html: `<strong>${file.name}</strong> is too large.<br>Max allowed size is ${MAX_FILE_SIZE_MB}MB.`,
            });
            fileInput.value = '';
            return false;
        }

        return true;
    }

    document.addEventListener('DOMContentLoaded', function () {
        const form = document.getElementById('applicationForm');

        form.addEventListener('submit', function (e) {
            let isValid = true;

            // Validate all file inputs
            isValid = validateFile('research_proposal_file') && isValid;
            isValid = validateFile('agreement_paper_file') && isValid;
            isValid = validateFile('research_proposal01_file') && isValid;
            isValid = validateFile('experience_file') && isValid;

            if (!isValid) {
                e.preventDefault(); // Block form submission if validation fails
                return; // Exit the function
            }

            // Trigger reCAPTCHA v3 verification after file validation
            grecaptcha.ready(function () {
                grecaptcha.execute('{{ config('services.recaptcha.site_key') }}', { action: 'submit' }).then(function (token) {
                    // Add the token to the form as a hidden input field
                    $("<input>").attr({
                        type: "hidden",
                        name: "g-recaptcha-response",
                        value: token
                    }).appendTo(form);

                    // Submit the form to the server
                    form.submit();
                }).catch(function (error) {
                    Swal.fire({
                        icon: 'error',
                        title: 'reCAPTCHA Failed',
                        text: 'reCAPTCHA verification failed. Please try again.',
                    });
                });
            });
            e.preventDefault(); // Prevent form submission until reCAPTCHA is verified
        });
    });
</script>
@endsection