@extends('frontend.layouts.master')
@section('title') Internee @endsection
@section('main-content')

<div id="banner-area">
    <img src="{{ asset('frontend/images/banner/banner1.jpg') }}" alt ="" />
    <div class="parallax-overlay"></div>
        <!-- Subpage title start -->
        <div class="banner-title-content">
            <div class="text-center">
                <h2>Our Internees</h2>
                <ul class="breadcrumb">
                    <li><a href="{{route('home')}}">Home</a></li>
                    <li>Our Internees</li>
                  </ul>
              </div>
          </div><!-- Subpage title end -->
</div><!-- Banner area end -->

<!-- Main container start -->

<section id="main-container">
    <div class="container">
        <div class="row">
            @if($interns)
				@foreach($interns as $intern)
                    <div class="col-md-6 col-sm-6">
                        <div class="team team-list-square wow slideInLeft">
                            <div class="img-square">
                                @php
                                    $photo=explode(',',$intern->photo);
                                @endphp
                                <img src="{{ Storage::url($intern->photo) }}" alt="">
                            </div>
                            <div class="team-content">
                                <h3>{{$intern->name}}</h3>
                                <p style="font-size: 13px;">{{$intern->country}}</p>
                                <p style="font-size: 13px;">{{$intern->course}}</p>
                                <p style="font-size: 13px;">{{$intern->university}}</p>
                                <p style="font-size: 13px;">{{$intern->study}}</p>
                                {{-- <p>{{$intern->email}}</p>
                                <p>{{$intern->phone}}</p> --}}
                            </div>
                        </div>	
                    </div><!--/ Team 1 end -->
                @endforeach
            @endif
        </div><!--/ Content row end -->

    </div><!--/ container end -->

</section><!--/ Main container end -->

@endsection