@extends('front.layout.app')
@section('beforeHeadClose')


		 <section class="breadcrumb-section">
        <div class="container-auto">
            <div class="row">
                <div class="col-md-6 col-sm-6 col-12">
                    <div class="page-title">
                        <h1>Sasso Collections</h1>
                    </div>
                </div>
                <div class="col-md-6 col-sm-6 col-12">
                    <nav aria-label="breadcrumb" class="theme-breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="{{ base_url() }}">Home</a></li>
                            <li class="breadcrumb-item active" aria-current="page">Sasso Collections</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </section>
		 
<main id="main">  
 
 <div class="collectimg"><img src="{{ asset_storage('front/images/testata_pagina_snodo_brand_ergon.jpg') }}" alt="">
<h1>All the Sasso porcelain stoneware tile collections</h1>
 </div>


<div class="collection-gallery">
<div class="container">

<div class="row">
    
    @foreach ($get_all_visuals as $visuals)
<!--Default Portfolio Item--> 
<div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
            <div class="colorchoice default-collect-item">
            	<div class="image-box mb-3">
  <div class="flip-container">
    <img class="front-img" src="{{ asset_uploads('module/visuals/' . $visuals->featured_img) }}" alt="">
    <!--<img class="back-img" src="images/AffogatoFieldCanva-scaled.webp" alt="">-->
  </div>

  <div class="surface-logo">
    <img src="{{ asset_storage('front/images/logo-white.png') }}" alt="">
  </div>
</div>
<h4><a href="{{ route('product.single.visuals', $visuals->heading) }}">{{ $visuals->heading }}</a></h4>
           
</div>
</div>
@endforeach
    

</div>

<div class="blog-pagination text-center"> <a href="#0"><i class="fas fa-angle-left"></i></a> <a href="#0">01</a> <a href="#0" class="active">02</a> <a href="#0">03</a> <a href="#0"><i class="fas fa-angle-right"></i></a> </div>



</div>
</div>



<div class="call-us-area collect_call" id="contact">
            <div class="container">
                <div class="row">
                    <div class="col-sm-12">
                        <div class="call-now m-0">
                            <div class="text">
                                <h3>Contact Us</h3>
                                <p>Let's start a conversation. <a title="Contact Us" href="https://www.surfacestatement.directfinding.com/contact-us" target="_blank" rel="noopener">Email Us!</a></p>
                            </div>
                            
                            <div class="hmctinfo">
                            <div class="info">
                                <div class="icon">
                                    <i class="fa-solid fa-phone"></i>
                                </div>
                                <div class="frame">
                                    <span class="call-today">Call Us Today</span>
                                    <a href="tel:4049903232" class="tel">404-990-3232</a>
                                </div>
                            </div>
                            <div class="info">
                                <div class="icon">
                                    <i class="fa-solid fa-envelope"></i>
                                </div>
                                <div class="frame">
                                    <span class="call-today">Mail Us Today</span>
                                    <a href="mailto:info@surfacestatement.com" class="tel">info@surfacestatement.com</a>
                                </div>
                            </div>
                            </div>
                            
                            
                        </div>
                    </div>
                </div>
            </div>
        </div>

 
 

<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Ask Any Question</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
      	<div class="productForm popform">
        <div class="row">
							<div class="col-lg-6 col-md-6">
								<div class="input-group">
									<input type="text" class="form-control" placeholder="Name">
								</div>
							</div>
							<div class="col-lg-6 col-md-6">
								<div class="input-group">
									<input type="email" class="form-control" placeholder="Email">
								</div>
							</div>
							<div class="col-lg-6 col-md-6">
								<div class="input-group">
									<input type="phone" class="form-control" placeholder="Phone">
								</div>
							</div>

							<div class="col-lg-6 col-md-6">
								<div class="input-group">
									<input type="text" class="form-control" placeholder="Tile Name">
								</div>
							</div>
							<div class="col-lg-12 col-md-12">
								<div class="input-group">
									<select class="form-control">
										<option>Select Category</option>
										<option value="01">Wall Tile</option>
										<option value="02">American Made</option>
										<option value="03">Natural Stone Visuals</option>
										<option value="04">Wood Visuals</option>
										<option value="05">Concrete</option>
										<option value="06">Metallic Visuals</option>
										<option value="07">Color Visuals</option>
										<option value="08">All lines</option>
									</select>
								</div>
							</div> 

							<div class="col-lg-12">
								<div class="input-group">
									<textarea class="form-control" placeholder="Message"></textarea>
								</div>
							</div>

							<div class="col-lg-12">
								<div class="input-group d-block m-0 text-center">
									<button class="submit-btn"><span>Submit Now</span></button>
								</div>
							</div>
 </div>
					</div>
      </div>
       
    </div>
  </div>
</div>
			 
		</main>



@endsection