<?php $this->load->view("includes/head"); ?>

<body class="wide">

        <!-- Header -->
        <?php $this->load->view("includes/header"); ?>
        <!-- END: Header -->

        <!--Start breadcrumb Style1-- 
        <section class="breadcrumb-style1">
            <div class="breadcrumb-style1-bg" style="background-image: url(<?php echo base_url() . "public/"; ?>assets/images/breadcrumb/contact.jpg);">
                <div class="breadcrumb-style1-bg__overlay"></div>
            </div>
            <div class="container">
                <div class="inner-content">
                    <div class="title">
                        <h2><?php echo $pageName; ?></h2>
                    </div>
                    <div class="breadcrumb-menu">
                        <ul class="clearfix">
                            <li><a href="<?php echo base_url(); ?>">Home</a></li>
                            <li><span class="icon-next"></span></li>
                            <li class="active"><?php echo $pageName; ?></li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>
        <!--End breadcrumb Style1-->
		
		
		<!--<div class="page-hd">
	 
		<img src="<?php echo base_url() . "public/"; ?>assets/images/breadcrumb/contact.jpg" alt>
		 
	</div> -->
	
	<div class="c-layout-breadcrumbs-1 c-bgimage c-subtitle c-fonts-uppercase c-fonts-bold c-bg-img-center"   id="map">
              <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2892.042816772294!2d-79.883445523829!3d43.54314937110756!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x882b6e5a0fe4e8d9%3A0xaa15e97201ebe12b!2s8250%20Lawson%20Rd%2C%20Milton%2C%20ON%20L9T%205C6%2C%20Canada!5e0!3m2!1sen!2sin!4v1772091364983!5m2!1sen!2sin" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
            </div>
			
			
			
			<div class="page-heading">
	<div class="container ">
	     <div class="row">
		 <div class="col-md-6">
		 <h3 class="sec-title__title text-white">Locations</h3> 
		 </div>
		 <div class="col-md-6">
		   <div class="breadcrumb-menu">
                            <ul class="clearfix">
                                <li><a href="<?php echo base_url(); ?>">Home</a></li>
                                <li><span class="icon-next"></span></li>
                                <li class="active">Locations</li>
                            </ul>
           </div>
		 </div>
		 </div>
	</div>
	</div>
			

        <div class="container p-t-40 p-b-40">
            <div class="col-sm-4 wow animated fadeInRight" style="min-height:400px; max-height:100%;">
                <!--New -->
                <div class="title-box">
                    <h3>Locations</h3>
                    <div class="shape">
                        <img src="<?php echo base_url() . "public/"; ?>assets/images/shapes/services-details-shape1.png" alt="shape">
                    </div>
                </div>
                <div class="services-details-pages-link">
                    <ul class="clearfix">
                        <?php foreach ($provinces as $province) { ?>
                            <li class="active">
                                <div class="title">
                                    <a href="<?php echo base_url() . "locations/" . base64_encode($province->id); ?>"><i class="icon-next"></i><?php echo $province->province; ?></a>
                                </div>
                            </li>
                        <?php } ?>

                    </ul>
                </div>
                <!--New -->
            </div>

            <div class="col-sm-8 wow animated fadeInRight">
                <!--new -->
                <?php foreach ($locationDetails as $locationDetail) { ?>
                    <h4><?php echo $locationDetail->location_name; ?></h4>
                    <div class="row">
                        <!--Start Single Contact Info Style3-->
                        <div class="col-xl-12 col-lg-12">
                            <div class="single-contact-info-style3">
                                <div class="icon">
                                    <span class="icon-call-center"><span class="path1"></span><span
                                            class="path2"></span></span>
                                </div>
                                <div class="text">
                                    <h4>Reach Us</h4>
                                </div>
                                <div class="content-box">
                                    <div class="phone-email">
                                        <p>
                                            <span>Phone:</span>
                                            <a href="tel:<?php echo $locationDetail->telephone; ?>"> <?php echo $locationDetail->telephone; ?></a>
                                        </p>
                                        <p>
                                            <span>Email:</span>
                                            <a href="mailto:<?php echo $locationDetail->email; ?>"> <?php echo $locationDetail->email; ?></a>
                                        </p>
                                    </div>
                                    <div class="btn-box">
                                        <a href="tel:<?php echo $locationDetail->telephone; ?>"><i class=" icon-next"></i>Get a Quote</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--End Single Contact Info Style3-->
                        <!--Start Single Contact Info Style3-->
                        <div class="col-xl-12 col-lg-12">
                            <div class="single-contact-info-style3">
                                <div class="icon">
                                    <span class="icon-location"><span class="path1"></span><span class="path2"></span><span
                                            class="path3"></span><span class="path4"></span><span class="path5"></span><span
                                            class="path6"></span><span class="path7"></span><span class="path8"></span><span
                                            class="path9"></span></span>
                                </div>
                                <div class="text">
                                    <h4>Address</h4>
                                </div>
                                <div class="content-box">
                                    <div class="phone-email">
                                        <p>
                                            <?php echo $locationDetail->address; ?>
                                        </p>
                                    </div>
                                    <div class="btn-box btn-box--2">
                                        <a
                                            href=" ">
                                            <i class="icon-next"></i>
                                            Google Map
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--End Single Contact Info Style3-->

                        <div class="header-button-style1">
                            <a class="btn-one" href="<?php echo base_url() . "locationDetail/" . base64_encode($locationDetail->id); ?>">
                                <span class="txt">
                                    VIEW DETAIL
                                </span>
                            </a>
                        </div>
                    </div>
                <?php } ?>
            </div>
        </div>

        <!-- Footer -->
        <?php $this->load->view("includes/footer"); ?>
        <!-- End: Footer -->

    <?php $this->load->view("includes/scripts"); ?>

</body>

</html>