@extends('layouts.app')
@section('css')
<link rel="stylesheet" href="{{asset('js/magnific-popup.css')}}">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flat-ui/2.2.0/css/flat-ui.min.css">
<link rel="stylesheet" href="{{asset('css/style.css')}}">
<link rel="stylesheet" href="{{asset('css/Responsive.css')}}">
<link rel="stylesheet" href="{{asset('css/bootstrap.min.css')}}">
<link rel="stylesheet" href="{{asset('css/nivo-slider.css')}}" media="screen">
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<meta name="csrf-token" content="{{ csrf_token() }}" />

@endsection
@section('content')

 <!--Slider-->
<section class="header_slider">
    <div id="slider">
        @foreach($headerDetails[1]['dynamicSections'] as $sliders)
        <div class="slide">
            
            <img src="{{$sliders['backgroundImage']}}">
            <div class=" col-lg-12">
                <div class="row">
                    <div class=" col-lg-12">
                        <div class="founder_text">


                            <h2 class="heading-primary-main">{{$sliders['title']}} <span>{{$sliders['buttonlink']}}</span></h2>
                        </div>
                        <div class="low_text">
                            <p>{{$sliders['description']}}</p>
                        </div>
                        <div class="registree">
                            <a class="btn" href="{{$sliders['link']}}"><span>{{$sliders['buttontext']}}</span></a>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <div class="tint_div"></div>
        @endforeach
            <!-- <div class="slide">
                <img src="https://secondinnings.org/images/slider_2.jpg">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="founder_text">
                            <h2 class="heading-primary-main steel">Mentorship <span>Services</span></h2>
                        </div>
                        <div class="low_text">
                            <p>A complete 360 Degree Career solution by Veterans for Veterans</p>
                        </div>
                        <div class="registree">
                            <a class="btn" href="https://app.secondinnings.org/home"><span>Register Now</span></a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="slide">
                <img src="https://secondinnings.org/images/slider_3.jpg">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="founder_text">
                            <h2 class="heading-primary-main roll">Resume<span>Making Services</span></h2>
                        </div>
                        <div class="low_text">
                            <p>A complete 360 Degree Career solution by Veterans for Veterans</p>
                        </div>
                    </div>
                    <div class="registree">
                        <a class="btn" href="https://app.secondinnings.org/home"><span>Register Now</span></a>
                    </div>
                </div>
            </div>
        </div>

        <div class="slide">
            <img src="https://secondinnings.org/images/slider_4.jpg">
            <div class="row">
                <div class="col-lg-12">
                    <div class="founder_text">
                        <h2 class="heading-primary-main roll">Resume<span>Making Services</span></h2>
                    </div>
                    <div class="low_text">
                        <p>A complete 360 Degree Career solution by Veterans for Veterans</p>
                    </div>
                    <div class="registree">
                        <a class="btn" href="https://app.secondinnings.org/home"><span>Register Now</span></a>
                    </div>
                </div>
            </div>
        </div>
        <div class="slide">
            <img src="https://secondinnings.org/images/slider_5.jpg">
            <div class="row">
                <div class="col-lg-12">
                    <div class="founder_text">
                        <h2 class="heading-primary-main roll">Resume<span>Making Services</span></h2>
                    </div>
                    <div class="low_text">
                        <p>A complete 360 Degree Career solution by Veterans for Veterans</p>
                    </div>
                    <div class="registree">
                        <a class="btn" href="https://app.secondinnings.org/home"><span>Register Now</span></a>
                    </div>
                </div>
            </div>
        </div>
        <div class="slide">
            <img src="https://secondinnings.org/images/slider_6.jpg">
            <div class="row">
                <div class="col-lg-12">
                    <div class="founder_text">
                        <h2 class="heading-primary-main roll">Resume<span>Making Services</span></h2>
                    </div>
                    <div class="low_text">
                        <p>A complete 360 Degree Career solution by Veterans for Veterans</p>
                    </div>
                    <div class="registree">
                        <a class="btn" href="https://app.secondinnings.org/home"><span>Register Now</span></a>
                    </div>
                </div>
            </div>
        </div> -->
    </div>

    <!--Controlling arrows-->
    <span class="controls" onclick="prevSlide(-1)" id="left-arrow"><i class="fa fa-arrow-left" aria-hidden="true"></i>
    </span>
    <span class="controls" id="right-arrow" onclick="nextSlide(1)"><i class="fa fa-arrow-right" aria-hidden="true"></i>
    </span>
    </div>
    <div id="dots-con">
        <span class="dot"></span><span class="dot"></span><span class="dot"></span><span class="dot"></span>
    </div>
    <div class="Tag_line">
        <h6>An initiative for veterans by veterans</h6>
    </div>
    
</section>

<!-- slider -->



