@extends('front/_.app')

@section('content')




<section class="section-page">
    <div class="container">
        <div class="row">
            <div class="col-md">
                <div class="row">
                    <div class="col-md-6">
                        <img class="fullWidth" src="{{ $School->getImg() }}" alt="">
                        <br><br>
                    </div>
                    <div class="col-md">
                        <h4 class="fontTitle colorSecondary">
                            {{ $School->name }}
                        </h4>
                        <p class="text-justify">
                            {{ $School->descript }}
                        </p>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-12">
                        <hr>
                    </div>
                </div>

                <div class="row mt-3">
                    <div class="col-md-6">
                        <iframe class="map" frameborder="0" style="border:0"
                            src="https://www.google.com/maps/embed/v1/place?key={{ config('global.googleMapKey') }}
                            &q={{ $School->latitude }},{{ $School->longitude }}" allowfullscreen>
                        </iframe>
                    </div>
                    <div class="col-md">
                        <h4 class="fontTitle colorSecondary title-section">
                            Contacts
                        </h4>
                        <table class="table-contact-school">
                            <tr>
                                <td class="icon"><i class="fas fa-phone-alt"></i></td>
                                <td class="text">{{ $School->phone }}</td>
                            </tr>
                            <tr>
                                <td class="icon"><i class="fas fa-envelope"></i></td>
                                <td class="text">{{ $School->email }}</td>
                            </tr>
                            <tr>
                                <td class="icon"><i class="fas fa-map-marked"></i></td>
                                <td class="text">{{ $School->location }}</td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>





            {{-- Right bar page--}}
            @include('front._.rightBarPage')
        </div>
    </div>
</section>



@endsection