<?php
    $service = Service::get($_REQUEST['id']);
?>
             
                    <!-- <div class="swm-header-placeholder" data-header-d="107" data-header-t="107" data-header-m="80"></div> -->
                    <!-- <div id="swm-sub-header" class="swm-sub-header swm-title-position-title-center" style="background-image: url(media/sub-header3.jpg) !important;height:370px"> -->
                    <div id="swm-sub-header" class="swm-sub-header swm-title-position-title-center" style="background: white">
                        <img src="media/sub-header3.jpg" ><!-- 
                        <div class="swm-container swm-css-transition">
                            <div class="swm-sub-header-title-bc">
                                <div class="swm-sub-header-title-wrap">
                                    <h1 class="swm-sub-header-title entry-title"><span style="color:white"><?=$service->intitule?></span></h1>
                                    <div class="clear"></div>
                                </div> -->
                                <!-- <div class="swm-sub-header-breadcrumbs swm-hide-" >
                                    <div class="swm-breadcrumbs">
                                        <a href="home" title="accueil" rel="home" class="swm-bc-trail-begin" style="color:white">Accueil</a> <span class="swm-bc-sep"></span>
                                        <a href="serviceall" title="Services" style="color:white">Services</a> <span class="swm-bc-sep" style="color:white"></span> <span class="swm-bc-trail-end" style="color:white"><?=$service->intitule?></span>
                                        <div class="clear"></div>
                                    </div>
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div> -->
                    </div>
                    <style type="text/css">
                        .elementor-391 .elementor-element.elementor-element-51b93223 ul.gyan-menu-list-item li a,.gyan-title-heading,.gyan-title-desc h2 span{
                            color: #18551a !important;
                        }
                        .elementor-button:hover,.elementor-button:focus {
    color: #fff;
    background-color: #18551a !important
    border-color: #18551a !important;
}
.elementor-button {
    font-size: 16px;
    font-weight: 700;
    line-height: 27px;
    fill: #18551a;
    color: #18551a !important;
    background-color: #fff;
    border-style: solid;
    border-width: 2px;
    border-color: #18551a;
    border-radius: 5px;
    padding: 12px 33px;
}
                    </style>
                    <div class="swm-main-container swm-site-content swm-css-transition">
                        <div data-elementor-type="wp-page" data-elementor-id="391" class="elementor elementor-391" data-elementor-settings="[]">
                            <div class="elementor-inner">
                                <div class="elementor-section-wrap">
                                    <section
                                        class="elementor-element elementor-element-335edf62 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section"
                                        data-id="335edf62"
                                        data-element_type="section"
                                        data-settings='{"stretch_section":"section-stretched"}'
                                        style="width: 1903px; left: 0px;"
                                    >
                                        <div class="elementor-container elementor-column-gap-no">
                                            <div class="elementor-row">
                                                <div class="elementor-element elementor-element-62791cda elementor-column elementor-col-66 elementor-top-column" data-id="62791cda" data-element_type="column">
                                                    <div class="elementor-column-wrap elementor-element-populated">
                                                        <div class="elementor-widget-wrap">
                                                            <section
                                                                class="elementor-element elementor-element-130b1d1b elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-inner-section"
                                                                data-id="130b1d1b"
                                                                data-element_type="section"
                                                            >
                                                                <div class="elementor-container elementor-column-gap-no">
                                                                    <div class="elementor-row">
                                                                        <div class="elementor-element elementor-element-1f0e09f4 elementor-column elementor-col-100 elementor-inner-column" data-id="1f0e09f4" data-element_type="column">
                                                                            <div class="elementor-column-wrap elementor-element-populated">
                                                                                <div class="elementor-widget-wrap">
                                                                                    <div
                                                                                        class="elementor-element elementor-element-55110eca gyan-title-desc-left elementor-widget elementor-widget-gyan_title"
                                                                                        data-id="55110eca"
                                                                                        data-element_type="widget"
                                                                                        data-widget_type="gyan_title.default"
                                                                                    >
                                                                                        <div class="elementor-widget-container text-center" >
                                                                                            <img style="margin:auto; margin-bottom:25px"
                                                                                                src="media/<?=$service->image?>"
                                                                                                class="attachment-swm_image_size_post_tiny_alt size-swm_image_size_post_tiny_alt wp-post-image"
                                                                                                alt=""
                                                                                                srcset="media/<?=$service->image?>"
                                                                                            />
                                                                                        </div>
                                                                                        <div class="elementor-widget-container">
                                                                                            <div class="gyan-title">
                                                                                                <h2 class="gyan-title-heading"><?=$service->intitule?></h2>
                                                                                                <div class="gyan-title-desc">
                                                                                                    <?=$service->description?>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </section>
                                                        </div>
                                                    </div>
                                                </div>
                                                <style type="text/css">
                                                    .elementor-391 .elementor-element.elementor-element-51b93223 ul.gyan-menu-list-item li a{
                                                        color: #18551a;
                                                    }
                                                    ul.gyan-menu-list-item li:hover a span{
                                                        color: #FFE500!important;
                                                    }
                                                </style>
                                                <div class="elementor-element elementor-element-6a488ff6 elementor-column elementor-col-33 elementor-top-column" data-id="6a488ff6" data-element_type="column">
                                                    <div class="elementor-column-wrap elementor-element-populated">
                                                        <div class="elementor-widget-wrap">
                                                            <section
                                                                class="elementor-element elementor-element-18726cf elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-inner-section"
                                                                data-id="18726cf"
                                                                data-element_type="section"
                                                            >
                                                                <div class="elementor-container elementor-column-gap-no">
                                                                    <div class="elementor-row">
                                                                        <div class="elementor-element elementor-element-4becd882 elementor-column elementor-col-100 elementor-inner-column" data-id="4becd882" data-element_type="column">
                                                                            <div class="elementor-column-wrap elementor-element-populated">
                                                                                <div class="elementor-widget-wrap">
                                                                                    <div
                                                                                        class="elementor-element elementor-element-51b93223 gyan-menu-list-vertical elementor-widget elementor-widget-gyan_menu_list"
                                                                                        data-id="51b93223"
                                                                                        data-element_type="widget"
                                                                                        data-widget_type="gyan_menu_list.default"
                                                                                    >
                                                                                        <div class="elementor-widget-container">
                                                                                            <div class="gyan-menu-list">
                                                                                                <div class="menu-our-services-container">
                                                                                                    <ul id="menu-our-services-1" class="gyan-menu-list-item gyan-ease-transition">

                                                                                                        <?php
                                                                                                            foreach (Service::q()->where('id != ?',$_REQUEST['id'])->execute() as $service) {
                                                                                                                ?>
                                                                                                                <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-403">
                                                                                                                    <a href="service/<?=$service->id?>"><span><?=$service->intitule?></span></a>
                                                                                                                </li>
                                                                                                                <?php
                                                                                                            }
                                                                                                        ?>
                                                                                                    </ul>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </section>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </section>
                                </div>
                            </div>
                        </div>
                        <div class="clear"></div>
                    </div>
                    