<!-- Job_of_the_day_start -->
<div class="Job_day">
    <div class="line"></div>
    <div class="container">
        <div class="row">
            <div class="col-lg-6 col-sm-12 col-md-6">
                <div class="Job_text " data-aos="fade-right" data-aos-duration="2000">
                    <!-- <h4>Millions Of Jobs.</h4> -->
                    <h2>{{$headerDetails[2]['title']}}<br><span>{{$headerDetails[2]['shortDescription']}}</span></h2>
                    <!-- <h3>Second Innings Job Posting Services - Get Quality Applies" & "Search Best Talent with Second Innings Resume Database Access</h3> -->
                    <p>{{strip_tags($headerDetails[2]['longDescription'])}}</p>
                    <ul class="job_t_u">
                        @foreach($headerDetails[2]['dynamicSections'] as $dataList)
                        <li>
                            <h6><i class="fa fa-check-circle" aria-hidden="true"></i>{{$dataList['title']}}</h6>
                        </li>
                        @endforeach
                        <!-- <li>
                        <h6><i class="fa fa-check-circle" aria-hidden="true"></i> Experience working in high-stress environments</h6>
                    </li>
                    <li>
                        <h6><i class="fa fa-check-circle" aria-hidden="true"></i> Strong sense of teamwork and collaboration</h6>
                    </li>
                    <li>
                        <h6><i class="fa fa-check-circle" aria-hidden="true"></i> Motivation, loyalty, dedication, and commitment</h6>
                    </li> -->
                    </ul>
                    <div class="btn_99">
                        <a class="btn" href="https://app.secondinnings.org/home"><span>Search Job</span></a>
                        <a href="https://app.secondinnings.org/home" target="_blank" rel="noopener noreferrer" class="lern_more">Learn More</a>
                    </div>
                </div>
            </div>
            <div class="col-lg-6 col-sm-12 col-md-6" data-aos="fade-left" data-aos-duration="2000">
                <div class="heading_title">
                    <h2>Our Services</h2>
                    <p>Search and connect with the right candidates faster.</p>
                </div>

                <div class="slick-slider">
                    @foreach($jobForm as $jobs)


                    <div class="element element-1">
                        <div class="col-lg-4 col-12">
                            <div class="grid_tab">
                                <div class="d-flex d_x">
                                    <div class="icon_img">
                                        @if($jobs['title'] == "Adobe Ilustrator")
                                        <img src="{{asset('/images/management_icon2.png')}}" alt="">
                                        @elseif($jobs['title'] == "Linkedin")
                                        <img src="{{asset('/images/management_icon3.png')}}" alt="">
                                        @else
                                        <img src="{{asset('/images/management_icon.png')}}" alt="">
                                        @endif
                                    </div>
                                    <div class="top_text">
                                        <a href="http://" target="_blank" rel="noopener noreferrer">{{$jobs['title']}}</a>
                                        <br>
                                        <small class="place"><i class="fa fa-map-marker" aria-hidden="true"></i>
                                            {{$jobs['location']}}</small>
                                    </div>
                                </div>
                                <div class="designer_t">
                                    <h4>{{strip_tags($jobs['educationalQualification'])}}</h4>
                                    <small class="bag"><i class="fa fa-briefcase" aria-hidden="true"></i>
                                        {{$jobs['jobType']}} <i class="fa fa-clock-o" aria-hidden="true"></i> {{$jobs['experience']}}</small>
                                </div>
                                <p>{{strip_tags($jobs['skill'])}}</p>

                                <div class="figma">

                                    @if($jobs['vacency'] =! '')
                                    @php
                                    $exp = $jobs['vacancy'];
                                    $str = explode (",", $exp);
                                    @endphp
                                    @foreach ($str as $data)
                                    <a href="http://" target="_blank" rel="noopener noreferrer">{{$data}}</a>
                                    @endforeach
                                    @endif
                                </div>
                                <!-- <button type="submit" class="bt_1">Apply Now</button> -->
                                <button type="button" class="bt_1 popupmodal" data-bs-toggle="modal" data-id="{{$jobs['id']}}">
                                    Apply Now
                                </button>
                            </div>

                        </div>
                    </div>
                    @endforeach
                </div>
                <!------------------------------------ large_modal_more-------------------------------- -->
               
                <!-- Button trigger modal -->
                <div class="more_btn">
                    <a href="https://app.secondinnings.org/login" target="_blank" rel="noopener noreferrer" class="lern_more">Learn More</a>
                </div>


            </div>

             <!-- Large modal -->
            <div class="tab-content" id="pills-tabContent">
                <div class="tab-pane Contain_t fade show active" id="pills-home" role="tabpanel" aria-labelledby="pills-home-tab">
                    <div class="row">
                    </div>
                </div>
                <!-- TAb_containt_MArketing_sale start -->
                <div class="tab-pane fade Contain_t" id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab">

                    <div class="row">
                        <div class="col-lg-3 col-sm-6">
                            <div class="grid_tab d_x">
                                <div class="d-flex">
                                    <div class="icon_img">
                                        <img src="{{asset('images/management_icon5.png')}}" alt="">
                                    </div>
                                    <div class="top_text">
                                        <a href="http://" target="_blank" rel="noopener noreferrer">Linkedin</a>
                                        <br>
                                        <small class="place"><i class="fa fa-map-marker" aria-hidden="true"></i>
                                            New York, US</small>
                                    </div>
                                </div>
                                <div class="designer_t">
                                    <h4>UI/ UX Designer fulltime </h4>
                                    <small class="bag"><i class="fa fa-briefcase" aria-hidden="true"></i>
                                        Fulltime <i class="fa fa-clock-o" aria-hidden="true"></i> 4 minutes
                                        ago</small>
                                </div>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae architecto eveniet, dolor quo repellendus pariatur</p>
                                <div class="figma">
                                    <a href="http://" target="_blank" rel="noopener noreferrer">Adobe XD</a>
                                    <a href="http://" target="_blank" rel="noopener noreferrer">Figma</a>
                                    <a href="http://" target="_blank" rel="noopener noreferrer">Photoshop</a>

                                </div>
                                <button type="submit" class="bt_1">Apply Now</button>
                            </div>
                        </div>
                        <div class="col-lg-3 col-sm-6">
                            <div class="grid_tab">
                                <div class="d-flex d_x">
                                    <div class="icon_img">
                                        <img src="{{asset('images/management_icon.png')}}" alt="">
                                    </div>
                                    <div class="top_text">
                                        <a href="http://" target="_blank" rel="noopener noreferrer">Linkedin</a>
                                        <br>
                                        <small class="place"><i class="fa fa-map-marker" aria-hidden="true"></i>
                                            New York, US</small>
                                    </div>
                                </div>
                                <div class="designer_t">
                                    <h4>UI/ UX Designer fulltime </h4>
                                    <small class="bag"><i class="fa fa-briefcase" aria-hidden="true"></i>
                                        Fulltime <i class="fa fa-clock-o" aria-hidden="true"></i> 4 minutes
                                        ago</small>
                                </div>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae architecto eveniet, dolor quo repellendus pariatur</p>
                                <div class="figma">
                                    <a href="http://" target="_blank" rel="noopener noreferrer">Adobe XD</a>
                                    <a href="http://" target="_blank" rel="noopener noreferrer">Figma</a>
                                    <a href="http://" target="_blank" rel="noopener noreferrer">Photoshop</a>

                                </div>
                                <button type="submit" class="bt_1">Apply Now</button>
                            </div>

                        </div>
                        <div class="col-lg-3 col-sm-6">
                            <div class="grid_tab">
                                <div class="d-flex d_x">
                                    <div class="icon_img">
                                        <img src="{{asset('images/management_icon2.png')}}" alt="">
                                    </div>
                                    <div class="top_text">
                                        <a href="http://" target="_blank" rel="noopener noreferrer">Adobe
                                            Ilustrator</a>
                                        <br>
                                        <small class="place"><i class="fa fa-map-marker" aria-hidden="true"></i>
                                            New York, US</small>
                                    </div>
                                </div>
                                <div class="designer_t">
                                    <h4>UI/ UX Designer fulltime </h4>
                                    <small class="bag"><i class="fa fa-briefcase" aria-hidden="true"></i>
                                        Fulltime <i class="fa fa-clock-o" aria-hidden="true"></i> 4 minutes
                                        ago</small>
                                </div>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae architecto eveniet, dolor quo repellendus pariatur</p>
                                <div class="figma">
                                    <a href="http://" target="_blank" rel="noopener noreferrer">Adobe XD</a>
                                    <a href="http://" target="_blank" rel="noopener noreferrer">Figma</a>
                                    <a href="http://" target="_blank" rel="noopener noreferrer">Photoshop</a>

                                </div>
                                <button type="submit" class="bt_1">Apply Now</button>
                            </div>
                        </div>
                        <div class="col-lg-3 col-sm-6">
                            <div class="grid_tab">
                                <div class="d-flex d_x">
                                    <div class="icon_img">
                                        <img src="{{asset('images/management_icon.png')}}" alt="">
                                    </div>
                                    <div class="top_text">
                                        <a href="http://" target="_blank" rel="noopener noreferrer">Linkedin</a>
                                        <br>
                                        <small class="place"><i class="fa fa-map-marker" aria-hidden="true"></i>
                                            New York, US</small>
                                    </div>
                                </div>
                                <div class="designer_t">
                                    <h4>UI/ UX Designer fulltime </h4>
                                    <small class="bag"><i class="fa fa-briefcase" aria-hidden="true"></i>
                                        Fulltime <i class="fa fa-clock-o" aria-hidden="true"></i> 4 minutes
                                        ago</small>
                                </div>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae architecto eveniet, dolor quo repellendus pariatur</p>
                                <div class="figma">
                                    <a href="http://" target="_blank" rel="noopener noreferrer">Adobe XD</a>
                                    <a href="http://" target="_blank" rel="noopener noreferrer">Figma</a>
                                    <a href="http://" target="_blank" rel="noopener noreferrer">Photoshop</a>

                                </div>
                                <button type="submit" class="bt_1">Apply Now</button>
                            </div>
                        </div>
                        <div class="col-lg-3 col-sm-6">
                            <div class="grid_tab">
                                <div class="d-flex d_x">
                                    <div class="icon_img">
                                        <img src="{{asset('images/management_icon2.png')}}" alt="">
                                    </div>
                                    <div class="top_text">
                                        <a href="http://" target="_blank" rel="noopener noreferrer">Adobe
                                            Ilustrator</a>
                                        <br>
                                        <small class="place"><i class="fa fa-map-marker" aria-hidden="true"></i>
                                            New York, US</small>
                                    </div>
                                </div>
                                <div class="designer_t">
                                    <h4>UI/ UX Designer fulltime </h4>
                                    <small class="bag"><i class="fa fa-briefcase" aria-hidden="true"></i>
                                        Fulltime <i class="fa fa-clock-o" aria-hidden="true"></i> 4 minutes
                                        ago</small>
                                </div>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae architecto eveniet, dolor quo repellendus pariatur</p>
                                <div class="figma">
                                    <a href="http://" target="_blank" rel="noopener noreferrer">Adobe XD</a>
                                    <a href="http://" target="_blank" rel="noopener noreferrer">Figma</a>
                                    <a href="http://" target="_blank" rel="noopener noreferrer">Photoshop</a>

                                </div>
                                <button type="submit" class="bt_1">Apply Now</button>
                            </div>
                        </div>

                        <div class="col-lg-3 col-sm-6">
                            <div class="grid_tab">
                                <div class="d-flex d_x">
                                    <div class="icon_img">
                                        <img src="{{asset('images/management_icon3.png')}}" alt="">
                                    </div>
                                    <div class="top_text">
                                        <a href="http://" target="_blank" rel="noopener noreferrer">Linkedin</a>
                                        <br>
                                        <small class="place"><i class="fa fa-map-marker" aria-hidden="true"></i>
                                            New York, US</small>
                                    </div>
                                </div>
                                <div class="designer_t">
                                    <h4>UI/ UX Designer fulltime </h4>
                                    <small class="bag"><i class="fa fa-briefcase" aria-hidden="true"></i>
                                        Fulltime <i class="fa fa-clock-o" aria-hidden="true"></i> 4 minutes
                                        ago</small>
                                </div>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae architecto eveniet, dolor quo repellendus pariatur</p>
                                <div class="figma">
                                    <a href="http://" target="_blank" rel="noopener noreferrer">Adobe XD</a>
                                    <a href="http://" target="_blank" rel="noopener noreferrer">Figma</a>
                                    <a href="http://" target="_blank" rel="noopener noreferrer">Photoshop</a>

                                </div>
                                <button type="submit" class="bt_1">Apply Now</button>
                            </div>
                        </div>
                        <div class="col-lg-3 col-sm-6">
                            <div class="grid_tab">
                                <div class="d-flex d_x">
                                    <div class="icon_img">
                                        <img src="{{asset('images/management_icon4.png')}}" alt="">
                                    </div>
                                    <div class="top_text">
                                        <a href="http://" target="_blank" rel="noopener noreferrer">Adobe
                                            Ilustrator</a>
                                        <br>
                                        <small class="place"><i class="fa fa-map-marker" aria-hidden="true"></i>
                                            New York, US</small>
                                    </div>
                                </div>
                                <div class="designer_t">
                                    <h4>UI/ UX Designer fulltime </h4>
                                    <small class="bag"><i class="fa fa-briefcase" aria-hidden="true"></i>
                                        Fulltime <i class="fa fa-clock-o" aria-hidden="true"></i> 4 minutes
                                        ago</small>
                                </div>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae architecto eveniet, dolor quo repellendus pariatur</p>
                                <div class="figma">
                                    <a href="http://" target="_blank" rel="noopener noreferrer">Adobe XD</a>
                                    <a href="http://" target="_blank" rel="noopener noreferrer">Figma</a>
                                    <a href="http://" target="_blank" rel="noopener noreferrer">Photoshop</a>

                                </div>
                                <button type="submit" class="bt_1">Apply Now</button>
                            </div>
                        </div>


                        <div class="col-lg-3 col-sm-6">
                            <div class="grid_tab">
                                <div class="d-flex d_x">
                                    <div class="icon_img">
                                        <img src="{{asset('images/management_icon3.png')}}" alt="">
                                    </div>
                                    <div class="top_text">
                                        <a href="http://" target="_blank" rel="noopener noreferrer">Adobe
                                            Ilustrator</a>
                                        <br>
                                        <small class="place"><i class="fa fa-map-marker" aria-hidden="true"></i>
                                            New York, US</small>
                                    </div>
                                </div>
                                <div class="designer_t">
                                    <h4>UI/ UX Designer fulltime </h4>
                                    <small class="bag"><i class="fa fa-briefcase" aria-hidden="true"></i>
                                        Fulltime <i class="fa fa-clock-o" aria-hidden="true"></i> 4 minutes
                                        ago</small>
                                </div>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae architecto eveniet, dolor quo repellendus pariatur</p>
                                <div class="figma">
                                    <a href="http://" target="_blank" rel="noopener noreferrer">Adobe XD</a>
                                    <a href="http://" target="_blank" rel="noopener noreferrer">Figma</a>
                                    <a href="http://" target="_blank" rel="noopener noreferrer">Photoshop</a>

                                </div>
                                <button type="submit" class="bt_1">Apply Now</button>
                            </div>
                        </div>
                    </div>

                </div>

            </div>
        </div>
    </div>
    <!-- job_of_the_day_start -->
