<?php if(count($slideshows) > 0) : ?>
<div id="content">
<!-- slideshow-->
<div
    id="rev_slider_one_wrapper"
    class="rev_slider_wrapper fullscreen-container" 
    data-alias="mask-showcase"
    data-source="gallery" 
  >
    <!-- START REVOLUTION SLIDER 5.4.1 fullscreen mode -->
    <div
      id="rev_slider_two"
      class="rev_slider fullscreenbanner"
      style="display: none"
      data-version="5.4.1"
    >
      <ul>
        <?php foreach($slideshows as $key => $slideshow) : ?>
        <li
          data-index="rs-<?= $key + 1 ?>"
          data-transition="fade"
          data-slotamount="default"
          data-hideafterloop="0"
          data-hideslideonmobile="off"
          data-easein="default"
          data-easeout="default"
          data-masterspeed="300" 
          data-thumb="images/slider2.webp"
          data-rotate="0" 
          data-saveperformance="off"
          data-title=""
          data-param1="1"
          data-param2=""
          data-param3=""
          data-param4=""
          data-param5=""
          data-param6=""
          data-param7=""
          data-param8=""
          data-param9=""
          data-param10=""
          data-description=""
        >
          <!-- MAIN IMAGE -->
          <img
            src="<?= base_url() . 'uploads/banners/' . $slideshow['image']; ?>"
            data-bgcolor="#ffffff"
            style=""
            alt=""
            data-bgposition="center center"
            data-bgfit="cover"
            data-bgrepeat="no-repeat"
            data-bgparallax="off"
            class="rev-slidebg"
            data-no-retina
          />

          <!-- LAYER 3  Thin text title-->
          <div
            class="tp-caption tp-resizeme caption-big-2"
            id="slide-<?= $key + 1 ?>-layer-3"
            data-x="['center','center','center','center']"
            data-hoffset="['0','0','0','0']"
            data-y="['center','center','center','center']"
            data-voffset="['-38','-30','-30','-18']"
            data-fontsize="['50',40','30','18']"
            data-lineheight="['80','70','60','30']"
            data-fontweight="['200','200','200','200']"
            data-color="['#fff','#fff','#fff','#fff']"
            data-whitespace="nowrap"
            data-type="text"
            data-responsive_offset="on"
            data-frames='[{"delay":0,"speed":1000,"frame":"0","from":"x:50px;opacity:0;","to":"o:1;","ease":"power3.inOut"},{"delay":"wait","speed":1000,"frame":"999","to":"x:50px;opacity:0;","ease":"power3.inOut"}]'
            data-textAlign="['center','center','center','center']"
          >
            <span style="text-shadow:1px 1px #000;">
            <?= $slideshow['title'] ?>
            <br>
            <?= $slideshow['text_content'] ?>
          </span>
          </div>
        </li>
        <?php endforeach; ?>
      </ul>
    </div>
  </div>
</div>
<?php endif; ?>

<div class="container">
    <div class="row">
        <div class="col-lg-6" style="color:white">
            <h2 style="color:white; margin-top:70px; font-size:25px;">Fabric Development - Custom Fabric Development: Converting your Ideas into Reality</h2>
            <p>Transform your ideas into reality with our custom fabric development service. We can tailor fabrics to your exact specifications, from the width and colour to pattern and composition. Whether you want to elevate your projects with fabrics that reflect your unique style or need fabrics that meet specific performance needs, we have the expertise to deliver. With our service, Your Vision becomes a reality.<br>
            Minimum Order Of Quantity (MOQ) - 300m</p>
        </div>
        <div id="newProductPageRightText" class="col-lg-6" style="color:white;"> 
            <h2 style="color:white; margin-top:70px; font-size:25px;">Furniture Development: Crafting Your Vision, From Frame To Finish </h2>
            <p>At our workshop, we are committed to providing a comprehensive furniture development service that brings your unique vision to life. Our process includes selecting the initial frame, choosing the desired wood such as Teak, Mahogany, Oak, etc., and then finishing it with upholstery that perfectly complements your preferred style. We pay close attention to detail and take pride in our expert craftsmanship, ensuring that every step of the process is tailored precisely to your needs. The result is a truly personalized experience that will leave you with a masterpiece of furniture that you can cherish for many years to come.</p>
        </div>
    </div>
