@extends('front.layouts.app')
@section('title','Nos Intitutions')

@section('content')
    <!--== Start Page Title Area ==-->
    <x-title image="assets/img/institution.jpg" page="{{$institutes->name}}"/>
    <!--== End Page Title Area ==-->

    <!-- Start Event
     ============================================= -->
    <div class="event-area default-padding">
        <div class="container">
            <div class="panel panel-default">
            <div class="row">
                <div class="event-items event-list-full inner-cell">

                    <div class="col-md-12 single-item">

                        <div class="sidebar-item recent-post">
                            <div class="title">
                                <h4>Liste {{$institutes->name}}</h4>
                            </div>
                            <ul>
                                @foreach($institutes->institutes as $institut)
                                <li>
{{--                                    <div class="thumb">--}}
{{--                                        <a href="#">--}}
{{--                                            <img src="{{asset('assets/img/thumb/1.jpg')}}" width="100" alt="Thumb">--}}
{{--                                        </a>--}}
{{--                                    </div>--}}

                                    <div class="info">
                                        <h3 href="#">{{$institut['name']}}</h3>
                                    </div>
{{--                                    <div class="commen-item">--}}
{{--                                        <div class="content">--}}
{{--                                            <p>{{$institut['description']}}</p>--}}
{{--                                        </div>--}}
{{--                                    </div>--}}
                                </li>
                                @endforeach

                            </ul>
                        </div>

                    </div>

                </div>
            </div>
            </div>
        </div>
    </div>
    <!-- End Event -->

@endsection