</div>
<!-- Resume Upload -->


<!-- we_are_hiring -->
<section id="hering">
    <div class="container-xl hiring">
        <div class="row">
            <!-- <div class="col-lg-2 col-sm-6">
                <div class="hiring_logo">
                    <img src="{{asset('images/hiring_logo.png')}}" alt="">
                </div>
            </div> -->
            <div class="col-lg-12">
                <div class="hiring_1">
                    <div class="hiring_list row">
                        <div class="col-lg-4 menter">
                            <h4>MENTORSHIP SERVICES</h4>
                        </div>
                        <div class="heading_form col-lg-4">
                            <p class="explore">Let’s Work Together & Explore Opportunities</p>
                        </div>
                        <div class="form_section col-lg-4">
                            <form class="form-container" enctype='multipart/form-data'>
                                <div class="upload-files-container">
                                    <div class="drag-file-area">
                                        <label class="label"> <span class="browse-files"> <input class="default-file-input" /> <a href="https://app.secondinnings.org/login"> <span class="browse-files-text">Build Resume</span></a>
                                            </span> </label>
                                    </div>
                                    <span class="cannot-upload-message"> <span class="material-icons-outlined">error</span> Please select a file first
                                        <span class="material-icons-outlined cancel-alert-button">cancel</span>
                                    </span>
                                    <div class="file-block">
                                        <div class="file-info"> <span class="material-icons-outlined file-icon">description</span> <span class="file-name"> </span> | <span class="file-size"> </span> </div>
                                        <span class="material-icons remove-file-icon">delete</span>
                                        <div class="progress-bar"> </div>
                                    </div>
                                    <button type="button" class="upload-button" data-bs-toggle="modal" data-bs-target="#exampleModal_1"> Upload Resume </button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>


