@extends('layouts.site_layout')

@section('content')

<section class="container-fluid p-0" id="topBanners" style="position:relative;">
</section>
<!-- <section class="ecosystem-company-details py-5">
    <div class="container mt-lg-5 mt-0">
        <div class="breadcrumbs">
            <span>
                <a href="" class="fs-24 text-decoration-none text-white opacity-5">Home <span
                        class="px-lg-4 px-0">></span> </a>
                <a href="" class="fs-24 text-decoration-none text-white">Ecosystem Directory</a>
            </span>
        </div>
        <h1 class="fs-42 mt-4 mb-5 pb-5 text-white">Ecosystem Directory</h1>
    </div>
</section> -->
<section class="container-fluid m-0 row px-0">
    <div class="col-lg-8 bg_light_grey p-0">
        <div class="container ps-lg-5 ps-4">
            <div class="py-5 ms-auto">
                <div class="d-lg-flex d-md-flex d-block">
                    <h3 class="fs-24 align-self-center mb-lg-0 mb-md-0 mb-3">Organisations List</h3>
                    <!-- <button class="fs-18 btn bg-orange ms-auto text-white me-3 mb-lg-0 mb-md-0 mb-3">+ Add New</button>
                    <button class="fs-18 btn btn-outline-orange text-orange bg-white mb-lg-0 mb-md-0 mb-3"><img
                            src="{{asset('images/ecosystem-directory/file-import.svg')}}" alt="Import"
                            class="img-fluid">
                        Import
                        Records</button> -->
                </div>
                <div class="search-organisation d-lg-flex d-md-flex d-block mt_2">
                    <form action="#" class="">
                        <div class="input-group filters search-input mb-lg-0 mb-md-0">
                            <input type="search" class="form-control border-end-0 fs-14 search_inp"
                                placeholder="Search Organisation by name">
                            <span class="input-group-text bg-white pointer" id="filter">
                                <i class="fa fa-search text-maroon fs-12"></i>
                            </span>
                        </div>
                    </form>
                    
                    <div class="d-lg-flex d-md-flex d-block justify-content-end">
                    <p class="mb-0 ms-auto mt-lg-0 mt-md-0 mt-4 me-2 align-self-center">Filter by:</p>
                    <select class="form-select mt-lg-0 mt-md-0 mt-2 mb-3 me-3 mb-lg-0 mb-md-0 w-25" aria-label="Default select example" name="vertical_id" id="vertical_id" onchange="getESDMByVertical();">
                        
                    </select>

                    <select class="form-select mt-lg-0 mt-md-0 mt-2 mb-3  mb-lg-0 mb-md-0 w-25" aria-label="Default select example" name="category_id" onchange="getESDMByCategory();" id="category_id">
                        
                    </select>
                    </div>
                </div>

                <ul class="nav row organisation-list nav-pills mb-3" id="pills-tab" role="tablist">

                    <!-- <li class="nav-item mt_2" role="presentation">
                        <a class="nav-link p-0 text-dark bg_light_grey active" id="pills-acceleron-tab"
                            data-bs-toggle="pill" data-bs-target="#pills-acceleron" type="button" role="tab"
                            aria-controls="pills-acceleron" aria-selected="true">
                            <div class="card border-0 br-22">
                                <div class="card-body row">
                                    <div class="col-lg-2 col-md-2 mb-lg-0 mb-md-0 mb-3 text-center">
                                        <img src="{{asset('images/ecosystem-directory/acceleron-labs.png')}}"
                                            alt="Acceleron-labs" class="img-fluid">
                                    </div>
                                    <div class="col-lg-7 col-md-7 mb-lg-0 mb-md-0 mb-3">
                                        <h3 class="fs-24">Acceleron Labs</h3>
                                        <p class="fs-14 text-color-2">Intelligent Electronics Products</p>
                                        <p class="fs-16 text-color-2">Next Generation Computing and Storage Company...</p>
                                        <p><span class="me-4"><i
                                                    class="fa-solid fa-flag text-primary me-1"></i>India</span><span><i
                                                    class="fa-solid fa-globe text-primary me-1"></i>Visit website</span>
                                        </p>
                                    </div>
                                    <div class="col-lg-3 col-md-3">
                                        <h6 class="fs-12 text-color-2">Industry</h6>
                                        <p class="fs-14">Computing/ Server/ Supercomputing</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </li> -->


                    <!-- <li class="nav-item mt-5" role="presentation">
                        <a class="nav-link p-0 text-dark" id="pills-accelver-tab" data-bs-toggle="pill"
                            data-bs-target="#pills-accelver" type="button" role="tab" aria-controls="pills-accelver"
                            aria-selected="false">
                            <div class="card border-0 br-22">
                                <div class="card-body row">
                                    <div class="col-lg-2 col-md-2 mb-lg-0 mb-md-0 mb-3 text-center">
                                        <img src="{{asset('images/ecosystem-directory/acceleron-labs.png')}}"
                                            alt="Acceleron-labs" class="img-fluid">
                                    </div>
                                    <div class="col-lg-7 col-md-7 mb-lg-0 mb-md-0 mb-3">
                                        <h3 class="fs-24">Accelver Systems Inc</h3>
                                        <p class="fs-14 text-color-2">Intelligent Electronics Products</p>
                                        <p class="fs-16 text-color-2">Next Generation Computing and Storage Company...</p>
                                        <p><span class="me-4"><i
                                                    class="fa-solid fa-flag text-primary me-1"></i>India</span><span><i
                                                    class="fa-solid fa-globe text-primary me-1"></i>Visit website</span>
                                        </p>
                                    </div>
                                    <div class="col-lg-3 col-md-3">
                                        <h6 class="fs-12 text-color-2">Industry</h6>
                                        <p class="fs-14">Computing/ Server/ Supercomputing</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </li> -->

                    <!-- <li class="nav-item mt-5" role="presentation">
                        <a class="nav-link p-0 text-dark" id="pills-contact-tab" data-bs-toggle="pill"
                            data-bs-target="#pills-contact" type="button" role="tab" aria-controls="pills-contact"
                            aria-selected="false">
                            <div class="card border-0 br-22">
                                <div class="card-body row">
                                    <div class="col-lg-2 col-md-2 mb-lg-0 mb-md-0 mb-3 text-center">
                                        <img src="{{asset('images/ecosystem-directory/acceleron-labs.png')}}"
                                            alt="Acceleron-labs" class="img-fluid">
                                    </div>
                                    <div class="col-lg-7 col-md-7 mb-lg-0 mb-md-0 mb-3">
                                        <h3 class="fs-24">Accord Software & Systems Pvt Ltd</h3>
                                        <p class="fs-14 text-color-2">Intelligent Electronics Products</p>
                                        <p class="fs-16 text-color-2">Next Generation Computing and Storage Company...</p>
                                        <p><span class="me-4"><i
                                                    class="fa-solid fa-flag text-primary me-1"></i>India</span><span><i
                                                    class="fa-solid fa-globe text-primary me-1"></i>Visit website</span>
                                        </p>
                                    </div>
                                    <div class="col-lg-3 col-md-3">
                                        <h6 class="fs-12 text-color-2">Industry</h6>
                                        <p class="fs-14">Computing/ Server/ Supercomputing</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </li> -->

                    <!-- <li class="nav-item mt-5" role="presentation">
                        <a class="nav-link p-0 text-dark" id="pills-acharya-institute-tab" data-bs-toggle="pill"
                            data-bs-target="#pills-acharya-institute" type="button" role="tab"
                            aria-controls="pills-acharya-institute" aria-selected="false">
                            <div class="card border-0 br-22">
                                <div class="card-body row">
                                    <div class="col-lg-2 col-md-2 mb-lg-0 mb-md-0 mb-3 text-center">
                                        <img src="{{asset('images/ecosystem-directory/acceleron-labs.png')}}"
                                            alt="Acceleron-labs" class="img-fluid">
                                    </div>
                                    <div class="col-lg-7 col-md-7 mb-lg-0 mb-md-0 mb-3">
                                        <h3 class="fs-24">Acharya Institutes Of Technology</h3>
                                        <p class="fs-14 text-color-2">Intelligent Electronics Products</p>
                                        <p class="fs-16 text-color-2">Next Generation Computing and Storage Company...</p>
                                        <p><span class="me-4"><i
                                                    class="fa-solid fa-flag text-primary me-1"></i>India</span><span><i
                                                    class="fa-solid fa-globe text-primary me-1"></i>Visit website</span>
                                        </p>
                                    </div>
                                    <div class="col-lg-3 col-md-3">
                                        <h6 class="fs-12 text-color-2">Industry</h6>
                                        <p class="fs-14">Computing/ Server/ Supercomputing</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </li> -->
                </ul>
            </div>
        </div>
    </div>
    
    <div class="col-lg-4">
        <div class="tab-content" id="pills-tabContent">
            <div class="tab-pane py-5 ps-4 pe-lg-5 pe-3 me-lg-5 me-0 fade show active" id="pills-acceleron" role="tabpanel" aria-labelledby="pills-acceleron-tab">

                <!-- <div class="text-center">
                    <img src="{{asset('images/ecosystem-directory/acceleron-labs.png')}}" alt="Acceleron Labs"
                        class="img-fluid mb-3">
                    <h3 class="fs-24">Acharya Institutes Of Technology</h3>
                    <p class="fs-14 text-color-2">Intelligent Electronics Products</p>
                    <p><span class="me-4"><i class="fa-solid fa-flag text-primary me-1"></i>India</span><span><i
                                class="fa-solid fa-globe text-primary me-1"></i>Visit website</span></p>
                </div>
                <hr class="my-4">
                <p class="fs-16 line-height-lg text-color-2">We are Bangalores largest composite academic facility, affiliated to Visvesvaraya
                    Technological University, approved by All India Council for Technical Education and accredited by
                    National Board of Accreditation. Established in the year 2000, we offer 13 undergraduate programmes,
                    11 postgraduate programmes, and 11 research programmes. The diverse academic programmes attract
                    nearly 5000 students from 60+ countries as well as from all parts of India. Life at AIT is more than
                    just academia; community members pride themselves on their curricular, co-curricular and
                    extracurricular activities in art, sports, clubs, and forums. At AIT, students are encouraged to
                    participate in physical education and recreation with the same passion, drive and work ethic as they
                    do in the case of academics to reach their complete potential, intensity, and commitment. Students
                    are given adequate exposure to gain the knowledge by encouraging them to do industry internships and
                    take part in student exchange programs globally, which help them attain worldwide experience in
                    reputed industries and universities.</p>
                <div class="text-center">
                    <a href="{{url('acharya-institute')}}" class="btn bg-orange btn-padding text-white mt-5 fs-18">Know More</a>
                </div>    
            </div> -->

            <!-- <div class="tab-pane fade" id="pills-accelver" role="tabpanel" aria-labelledby="pills-accelver-tab">...
            </div> -->
            <!-- <div class="tab-pane fade" id="pills-contact" role="tabpanel" aria-labelledby="pills-contact-tab">...
            </div> -->
            <!-- <div class="tab-pane py-5 ps-4 pe-lg-5 pe-3 me-lg-5 me-0 fade" id="pills-acharya-institute" role="tabpanel"
                aria-labelledby="pills-acharya-institute-tab">
                <div class="text-center">
                    <img src="{{asset('images/ecosystem-directory/acceleron-labs.png')}}" alt="Acceleron Labs"
                        class="img-fluid mb-3">
                    <h3 class="fs-24">Acharya Institutes Of Technology</h3>
                    <p class="fs-14 text-color-2">Intelligent Electronics Products</p>
                    <p><span class="me-4"><i class="fa-solid fa-flag text-primary me-1"></i>India</span><span><i
                                class="fa-solid fa-globe text-primary me-1"></i>Visit website</span></p>
                </div>
                <hr class="my-4">
                <p class="fs-16 line-height-lg text-color-2">We are Bangalores largest composite academic facility, affiliated to Visvesvaraya
                    Technological University, approved by All India Council for Technical Education and accredited by
                    National Board of Accreditation. Established in the year 2000, we offer 13 undergraduate programmes,
                    11 postgraduate programmes, and 11 research programmes. The diverse academic programmes attract
                    nearly 5000 students from 60+ countries as well as from all parts of India. Life at AIT is more than
                    just academia; community members pride themselves on their curricular, co-curricular and
                    extracurricular activities in art, sports, clubs, and forums. At AIT, students are encouraged to
                    participate in physical education and recreation with the same passion, drive and work ethic as they
                    do in the case of academics to reach their complete potential, intensity, and commitment. Students
                    are given adequate exposure to gain the knowledge by encouraging them to do industry internships and
                    take part in student exchange programs globally, which help them attain worldwide experience in
                    reputed industries and universities.</p>
                <div class="text-center">
                    <a href="{{url('acharya-institute')}}" class="btn bg-orange btn-padding text-white mt-5 fs-18">Know More</a>
                </div>

            </div> -->

        </div>
    </div>
</section>
<!-- calling js file -->
<script src="{{asset('/js/site-api/esdm_directory.js')}}"></script>
<script src="{{asset('/js/pagination.js')}}"></script>
@endsection