@php
use App\Models\SMedia;

$fb = SMedia::where('id','1')->first();
$linkedin = SMedia::where('id','3')->first();
$twitter = SMedia::where('id','2')->first();
$ig = SMedia::where('id','4')->first();

@endphp

@extends('mainlayout_landing')
@push('extracss')
<script>
$(document).ready(function() {
    $("input[name$='businessRadio']").click(function() {
        var test = $(this).val();

        $("div.reltn").hide();
        $("#reltn" + test).show();
    });
});
</script>
@endpush


@section('nav_options')
                                    <div class="header-language d-none d-sm-block">
                                     
                                        <a href="/">
                                            <span class="text gold" style="text-transform: initial;">Deals</span>
                                        </a>
                                    </div>
                                    <div class="header-language d-none d-sm-block">
                                      
                                        <a href="/home/faq">
                                            <span class="text gold" style="text-transform: initial;">FAQ'S</span>
                                        </a>
                                    </div>
                                    <div class="header-language d-none d-sm-block">
                                      
                                        <a href="#hs-script-loader">
                                            <span class="text gold" style="text-transform: initial;">Request Demo</span>
                                        </a>
                                    </div>
                                    <div class="header-language d-none d-sm-block">
                                      
                                        <a href="/merchant/registration" class="btn btn-new_gold" style="background-color: #D4AF37;color:#fff;height:42px; text-transform: initial;">
                                            Register Business
                                        </a>
                                    </div>

@endsection

@section('content')	

    <div class="event-section section mt-4 padbtm_32">
            <div class="container">
                <div class="row">
                    <div class="col-12 max-mb-30" data-aos="fade-up">
                        <div class="banner_container overlay" style="border-radius:15px;">
                           
			              <img src="/assets/images/tiger/contact_image.jpeg" alt="Tiger" style="width:100%;border-radius:15px;">
			              
			              
			              <div class="top-left">
			              	<h2 class="title bold_text font_48 white">Contact Us</h2>
			              </div>
			        	</div>
                    </div>
                </div>
            </div>
        </div>

	<div class="event-section section" style="padding-bottom: 8em;">
	    <div class="container">
	        	<div class="row">	        
	            <div class="col-lg-12" data-aos="fade-up">
	                <div class="facilitate_box" style="background:transparent">
	                    <div class="row register_block" >

	                        <div class="col-lg-12">


	                        	<div class="reltn" id="reltn1" style="padding:24px 48px 0px 24px">
	                            	<div class="mb-2">
	                            	    <!--
	                            	    <h3 class=" black mb-2"style=" text-align:center;line-height: 40px;font-size:42px;margin-top:1.5em">Contact Us</h3>

	                            		-->

	                                </div>

                                    <form method="post" action="/contactus/api">
                                        @csrf
	                                <div class="mb-2">
	                            		
	                            	
		                                <p class="white"style="font-family: Gilroy-Bold;font-size:24px;margin:1.5em 0em 0em 0em">Details</p>

		                                

		                                <div class="row" style="margin:0em">
		                                	<div class="col-lg-12 pad_0">
		                                		<input type="email" class="gil_light mb-2" placeholder="Email" name="email"
		                                style="background-color:transparent;border: 1px solid #fff; color:#fff" required/>
		                                	</div>
		                                </div>

		                                <div class="row" style="margin:0em">
		                                	<div class="col-lg-12 pad_0">
		                                	    <select class="gil_light mb-2" style="width: 100%;min-height: 56px; padding: 3px 20px;
		                                	    border-radius: 12px;outline: none;background-color:transparent;border: 1px solid #fff;
		                                	    color:#fff" name="subject">
		                                	        <option value="_">Subject</option>
		                                	        <option value="merchant">Merchant</option>
		                                	        <option value="customer">Customer</option>
		                                	    </select>
		                                	</div>
		                                </div>
		                                
		                                <div class="row" style="margin:0em">
		                                	<div class="col-lg-12 pad_0">
		                                		<textarea class="gil_light mb-2" placeholder="Write Your Message" name="message"
		                                style="background-color:transparent;border: 1px solid #fff; color:#fff" row="15" required></textarea>
		                                		
		                                	</div>
		                                </div>

	                                </div>


	                                <div class="row">
	                                    <div class="col-lg-6" style="float:right">
		                            			
		                            			
		                            		</div>
		                            		<div class="col-lg-6" style="float:right">
		                            			<button type="submit" class="col-lg-6 btn btn-new_gold" style="float:right;color:#fff">Submit</button>
		                            			
		                            		</div>
		                            		
		                            </div>
		                            
		                            </form>


	                                
 
		                        </div>
	                        </div>

	                    </div>
	                </div>
	            </div>
	        </div>
	    </div>
	</div>

    
    
    
@endsection