<!-- Upload_resume_popup_form_start -->
<div class="counting_sec">
    <div class="heading_counting_sec">
        <h2>Some Statistsics</h2>
        <p>Search and connect with the right candidates faster.</p>
    </div>
    <div class="container">
        <div class="row">
            <div class="col-lg-4 col-sm-6">
                <div class="counting_t">
                    <h1 class="count">25</h1><span><i class="fa fa-plus" aria-hidden="true"></i></span>
                    <h4>Airforce</h4>
                    <p>We have offered fulfilling jobs to Air Force personnel, aiding their smooth career transitions</p>
                </div>
            </div>
            <div class="col-lg-4 col-sm-6">
                <div class="counting_t">
                    <h1 class="count">17</h1><span><i class="fa fa-plus" aria-hidden="true"></i></span>
                    <h4>Army</h4>
                    <p>We have provided rewarding job opportunities to Army personnel, facilitating their seamless career transitions.</p>
                </div>
            </div>
            <div class="col-lg-4 col-sm-6">
                <div class="counting_t">
                    <h1 class="count">86</h1><span><i class="fa fa-plus" aria-hidden="true"></i></span>
                    <h4>Navy</h4>
                    <p>We have provided rewarding jobs for numerous Navy personnel, facilitating their successful career transitions.</p>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Browse by category_start -->

