<?php /* Template Name: archive-service */
get_header();?>

<!-- Start Breadcrumb 

    ============================================= -->
    <?php
		 $arg_service_section=array(
		                          "post_type"=>'service_section',
								  "post_status"=>'publish',
								  
								  
		                       );
		     $all_service_section = new WP_Query($arg_service_section);$banner_img_url=get_template_directory_uri().'assets/img/2440x1578.png';
			 if($all_service_section->have_posts()): while($all_service_section->have_posts()):$all_service_section -> the_post(); 
			 $banner_img=get_field('service_listing_page_banner');
			 if($banner_img) $banner_img_url=$banner_img['url'];
			 endwhile; endif;
	?>		 
    <div class="breadcrumb-area text-center shadow dark text-light bg-cover" style="background-image: url(<?php echo $banner_img_url;?>);">

        <div class="container">

            <div class="row">

                <div class="col-lg-8 offset-lg-2">

                    <h1>Our Services</h1>

                    <ul class="breadcrumb">

                        <li><a href="<?php echo home_url();?>"><i class="fas fa-home"></i> Home</a></li>

                        <li class="active">Services</li>

                    </ul>

                </div>

            </div>

        </div>

    </div>

    <!-- End Breadcrumb -->



    <!-- Star Services Area

    ============================================= -->

    <div class="thumb-services-area inc-thumbnail default-padding bottom-less">

        <!-- Shape -->

        <div class="right-shape">

            <img src="<?php echo get_template_directory_uri();?>/assets/img/shape/9.png" alt="Shape">

        </div>

        <!-- Shape -->

        <div class="container">

            <div class="services-items text-center" id="serviceList">

                <div class="row">

                    
					<?php $arg_service=array(
		                          "post_type"=>'service',
								  "post_status"=>'publish',
								  'post_per_page'=>-1
								  
								  
								  
		                       );
					    $all_service = new WP_Query($arg_service);
					    if($all_service->have_posts()):
						while($all_service->have_posts()):$all_service -> the_post();
						  $service_title=get_the_title();
						  $service_icon=get_field('icon');
						  $service_highlights=get_field('highlights');
						  $service_brief=get_field('brief');
						  $thumb_id = get_post_thumbnail_id();
                          $thumb_url_array = wp_get_attachment_image_src($thumb_id,'servicesmall-thumb', true);
                          $thumb_url = $thumb_url_array[0];
					?>
					<!-- Single Item -->

                    <div class="col-lg-4 col-md-6 single-item">

                        <div class="item" style="background-image: url(<?php echo $thumb_url;?>);">

                            <div class="info">

                                <i class="flaticon-investment"></i>

                                <h4><?php echo $service_title;?></h4>

                                <p>

                                    <?php echo $service_brief;?>

                                </p>

                                <div class="bottom">

                                    <a href="<?php the_permalink();?>"><i class="fas fa-arrow-right"></i> Read More</a>

                                </div>

                            </div>

                        </div>

                    </div>

                    <!-- End Single Item -->

                    <?php endwhile;else:?>
					<div class="col-lg-4 col-md-6 single-item"><p>No Services Added</p></div>
					<?php endif;?>


                    <!-- End Single Item -->

                </div>

            </div>

        </div>

    </div>

    <!-- End Services Area -->



    <!-- Star Partner Area

    ============================================= -->

    <div class="partner-area bg-gray shadow-less overflow-hidden text-light">

        <div class="container">

            <div class="item-box">

                <div class="row align-center">

                    <div class="col-lg-6 info">

                        <h2>We're Trusted by <span>2500+</span> <br> Professional Customer</h2>

                        <p>

                            Seeing rather her you not esteem men settle genius excuse. Deal say over you age from. Comparison new ham melancholy son themselves.

                        </p>

                    </div>

                    <div class="col-lg-6 clients">

                        <div class="partner-carousel owl-carousel owl-theme text-center">

                            <div class="single-item">

                                <a href="#"><img src="<?php echo get_template_directory_uri();?>/assets/img/150x80.png" alt="Clients"></a>

                            </div>

                            <div class="single-item">

                                <a href="#"><img src="<?php echo get_template_directory_uri();?>/assets/img/150x80.png" alt="Clients"></a>

                            </div>

                            <div class="single-item">

                                <a href="#"><img src="<?php echo get_template_directory_uri();?>/assets/img/150x80.png" alt="Clients"></a>

                            </div>

                            <div class="single-item">

                                <a href="#"><img src="<?php echo get_template_directory_uri();?>/assets/img/150x80.png" alt="Clients"></a>

                            </div>

                            <div class="single-item">

                                <a href="#"><img src="<?php echo get_template_directory_uri();?>/assets/img/150x80.png" alt="Clients"></a>

                            </div>

                        </div>

                    </div>

                </div>

            </div>

        </div>

    </div>

    <!-- End Partner Area -->



<?php get_footer();?>