@extends('layouts.app')
<style>

</style>
@section('content')
    <div style="background: #eb5d1e" class="jumbotron  text-center justify-content-center align-items-center mb-0">
        <div class="container">
            <span class="page-header">{{__('programme.Programme ARIEJ')}}</span>
        </div>
    </div>
    <div  class="d-flex" style="
    background: linear-gradient(180deg, #EBEDFA 50%, #F6F7F9 50%);height: 612px;" >

        <div style="background: #ffffff" class="container justify-content-center align-self-center">
            <p style="padding: 20px 70px;">
                {{__('programme."Le programme ARIEJ est le 3ème programme relevant de la 3ème phase du déploiement de l’INDH 2019-2023.  Il a été lancé par sa Majesté le Roi Mohammed VI que Dieu l’Assiste, le 19 septembre 2018.
Ce programme vise spécifiquement à réussir l’intégration économique des jeunes et à l’amélioration de leur situation économique et sociale, à travers la mise en place d’un accompagnement complet dédié aux porteurs de projets, durant tout le processus de création d’entreprise.
Il trouve son fondement, entre autres, à apporter sa contribution au développement économique local et aux problèmatiques liées au chômage et l\'inactivité des jeunes qui restent relativement élevés au Maroc."')}}</p>
      </div>
    </div>


    <section class="container-lg mt-5  d-flex ">

            <div class="justify-content-center align-self-center">

                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="row">
                                <div class="col-md-5 d-flex flex-column text-left ml-3 ">
                                    <h2>{{__('programme.1. Sensibilisation, orientation et information')}}</h2>
                                    {{__('programme.Écouter, informer, orienter et sensibiliser les jeunes aux opportunités offertes par l\'entreprenariat en tant que source de revenus et création d\'emplois. Les activités de sensibilisation seront fondamentales pour informer sur le programme et recruter des bénéficiaires potentiels des mécanismes.')}}
                                </div>
                                <div class="col-md-6  align-items-center  d-flex justify-content-center ">
{{--                                    <div class="front">--}}
                                        <img src="images/front-office/spotlight_.svg"  width="100%">
{{--                                        <p class="caption">{{__('welcome.Je découvre IRCHAD')}}</p>--}}
{{--                                    </div>--}}
                                </div>
                            </div>
                        </div>

                        <div class="swiper-slide">
                            <div class="row">
                                <div class="col-md-5 d-flex flex-column text-left ml-3 ">
                                    <h2>{{__('programme.2. Appui Pré-création :')}}</h2>
                                <p>
                                    {{__('programme.Accompagner les jeunes porteurs de projets éligibles dans la préparation de leur projet, afin d’améliorer le niveau de préparation du projet et augmenter les chances de succès de leur activité (formation, appui…).')}}
                                </p>
                                </div>


                                <div class="col-md-6  align-items-center  d-flex justify-content-center ">
{{--                                    <div class="front">--}}
                                        <img src="images/front-office/chart.svg"  width="100%">
{{--                                        <p class="caption">{{__('welcome.Je découvre IRCHAD')}}</p>--}}
{{--                                    </div>--}}
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="row">
                                <div class="col-md-5 d-flex flex-column text-left ml-3 ">
                                    <h2>{{__('programme.3. Appui à la création :')}}</h2>
                                    <p>
                                        {{__('programme.Accompagner les jeunes dans le choix des structures juridiques adaptées à leurs profiles et aux spécificités de leurs projets.')}}

                                    </p>
                                </div>

                                <div class="col-md-6  align-items-center  d-flex justify-content-center ">
{{--                                    <div class="front">--}}
                                        <img src="images/front-office/career_.svg"  width="100%">
{{--                                        <p class="caption">{{__('welcome.Je découvre IRCHAD')}}</p>--}}
{{--                                    </div>--}}

                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="row">
                                <div class="col-md-6 d-flex flex-column text-left ml-3 ">
                                    <h2>{{__('programme.4. Appui Post-création :')}}</h2>
                                    <p>
                                        {{__('programme.Fournir un accompagnement technique aux jeunes entrepreneurs ayant effectivement démarré l’activité, pour améliorer les chances de succès de leur projet et augmenter le taux de survie des entreprises formelles créées.')}}
                                    </p>
                                </div>

                                <div class="col-md-5  align-items-center  d-flex justify-content-center ">
{{--                                    <div class="front">--}}
                                        <img src="images/front-office/motivation.svg"  width="100%">
{{--                                        <p class="caption">{{__('welcome.Je découvre IRCHAD')}}</p>--}}
{{--                                    </div>--}}
                                </div>
                            </div>
                        </div>
                        <!-- Add Pagination -->
                    </div>
                    <div class="swiper-pagination" style="height: 90%;"></div>

                </div>
            </div>
        </section>
    <section>
        <div class="container">
            <div class="row">
                <div class="card col-md-12  program">
                    <div class="row">
                        <div class="col-md-6 pt-3 text-center text-md-right"><img src="images/front-office/Accueil.svg" width="80"></div>
                        <div class="col-md-6 text-center text-md-left"><div class="card-body">
                                <h3 class="mt-3">{{__('programme.ACCUEIL')}}</h3>
                                <p class="card-text">{{__('programme.Remplir les informations de pré-inscription')}}
                                </p>
                            </div></div>
                    </div>


                </div>
            </div>
            <div class="row">
                <div class="card col-md-12  program-line">
                    <div class="row">
                        <div class="col-md-6 pt-3  text-center text-md-right"><img src="images/front-office/Orientation.svg" width="80"></div>
                        <div class="col-md-6 text-center text-md-left"><div class="card-body">
                                <h3 class="mt-3">{{__('programme.ORIENTATION')}}</h3>
                                <p class="card-text">{{__('programme.Entretien de positionnement')}}</p><p>
                                    {{__('programme.Validation de l’inscription')}}
                                </p>
                            </div></div>
                    </div>


                </div>
            </div>
            <div class="row">
                <div class="col-md-6   ">
                    <div class="card program" >
                        <div class="row">
                            <div class="col-md-3 pt-3 text-center  text-md-right">
                                <img src="images/front-office/Formation.svg" width="80">
                            </div>
                            <div class="col-md-9 text-center text-md-left"><div class="card-body">
                                    <h3 class="mb-3">{{__('programme.FORMATION')}}</h3>
                                    <p class="card-text">- {{__('programme.Planifier la formation')}}<br>
                                        - {{__('programme.Exécuter la formation')}}<br>
                                        - {{__('programme.Évaluer la formation')}}<br>
                                        - {{__('programme.Réorienter vers l’espace de provenance')}}</p>
                                </div></div>
                        </div>

                    </div></div>
                <div class="col-md-6">
                    <div class="card  program">
                        <div class="row">
                            <div class="col-md-3 pt-3 text-center text-md-right">
                                <img src="images/front-office/Entreprenariat.svg" width="70" height="64">
                            </div>
                            <div class="col-md-9 text-center text-md-left"><div class="card-body">
                                    <h3 class="mb-3">{{__('programme.ENTREPRENARIAT')}}</h3>
                                    <p class="card-text">- {{__('programme.Accompagnement pré-création')}}<br>
                                        - {{__('programme.Accompagnement à la création')}}<br>
                                        - {{__('programme.Accompagnement post-création')}}
                                    </p>
                                </div>
                            </div>


                        </div></div>
                </div>


            </div>
        </div>
    </section>

@endsection
@section('custom-js')
    <script>
        var swiper = new Swiper('.swiper-container', {
            direction: 'vertical',
            slidePerView:1,
            autoplay: {
                delay: 3000,
            },
            pagination: {
                el: '.swiper-pagination',
                type: 'progressbar',
                clickable: true,

            },
        });
    </script>
@endsection