<!-- Top_our_Recurtment start -->
<section>
    <div class="Recurtment_0">
        <h2>RECRUITING COMPANIES</h2>
        <p>Connecting Companies with Ex-Military Talent: Bridging the Gap for Meaningful and Impactful Hiring</p>
        <div class="container">
            <div class=" ">
                <div class="row ">
                    <div class="col-lg-3 col-6">
                        <div class="recurtment">
                            <div class="recurtment_app">
                                <div class="img_l">
                                    <img src="{{asset('images/management_icon.png')}}" alt="">
                                </div>
                                <div class="text">
                                    <h4><a href="http://" target="_blank" rel="noopener noreferrer">Linkedin</a>
                                    </h4>
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <span>(68)</span>
                                </div>
                            </div>
                            <ul class="open_job">
                                <li><a href="http://" target="_blank" rel="noopener noreferrer"><i class="fa fa-map-marker" aria-hidden="true"></i></a> New York Us</li>
                                <li>25 Open Jobs</li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-3 col-6">
                        <div class="recurtment">
                            <div class="recurtment_app">
                                <div class="img_l">
                                    <img src="{{asset('images/management_icon2.png')}}" alt="">
                                </div>
                                <div class="text">
                                    <h4><a href="http://" target="_blank" rel="noopener noreferrer">Adobe</a></h4>
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <span>(68)</span>
                                </div>
                            </div>
                            <ul class="open_job">
                                <li><a href="http://" target="_blank" rel="noopener noreferrer"><i class="fa fa-map-marker" aria-hidden="true"></i></a> New York Us</li>
                                <li>25 Open Jobs</li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-3 col-6">
                        <div class="recurtment">
                            <div class="recurtment_app">
                                <div class="img_l">
                                    <img src="{{asset('images/management_icon3.png')}}" alt="">
                                </div>
                                <div class="text">
                                    <h4><a href="http://" target="_blank" rel="noopener noreferrer">Dailymotion</a>
                                    </h4>
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <span>(68)</span>
                                </div>
                            </div>
                            <ul class="open_job">
                                <li><a href="http://" target="_blank" rel="noopener noreferrer"><i class="fa fa-map-marker" aria-hidden="true"></i></a> New York Us</li>
                                <li>25 Open Jobs</li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-3 col-6">
                        <div class="recurtment">
                            <div class="recurtment_app">
                                <div class="img_l">
                                    <img src="{{asset('images/management_icon4.png')}}" alt="">
                                </div>
                                <div class="text">
                                    <h4><a href="http://" target="_blank" rel="noopener noreferrer">NewSum</a></h4>
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <span>(68)</span>
                                </div>
                            </div>
                            <ul class="open_job">
                                <li><a href="http://" target="_blank" rel="noopener noreferrer"><i class="fa fa-map-marker" aria-hidden="true"></i></a> New York Us</li>
                                <li>25 Open Jobs</li>
                            </ul>
                        </div>
                    </div>

                    <div class="col-lg-3 col-6">
                        <div class="recurtment">
                            <div class="recurtment_app">
                                <div class="img_l">
                                    <img src="{{asset('images/management_icon5.png')}}" alt="">
                                </div>
                                <div class="text">
                                    <h4><a href="http://" target="_blank" rel="noopener noreferrer">PowerHome</a>
                                    </h4>
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <span>(68)</span>
                                </div>
                            </div>
                            <ul class="open_job">
                                <li><a href="http://" target="_blank" rel="noopener noreferrer"><i class="fa fa-map-marker" aria-hidden="true"></i></a> New York Us</li>
                                <li>25 Open Jobs</li>
                            </ul>
                        </div>
                    </div>

                    <div class="col-lg-3 col-6">
                        <div class="recurtment">
                            <div class="recurtment_app">
                                <div class="img_l">
                                    <img src="{{asset('images/management_icon5.png')}}" alt="">
                                </div>
                                <div class="text">
                                    <h4><a href="http://" target="_blank" rel="noopener noreferrer">PowerHome</a>
                                    </h4>
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <span>(68)</span>
                                </div>
                            </div>
                            <ul class="open_job">
                                <li><a href="http://" target="_blank" rel="noopener noreferrer"><i class="fa fa-map-marker" aria-hidden="true"></i></a> New York Us</li>
                                <li>25 Open Jobs</li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-3 col-6">
                        <div class="recurtment">
                            <div class="recurtment_app">
                                <div class="img_l">
                                    <img src="{{asset('images/management_icon4.png')}}" alt="">
                                </div>
                                <div class="text">
                                    <h4><a href="http://" target="_blank" rel="noopener noreferrer">NewSum</a></h4>
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <span>(68)</span>
                                </div>
                            </div>
                            <ul class="open_job">
                                <li><a href="http://" target="_blank" rel="noopener noreferrer"><i class="fa fa-map-marker" aria-hidden="true"></i></a> New York Us</li>
                                <li>25 Open Jobs</li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-3 col-6">
                        <div class="recurtment">
                            <div class="recurtment_app">
                                <div class="img_l">
                                    <img src="{{asset('images/management_icon.png')}}" alt="">
                                </div>
                                <div class="text">
                                    <h4><a href="http://" target="_blank" rel="noopener noreferrer">Linkedin</a>
                                    </h4>
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    <span>(68)</span>
                                </div>
                            </div>
                            <ul class="open_job">
                                <li><a href="http://" target="_blank" rel="noopener noreferrer"><i class="fa fa-map-marker" aria-hidden="true"></i></a> New York Us</li>
                                <li>25 Open Jobs</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>



