@extends('front.app')
@section('main-content')
@section('title', 'Home')
<!-- START MAIN SLIDER -->
@if ($getBanners->count() > 0)
    <div id="slider" class="slider-section">
        <div id="revo_main_wrapper" class="rev_slider_wrapper fullwidthbanner-container m-0 p-0 bg-dark"
            data-alias="classic4export" data-source="gallery">
            <div id="vertical-bullets" class="rev_slider fullwidthabanner" data-version="5.4.1">
                <ul>
                    @foreach ($getBanners as $banners)
                        @php
                            $extension = pathinfo($banners->image, PATHINFO_EXTENSION);
                        @endphp
                        <li data-index="rs-01" data-transition="fade" data-slotamount="default"
                            data-easein="Power100.easeIn" data-easeout="Power100.easeOut" data-masterspeed="1000"
                            data-fsmasterspeed="1500" data-param1="02">
                            <!-- MAIN IMAGE -->
                            @if ($extension == 'mp4')
                                <video src="{{ asset('dynamicImages/Banners/' . $banners->image) }}" alt="{{ $banners->image }}" title="{{ $banners->image }}" autoplay controls muted></video>
                            @else
                                <img src="{{ asset('dynamicImages/Banners/' . $banners->image) }}" alt="{{ $banners->image }}" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
                            @endif
                            <div class="bg-overlay bg-black opacity-3"></div>
                        </li>
                    @endforeach
                </ul>
            </div>
        </div>
    </div>
@endif
<!-- END MAIN SLIDER -->

<!-- START WHO WE ARE -->
<section id="about">
    <div class="container">
        <div class="row mb-4 align-items-center">
            <div class="col-12 col-md-6">
                <div id="product-carousel" class="owl-carousel">
                    <div class="about-image-holder border-0">
                        <img src="assets/front/images/factory.jpg" alt="Factory">
                    </div>
                    <div class="about-image-holder border-0">
                        <img src="assets/front/images/facbg.jpg" alt="Factory">
                    </div>
                    <div class="about-image-holder border-0">
                        <img src="assets/front/images/factory1.jpg" alt="Factory">
                    </div>
                    <div class="about-image-holder border-0">
                        <img src="assets/front/images/factory2.jpg" alt="Factory">
                    </div>
                </div>
            </div>
            <div class="col-sm-12 col-md-6 col-lg-6">
                <div class="about-heading testimonial-box">
                    <p class="colored_heading wow fadeInUp" data-wow-delay="400ms" data-wow-duration="0.5s"
                       style="visibility: visible; animation-delay: 300ms; animation-name: fadeInUp;">
                        About Company</p>
                    <h1 class="heading margin_heading wow fadeInUp" data-wow-delay="600ms"
                        data-wow-duration="0.8s"
                        style="visibility: visible; animation-delay: 300ms; animation-name: fadeInUp;">About us</h1>
                    <p class="info text-md-left wow fadeInUp" data-wow-delay="800ms" data-wow-duration="1.3s"
                       style="visibility: visible; animation-delay: 400ms; animation-name: fadeInUp;">Signet Arms is a
                        proud participant of the Make in India initiative with the State of Art Technology to
                        manufacture Small Arms and Ammunition. Equipped with automated production lines, a well-defined
                        Quality Assurance Plan and experienced technical staff, we manufacture prime quality firearms
                        for law enforcement and military requirements in designed calibres. Finest civilian handguns in
                        India available with service backup and warranty. With an endeavour to provide advanced
                        innovatively engineered firearms while adhering to global standards, we pursue the production of
                        unmatched, top-notch quality production.
                    </p>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- END WHO WE ARE -->

<!-- START WHO WE ARE -->
<section id="products" style="background-image: url('assets/front/images/bg_dots.png')">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <div class="about-heading text-center my-4">
                    <p class="colored_heading wow fadeInUp" data-wow-delay="400ms" data-wow-duration="0.5s"
                       style="visibility: visible; animation-delay: 300ms; animation-name: fadeInUp;">What we provide
                    </p>
                    <h1 class="heading margin_heading wow fadeInUp" data-wow-delay="600ms"
                        data-wow-duration="0.8s"
                        style="visibility: visible; animation-delay: 300ms; animation-name: fadeInUp;">Products</h1>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-12 col-md-6 my-3">
                <div class="about-image-holder">
                    <img src="assets/front/images/Pistol_M-12.png" alt="Pistols">
                </div>
                <div class="about-img-des">
                    <a href="{{ route('pistols') }}">
                        <div class="inner-text btn-border-4">
                            <span class="quote">~ Pistols ~</span>
                        </div>
                    </a>
                </div>
            </div>
            <div class="col-12 col-md-6 my-3">
                <div class="about-image-holder">
                    <img src="assets/front/images/Revolver_-_Model_Defender.png" alt="Revolvers">
                </div>
                <div class="about-img-des">
                    <a href="{{ route('revolvers') }}">
                        <div class="inner-text btn-border-4">
                            <span class="quote">~ Revolvers ~</span>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- END WHO WE ARE -->

