@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-12">
                        <div class="">
                            @if ($page->getImg())
                            <img style="width: 100%; height: auto;" src="{{ $page->getImg() }}" alt="">
                            @endif
                        </div>
                    </div>

                    <div class="col-md-12">
                        <div class="cardBgGray p-5">
                            <h3 class="fontTitle colorSecondary title-section">
                                {{ $page->name }}
                            </h3>
                                                    </div>


                        @if ($page->getFile())
                        <div class="">
                            <div href="" data-toggle="modal" data-target="#modalScolarite">
                                <div class="cardIcon">
                                    <div class="icon">
                                        <i class="fas fa-download"></i>
                                    </div>
                                    <div class="text">
                                        Fichier joint
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Modal Scolarité et modalité de payement -->
                        <div class="modal fade bd-example-modal-lg" id="modalScolarite" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                            <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
                            <div class="modal-content">
                                <div class="modal-body">
                                    <h4 class="fontTitle colorPrimary mb-3">
                                        Fichier joint
                                    </h4>
                                    <iframe class="movie" width="100%" height="350"
                                    frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen
                                    src="{{ $page->getFile() }}">
                                    </iframe>
                                </div>
                            </div>
                            </div>
                        </div>
                    @endif
                    </div>
                </div>
            </div>








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


@endsection