<!-- PRODUCTS & SERVICES_start -->
<section>
    <div class="product">
        <div class="top_heding_product">
            <p>PRODUCTS & SERVICES</p>
            <h6>Second Innings is India’s No.1 Job <br> Posting& Recruitment Platform</h6>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-sm-6">
                    <div class="job_posting_sec_text">
                        <h4>Second Innings Job Posting Services - Get Quality Applies</h4>
                        <p>Streamline Your Hiring Process and Find the Perfect Candidates with Second Innings</p>
                        <ul class="job_grid">
                            <li><i class="fa fa-clock-o" aria-hidden="true"></i> Job portal services</li>
                            <li><i class="fa fa-user" aria-hidden="true"></i> Targeted job postings</li>
                            <li><i class="fa fa-file-text" aria-hidden="true"></i> Matched job seekers</li>
                            <li><i class="fa fa-calendar-o" aria-hidden="true"></i> Effective employee recruitment</li>
                        </ul>
                        <a class="btn know_more_align" href="{{route('about')}}"><span>Know More</span></a>
                    </div>
                </div>
                <div class="col-lg-6 col-sm-6">
                    <div class="job_posting_sec">
                        <img src="{{asset('images/Recurt_img/product_1.png')}}" alt="" class="img-fluid">
                    </div>
                </div>
                <div class="col-lg-6 col-sm-6 secnd_job">
                    <div class="job_posting_sec">
                        <img src="{{asset('images/Recurt_img/product2.png')}}" alt="" class="img-fluid">
                    </div>
                </div>
                <div class="col-lg-6 col-sm-6 secnd_job">
                    <div class="job_posting_sec_text">
                        <h4>Search Best Talent with Second Innings Resume Database Access</h4>
                        <p>Unlock a Wealth of Talent with Second Innings Resume Database Access for Targeted Recruitment</p>
                        <ul class="job_grid">
                            <li><i class="fa fa-clock-o" aria-hidden="true"></i> Skilled professionals</li>
                            <li><i class="fa fa-user" aria-hidden="true"></i> Background validation</li>
                            <li><i class="fa fa-search" aria-hidden="true"></i> Diverse skill sets</li>
                            <li><i class="fa fa-check-circle-o" aria-hidden="true"></i> Strong motivation</li>
                        </ul>
                        <a class="btn know_more_align" href="{{route('about')}}"><span>Know More</span></a>

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

