@include('includes.header')


<section class="workshop-section">

    <div class="container padding0 " style="padding: 0 5px;margin-top: 40px;">



            <div class="container">
                <div class="row">
                    <div class="col-lg-12 text-center">
                        <h2 class="partnertext">Internship</h2>
                        <h3 class="section-subheading text-muted">These students have completed their summer internship 2018 at Bennett University (Department of Computer Science). Watch videos
                            or click on caption (Project title) for details.</h3>
                    </div>
                </div>
                <div class="row">

                    @foreach($projectlist as $key => $data)
                        <div class="col-md-4 col-sm-6 portfolio-item">
                            <div class="col md-12 padding0" style="background: #fff;">
                                <div class="col md-12 padding0" style="">
                                    <iframe class="video-class" src="{{$data->youtube_url}}" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
                                </div>

                                <div class="portfolio-caption">
                                    <a href="projectdetails/{{$data->team_no}}" style="text-decoration: none;"><p class="caption-text" style=""></p></a>
                                    <p class="text-muted"></p>
                                </div>
                            </div>

                        </div>

                    @endforeach


                </div>
     </div>




    </div>
    <div class="modal fade location-popup" id="getCodeModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="">
        <div class="modal-dialog modal-lg ">
            <div class="modal-content" style="border: none;">
                <div class="modal-header">

                    <h5 class="modal-title" id="myModalLabel"> Seat Avaibility </h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
                <div class="modal-body" id="getCode" style="min-height: 100px;">

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

@include('includes.footer')



<script>
    $(document).ready(function(){

        //--------------------Get Fee------------------------------------------------
       /* $('#dob').click( function(){*/

            var _token = $('input[name="_token"]').val();
            $.ajax({
                url: "{{ route('login_controller.internFee') }}",
                method: "POST",
                data: {_token: _token},
                success: function (result) {
                    var res= jQuery.parseJSON(result);

                    $('#totalfee').html(res[0]);
                    $('#afterdiscount').html(res[0]);
                    $('#amount').val(res[0]);

                }
            })
        /*})*/

        //--------------------Get Fee------------------------------------------------

        })
</script>


<script src="{{  url('js/particles.js')  }}"></script>
<script src="{{  url('js/app.js')  }}"></script>




<script>

    $(document).ready(function(){
        $('#global-nav').css('background','#007BFF');
        var scrollTop = 0;
        var widthWindow = 0;
        $(window).scroll(function(){
            scrollTop = $(window).scrollTop();
            $('.counter').html(scrollTop);
            if (scrollTop >= 10) {
                widthWindow = $(window).width();
                if(widthWindow >=768){
                    $('#global-nav').addClass('scrolled-nav');
                }

            } else if (scrollTop < 40) {
                $('#global-nav').removeClass('scrolled-nav');
            }

        });

    });


</script>

<script src="{{  url('js/paper.min.js')  }}"></script>
<script src="{{  url('js/bootstrap.min.js')  }}"></script>
</body>
</html>