</div>    

<section class="contact-page">
    <div class="container">
        <div class="row">
            <div class="col-lg-6 align-self-center mb-5 mb-lg-0">
                <div class="contact-left">
                    
                    <h2 style="color:white; margin-top:70px">Custom Inquiry</h2>
                    
                    <?php if($this->session->flashdata('success')) : ?>
                        <div class="alert alert-success" role="alert">
                            <?= $this->session->flashdata('success'); ?> 
                        </div>
                    <?php endif; ?>
                    <?php $attributes = array('class' => 'wpcf7'); ?>
                    <?= form_open('new-product-development/send_inquiry', $attributes); ?>    
                        <div class="main-form">
                            <p>
                                <input type="text" name="name" value="" size="40" placeholder="Your Name *" required>
                            </p>
                            <p>
                                <input type="text" name="handphone" value="" size="40" placeholder="Your Handphone *" required>
                            </p>
                            <p>
                                <input type="email" name="email" size="40" placeholder="Your Email *" required>
                            </p>
                            <p>
                                <select required name="category" style="color: #555555;
                                    border: none;
                                    background: #fff;
                                    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
                                    padding: 8px 10px;
                                    box-sizing: border-box;
                                    outline: none;
                                    font-size: 14px;
                                    font-weight: 500; width:100%">
                                    <option value="">Choose category</option>
                                    <option value="Sheer">Sheer</option>
                                    <option value="Curtain">Curtain</option>
                                    <option value="Upholstery">Upholstery</option>
                                    <option value="Outdoor Fabrics">Outdoor Fabrics</option>
                                    <option value="Blinds">Blinds</option>
                                    <option value="Furniture">Furniture</option>
                                </select>
                            </p>
                            <p>
                                <textarea name="message" cols="40" rows="10" placeholder="Please write your product requirement..." required></textarea>
                            </p>
                            <?php echo $widget; ?>
                            <?php echo $script; ?>
                            <?= form_error('g-recaptcha-response'); ?>
                            <p><button type="submit" id="send" class="octf-btn">Send Message</button></p>
                            <div class="clear"></div>   
                        </div>    
                    </form>
                    <div class="clear"></div>
                 
                    <div class="clear"></div>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="contact-right" style="background-image: url(<?= base_url('uploads/bg1-contact.jpg') ?>);">
                    <div class="ot-heading">
                        <span>[ our contact ]</span>
                        <h2 class="main-heading">Let's Start a Project</h2>
                    </div>
                    <p>Give us a call or drop by anytime, we endeavour to answer all enquiries within 24 hours on business days. We will be happy to answer your questions.</p>
                    <div class="contact-info">
                        <i class="ot-flaticon-place"></i>
                        <div class="info-text">
                            <h6>HEAD OFFICE:</h6>
                            <p>Jl. Pintu Air Raya No. 45 Jakarta Pusat 10710 Indonesia</p>
                        </div>
                    </div>
                    <div class="contact-info">
                        <i class="ot-flaticon-mail"></i>
                        <div class="info-text">
                            <h6>EMAIL:</h6>
                            <p><a href="mailto:inquiry@serbaantik.com">inquiry@serbaantik.com</a></p>
                        </div>
                    </div>
                    <div class="contact-info">
                        <i class="ot-flaticon-phone-call"></i>
                        <div class="info-text">
                            <h6>CONTACT CENTER:</h6>
                            <p><a href="tel:+628111820820">+62 8111 820 820</a></p>
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
</section>