<!-- “Industry Speak”_addhttps://secondinnings.org/images/Recurt_img/product2.png -->
<section class="clients_wrap">
    <img class="bg_img" src="{{$headerDetails[0]['bannerImage']}}" alt="">
    <span class="cl_shape"></span>
    <div class="cl_inner">
        <div class="cl_left">
            <h3>{{$headerDetails[0]['title']}}</h3>
        </div>
        <img src="{{$headerDetails[0]['image']}}" alt="">



        <section id="testim" class="testim">
            <!--         <div class="testim-cover"> -->
            <div class="wrap">

                <span id="right-arrow_2" class="arrow right fa fa-chevron-right"></span>
                <span id="left-arrow_1" class="arrow left fa fa-chevron-left "></span>
                <ul id="testim-dots" class="dots">
                    <li class="dot active"></li><!--
                    -->
                    <li class="dot"></li><!--
                    -->
                    <li class="dot"></li><!--
                    -->
                    <li class="dot"></li><!--
                    -->
                    <!-- <li class="dot"></li> -->
                </ul>
                <div id="testim-content" class="cont">
                    
                    @foreach ($headerDetails[0]['dynamicSections'] as $inSpeak)
                    <div>
                        <div class="img"><img src="{{$inSpeak['image']}}" alt=""></div>
                        <h2>{{$inSpeak['title']}}</h2>
                        <h6>{{strip_tags($inSpeak['description'])}}</h6>
                        <p>{{strip_tags($inSpeak['longDescription'])}}</p>
                    </div>
                    @endforeach
                   

                </div>

            </div>
        </section>

    
    </div>
</section>
<!-- “Industry Speak”_add -->

           

