@extends('front/_.app')

@section('content')




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



                <div class="row mb-1">
                    <div class="col-md">
                        <div class="row mb-5">

                            @if ($Training->getPayFile())
                                <div class="col-md-12">
                                    <div href="" data-toggle="modal" data-target="#modalScolarite">
                                        <div class="cardIcon">
                                            <div class="icon">
                                                <i class="fas fa-download"></i>
                                            </div>
                                            <div class="text">
                                                Scolarités et modalité de payement
                                            </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">
                                                Scolarités et modalité de payement
                                            </h4>
                                            <iframe class="movie" width="100%" height="350"
                                            frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen
                                            src="{{ $Training->getPayFile() }}">
                                            </iframe>
                                        </div>
                                    </div>
                                    </div>
                                </div>
                            @endif

                            @if ($Training->getRequireFile())
                                <div class="col-md-12" data-toggle="modal" data-target="#modalDoc">
                                    <div href="">
                                        <div class="cardIcon">
                                            <div class="icon">
                                                <i class="fas fa-download"></i>
                                            </div>
                                            <div class="text">
                                                Documents à fournir
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Modal Documents à fournir -->
                                <div class="modal fade bd-example-modal-lg" id="modalDoc" 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">
                                                Documents à fournir
                                            </h4>
                                            <iframe class="movie" width="100%" height="350"
                                            frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen
                                            src="{{ $Training->getRequireFile() }}">
                                            </iframe>
                                        </div>
                                    </div>
                                    </div>
                                </div>
                            @endif
                        </div>
                    </div>

                    <div class="col-md-7">
                        <ul class="school-liste-2">
                            @foreach ($Training->faculties as $faculty)
                                <li>
                                    <a href="{{ route('faculty',[$faculty->id, 'trainingId'=>$Training->id]) }}">
                                        <div class="icon"><i class="fas fa-chalkboard-teacher"></i></div>
                                        <div class="schoolName">{{ $faculty->name }}</div>
                                        <span class="go"><i class="fas fa-angle-right"></i></span>
                                    </a>
                                </li>
                            @endforeach
                        </ul>
                    </div>
                </div>




                @if ($Training->access && $Training->access!="")
                <div class="cardBgGray">
                    <h5 class="fontTitle colorBlack title-section">
                        L’accès
                    </h5>
                    <p>
                        {{ $Training->access }}
                    </p>
                </div>
                @endif

                @if ($Training->program && $Training->program!="")
                <div class="cardBgGray">
                    <h5 class="fontTitle colorBlack title-section">
                        Programme
                    </h5>
                    <p>
                        {{ $Training->program }}
                    </p>
                </div>
                @endif

                @if ($Training->studies_validator && $Training->studies_validator!="")
                <div class="cardBgGray">
                    <h5 class="fontTitle colorBlack title-section">
                        La validation des études
                    </h5>
                    <p>
                        {{ $Training->studies_validator }}
                    </p>
                </div>
                @endif
            </div>





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



@endsection