<!-- START Contact Us -->
<section class="contact-section mb-0 py-5" id="contact" style="background-image: url('assets/front/images/bg_dots.png')">
    <div class="container">
        <div class="row no-gutters">
            <div class="col-lg-6 col-md-12 col-sm-12 address-section wow fadeInLeft" data-wow-delay="400ms">
                <p class="subheading">Let’s Get In Touch</p>
                <p class="text">FOR FURTHER ASSITANCE CONTACT</p>
                <div class="row no-gutters">
                    <div class="col-lg-12 col-md-12 col-sm-12">
                        <div class="media">
                            <i class="fas fa-mobile-alt"></i>
                            <div class="media-body">
                                <p><a href="tel:+919977304261">(+91) 9977304261</a></p>
                            </div>
                        </div>
                        <div class="media">
                            <i class="far fa-envelope new"></i>
                            <div class="media-body">
                                <p><a href="mailto:info@signetarms.co">info@signetarms.co</a></p>
                            </div>
                        </div>
                        <div class="media">
                            <i class="fas fa-map-marker-alt"></i>
                            <div class="media-body">
                                <p>Signet Arms (Unit of Signet Conductors)</p>
                                <p>Plot No. 2 & 3, Udyog Vihar, Chorhata, Rewa (M.P.) 486006<br>India</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-6 col-md-12 col-sm-12 form-section wow fadeInRight" data-wow-delay="400ms">
                <h2 class="heading">Leave Message</h2>
                @if (Session::has('success'))
                    <div class="col-12" id="success">
                        <div class="alert-success text-green" style="padding:10px 15px; margin-bottom:30px;">
                            {{ Session::get('success') }}
                        </div>
                    </div>
                @endif
                @if (Session::has('failure'))
                    <div class="col-12" id="failure">
                        <div class="alert-danger" style="padding:10px 15px; margin-bottom:30px;">
                            {{ Session::get('failure') }}
                        </div>
                    </div>
                @endif
                <form method="POST" id="contactUSForm" action="{{ route('contactStore') }}">
                    @csrf
                    <div class="row">
                        <div class="col-lg-6 col-md-12 col-sm-12" id="name">
                            <div class="form-group">
                                <input class="form-control" type="text" placeholder="Name" name="name" autocomplete="true" value="{{ old('name') }}">
                                @error('name')
                                    <p class="text-danger font-weight-600">{{ $message }}</p>
                                @enderror
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-12 col-sm-12" id="email">
                            <div class="form-group">
                                <input class="form-control" type="email" placeholder="Email" name="email" autocomplete="true" value="{{ old('email') }}">
                            </div>
                            @error('email')
                                <p class="text-danger font-weight-600">{{ $message }}</p>
                            @enderror
                        </div>
                        <div class="col-lg-6 col-md-12 col-sm-12" id="phone">
                            <div class="form-group">
                                <input class="form-control" type="text" placeholder="Contact" name="phone" autocomplete="true" value="{{ old('phone') }}">
                            </div>
                            @error('phone')
                                <p class="text-danger font-weight-600">{{ $message }}</p>
                            @enderror
                        </div>
                        <div class="col-lg-6 col-md-12 col-sm-12" id="subj">
                            <div class="form-group">
                                <input class="form-control" type="text" placeholder="Subject" name="subj" autocomplete="true" value="{{ old('subj') }}">
                            </div>
                            @error('subj')
                                <p class="text-danger font-weight-600">{{ $message }}</p>
                            @enderror
                        </div>
                        <div class="col-lg-12 col-md-12 col-sm-12" id="msg">
                            <div class="form-group">
                                <textarea class="form-control" placeholder="Message" name="msg" rows="6" cols="50">{{ old('msg') }}</textarea>
                            </div>
                            @error('msg')
                                <p class="text-danger font-weight-600">{{ $message }}</p>
                            @enderror
                        </div>
                        <div class="col-lg-12 col-md-12 col-sm-12">
                            <div class="form-group">
                                <div class="g-recaptcha" data-sitekey="{{ config('services.recaptcha.site_key') }}"></div>
                                @error('g-recaptcha-response')
                                    <p class="text-danger font-weight-600">{{ $message }}</p>
                                @enderror
                            </div>
                        </div>
                        <div class="contact-button text-center">
                            <button type="submit" class="btn button cBtn" value="Submit">
                                <div>Send Message <i class="fas fa-paper-plane"></i></div>
                            </button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</section>
<!-- END Contact Us -->

<!-- START GOOGLE MAP -->
<section class="p-0">
    <div class="row">
        <div class="col-12">
            <div class="mapouter">
                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d14519.557647145268!2d81.23923540621621!3d24.52390874898196!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39845b2087cc2e27%3A0xc32392d9932171ab!2sUdyog%20vihar%20Chorhata%20Industrial%20Area%2C%2012%2C%20First%20Floor%2CNew%20Collectorate%20Building%2C%20Udyog%20Vihar%2C%20Dohi%2C%20Madhya%20Pradesh%20486001!5e0!3m2!1sen!2sin!4v1687169336407!5m2!1sen!2sin"
                        width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"
                        referrerpolicy="no-referrer-when-downgrade"></iframe>
            </div>
        </div>
    </div>
</section>
<!-- END GOOGLE-MAP -->
@endsection