<!--------------------apply-Modal ----------------->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content apply_content">

            <div class="modal-body">
                <div class="model_item">
                    <h4 class="modal-title" id="exampleModalLabel">Apply Form</h4>
                    <!-- <a href="#" class="close_icon" data-bs-dismiss="modal" aria-label="Close"><i class="ri-close-fill"></i></a> -->
                    <button type="button" class="btn-close close_icon" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="row justify-content-center">
                    <div class="col-lg-12 ">
                        <div class="contact-form-wrapper">
                            <form id="jobApplyForm">
                                <input type="hidden" name="id" id="careerId" value="">
                                <div class="row">
                                    <div class="col-md-12 form_height">
                                        <div class="single-form">
                                            <label for="name">Name</label>
                                            <input type="text" name="name" id="name" placeholder="Name" pattern="^[a-zA-Z\s]{1,100}$" required>
                                            <p class="text-danger" id="errorName" style="text-align: center; font-size: 13px;"></p>
                                        </div>
                                    </div>
                                    <div class="col-md-6 form_height">
                                        <div class="single-form">
                                            <label for="email">Email</label>
                                            <input type="email" name="email" id="email" placeholder="Email" pattern="^\w+([\.-]?\w+)@\w+([\.-]?\w+)(\.\w{2,3})+$" required>
                                            <p class="text-danger" id="errorEmail" style="text-align: center; font-size: 13px;"></p>
                                        </div>
                                    </div>
                                    <div class="col-md-6 form_height">
                                        <div class="single-form">
                                            <label for="mobile">Phone</label>
                                            <input type="tel" name="phone" id="mobile" placeholder="Phone" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" required>
                                            <p class="text-danger" id="errorPhone" style="text-align: center; font-size: 13px;"></p>
                                        </div>

                                    </div>
                                    <div class="col-md-12 form_height">
                                        <div class="single-form">
                                            <label for="job">Post</label>
                                            <select required name="subject" id="subject">
                                                <option>Select An Option</option>
                                                @foreach($jobForm as $subject)
                                                <option value="{{$subject['educationalQualification']}}">{{$subject['educationalQualification']}}</option>
                                                @endforeach
                                            </select>
                                            <p class="text-danger" id="errorPost" style="text-align: center; font-size: 13px;"></p>
                                        </div>
                                    </div>
                                    <div class="col-md-12 form_height">
                                        <div class="single-form">
                                            <label for="msg">Message</label>
                                            <textarea name="message" id="message" placeholder="Write here..." required></textarea>
                                            <p class="text-danger" id="errorMsg" style="text-align: center; font-size: 13px;"></p>
                                        </div>
                                    </div>
                                    <div class="col-md-12 form_height">
                                        <div class="single-form upload">
                                            <label for="file">Upload Resume</label>
                                            <input type="file" id="myFile" name="filename">
                                        </div>
                                    </div>

                                    <div class="col-md-12 form_height_1">
                                        <div class="single-form text-center job_submit">
                                            <button type="button" id="submitBtn" onclick="jobSubmit()" class="main-btn">Submit now</button>
                                            <div id="msgSubmit" class="text-center text-info h4 hidden contact_gap"></div>

                                            <div class="clearfix"></div>
                                        </div>
                                    </div>
                                </div>

                            </form>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--------------------apply-Modal ----------------->
<!-- Modal -->
<div class="modal fade" id="successModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title text-sucess" id="exampleModalLabel">Submited</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div id="msgSuccess" class="text-center text-success h4 hidden contact_gap"></div>
            </div>

        </div>
    </div>
</div>
<!-- Upload_resume_popup_form_start -->



<div class="modal fade" id="exampleModal_1" tabindex="-1"  aria-labelledby="exampleModalLabelTwo" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabelTwo">Job Resume Upload</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <form id="jobapply-form">
                    @foreach($tableData as $val)
                    <div class="mb-3">
                        <label for="recipient-name" class="col-form-label">{{$val['label']}} {{$val['required'] == 'Yes' ? "*" : '' }}</label>
                        @if($val['dataType'] == 'textarea')
                        <textarea name="{{$val['fieldName']}}" class="form-control" id="{{$val['fieldName']}}" cols="30" rows="10"></textarea>
                        @else
                        <input type="{{$val['dataType']}}" name="{{$val['fieldName']}}" placeholder="{{$val['placeholder']}}" class="form-control" id="{{$val['fieldName']}}">
                        @endif
                    </div>
                    @endforeach

                    <div class="alert alert-danger job-error-msg" style="display:none; ">
                        <ul></ul>
                    </div>

                    <div class="form-group col-lg-12 col-md-12 col-sm-12 mb-3 pay_now_box text-center">
                        <button class="theme-btn btn-style-four btn" type="button" onclick="resumeSubmit()" name="submit-form"><span>Button</span></button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>



@endsection