| Current File : //home/tradevaly/new.tradevaly.com.bd/resources/views/frontend/layouts/app.blade.php |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no">
<meta name="title" content="@yield('meta_title',settings()->meta_title)">
<meta name="author" content="@yield('meta_author' ,settings()->meta_author)">
<meta name="keywords" content="@yield('meta_keword',settings()->meta_tages)">
<meta name="google-translate-customization" content="9f841e7780177523-3214ceb76f765f38-gc38c6fe6f9d06436-c"></meta>
<meta name="description" content="@yield('meta_description',settings()->meta_title)">
@stack('product-info')
<link rel="icon" type="image/x-icon" href="{{asset('fav-icon.png')}}">
{!! NoCaptcha::renderJs() !!}
<title>{{ site_setting('title') }}</title>
<link rel="stylesheet" type="text/css" href="{{asset('assets/frontend/css/style.css?t=[timestamp]')}}" media="all">
<link rel="stylesheet" type="text/css" href="{{asset('assets/frontend/css/editable.css')}}" media="all">
<link rel="stylesheet" type="text/css" href="{{asset('assets/frontend/css/rfq.css')}}" media="all">
<link rel="stylesheet" type="text/css" href="{{asset('assets/frontend/css/intlTelinput.css')}}" media="all">
<link rel="stylesheet" type="text/css" href="{{asset('assets/frontend/bootstrap-4.6.1/css/bootstrap.min.css')}}" media="all">
<link rel="stylesheet" type="text/css" href="{{asset('assets/frontend/bootstrap-4.6.1/css/bootstrap-grid.css')}}" media="all">
<link rel="stylesheet" type="text/css" href="{{asset('assets/frontend/fontawesome/css/all.min.css')}}" media="all">
<link rel="stylesheet" type="text/css" href="{{asset('assets/frontend/fontawesome/css/fontawesome.min.css')}}" media="all">
<link rel="stylesheet" type="text/css" href="{{asset('assets/frontend/flag-icon/css/flag-icons.min.css')}}" media="all">
<link rel="stylesheet" type="text/css" href="{{asset('assets/frontend/flag-icons/css/flag-icon.css')}}" media="all">
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
<link rel="stylesheet" type="text/css" href="{{asset('assets/frontend/OwlCarousel/dist/assets/owl.carousel.min.css')}}" media="all">
<link rel="stylesheet" type="text/css" href="{{asset('assets/frontend/OwlCarousel/dist/assets/owl.theme.default.min.css')}}">
<link rel="stylesheet" href="//cdn.bootcss.com/toastr.js/latest/css/toastr.min.css">
<link rel="stylesheet" type="text/css" href="{{asset('assets/frontend/css/lightslider.css') }}">
{!! NoCaptcha::renderJs() !!}
@yield('style')
<link rel="stylesheet" type="text/css" href="{{asset('assets/frontend/css/marquee.css')}}" media="all">
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-V81S2DNEKL"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-V81S2DNEKL');
</script>
</head>
<body id="body_id" class="body_gray">
@include('frontend.layouts.header')
@yield('content')
<!--/************************** Footer Area ****************************/--->
@include('frontend.layouts.footer')
<!---************************************* Sign Up ***********************************-->
<!--@guest-->
<div class="modal fade show" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content joinfree ">
<div class="modal-header">
<h5 class="modal-title my-3" id="exampleModalLongTitle">{{ translate('JOIN US') }}</h5>
<ul class="nav nav-tabs" id="myTab" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">{{ translate('Seller') }}</a>
</li>
<li class="nav-item">
<a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false">{{ translate('Buyer') }}</a>
</li>
</ul>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
X
</button>
</div>
<div class="modal-body">
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
<div class="signup-form">
<form action="{{ route('user.register') }}" method="post">
@csrf
<div class='row'>
<input type='hidden' name='type' value='seller'/>
<div class="col-lg-6 mb-2">
<input type="text" class="form-control" name="name" placeholder="{{ translate('Name') }}" required="required">
</div>
<div class="col-lg-6 mb-2">
<input type="text" class="form-control" name="username" placeholder="{{ translate('User Name') }}" required="required">
</div>
<div class="col-lg-12 mb-2">
<div class="form-group">
@php
$category = \App\Models\Category::where('parent_id', 0)->where('status', 1)->where('home', 1)->get();
@endphp
<select class="form-control" name="category_id">
<option value="">{{ translate('Select a Category *') }}</option>
@foreach ($category as $cat)
<option value="{{ $cat->id }}">{{ $cat->name }}</option>
@endforeach
</select>
</div>
</div>
<div class="col-lg-6 mb-2">
<input type="text" class="form-control" name="company" placeholder="{{ translate('Company') }}" required="required">
</div>
@php
$my_ip = ip_country('103.122.29.214')->country_code;
$my_country = \App\Models\Country::where('iso', $my_ip)->first();
$countrylist = \App\Models\Country::all();
@endphp
<div class="col-lg-6 mb-2">
<select class="form-control" name="country_id" id="country_id" required>
<option value="">Choose Country</option>
@foreach($countrylist as $country)
<option value="{{$country->id}}" @if($country->id == $my_country->id) selected @endif>{{$country->nicename}}</option>
@endforeach
</select>
</div>
<div class="col-lg-6 mb-2">
<input type="phone" class="form-control" name="phone" id="regphone" placeholder="{{ translate('+00') }}" required="required" value="+{{$my_country->phonecode}}">
</div>
<div class="col-lg-6 mb-2">
<input type="email" class="form-control" name="email" placeholder="{{ translate('Email')}}" required="required">
</div>
<div class="col-lg-6 mb-2">
<input type="password" class="form-control" name="password" placeholder="{{ translate('Password') }}" required="required">
</div>
<div class="col-lg-6 mb-2">
<input type="password" class="form-control" name="confirm_password" placeholder="{{ translate('Confirm Password') }}" required="required">
</div>
<div class="col-lg-6 {{ $errors->has('g-recaptcha-response') ? ' has-error' : '' }}">
{!! app('captcha')->display() !!}
@if ($errors->has('g-recaptcha-response'))
<span class="help-block">
<strong>{{ $errors->first('g-recaptcha-response') }}</strong>
</span>
@endif
</div>
<div class="col-lg-12 my-3">
<label class="checkbox-inline"><input type="checkbox" required="required"> {{ translate('I accept the') }} <a href="#">{{ translate('Terms of Use')}}</a> & <a href="#">{{ translate('Privacy Policy')}}</a></label>
</div>
<div class="col-lg-12">
<button type="submit" class="btn btncolor btn-sm btn-block">{{ translate('Register Now') }}</button>
</div>
</div>
</form>
</div>
</div>
<div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
<div class="signup-form">
<form action="{{ route('user.register') }}" method="post">
@csrf
<div class='row'>
<input type='hidden' name='type' value='buyer'/>
<div class="col-lg-6">
<input type="text" class="form-control" name="name" placeholder="{{ translate('Name') }}" required="required">
</div>
<div class="col-lg-6">
<input type="text" class="form-control" name="username" placeholder="{{ translate('User Name') }}" required="required">
</div>
<div class="col-lg-12">
<div class="form-group">
@php
$category = \App\Models\Category::where('parent_id', 0)->where('status', 1)->where('home', 1)->get();
@endphp
<select class="form-control" name="category_id">
<option value="">{{ translate('Select a Category *') }}</option>
@foreach ($category as $cat)
<option value="{{ $cat->id }}">{{ $cat->name }}</option>
@endforeach
</select>
</div>
</div>
<div class="col-lg-6">
<input type="text" class="form-control" name="company" placeholder="{{ translate('Company') }}" required="required">
</div>
@php
$my_ip = ip_country('103.122.29.214')->country_code;
$my_country = \App\Models\Country::where('iso', $my_ip)->first();
$countrylist = \App\Models\Country::all();
@endphp
<div class="col-lg-6">
<select class="form-control" name="country_id" id="country_id" required>
<option value="">Choose Country</option>
@foreach($countrylist as $country)
<option value="{{$country->id}}" @if($country->id == $my_country->id) selected @endif>{{$country->nicename}}</option>
@endforeach
</select>
</div>
<div class="col-lg-6">
<input type="phone" class="form-control" name="phone" id="regphone" placeholder="{{ translate('Phone') }}" required="required" value="+{{$my_country->phonecode}}">
</div>
<div class="col-lg-6">
<input type="email" class="form-control" name="email" placeholder="{{ translate('Email')}}" required="required">
</div>
<div class="col-lg-6">
<input type="password" class="form-control" name="password" placeholder="{{ translate('Password') }}" required="required">
</div>
<div class="col-lg-6">
<input type="password" class="form-control" name="confirm_password" placeholder="{{ translate('Confirm Password') }}" required="required">
</div>
<div class="col-lg-6 {{ $errors->has('g-recaptcha-response') ? ' has-error' : '' }}">
{!! app('captcha')->display() !!}
@if ($errors->has('g-recaptcha-response'))
<span class="help-block">
<strong>{{ $errors->first('g-recaptcha-response') }}</strong>
</span>
@endif
</div>
<div class="col-lg-12">
<label class="checkbox-inline"><input type="checkbox" required="required"> {{ translate('I accept the') }} <a href="#">{{ translate('Terms of Use')}}</a> & <a href="#">{{ translate('Privacy Policy')}}</a></label>
</div>
<div class="col-lg-12">
<button type="submit" class="btn btncolor btn-sm btn-block">{{ translate('Register Now') }}</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<!--<div class='modal-footer'>-->
<!-- <ul class='social'>-->
<!-- @if(settings()->facbook)-->
<!-- <li><a href="{{ settings()->facbook}}"><i class='fab fa-facebook-f facebook'></i></a></li>-->
<!-- @endif-->
<!-- @if(settings()->linkdin)-->
<!-- <li class="mx-2"><a href="{{ settings()->linkdin}}"><i class='fab fa-linkedin-in linkedin'></i></a></li>-->
<!-- @endif-->
<!-- @if(settings()->youtube)-->
<!-- <li><a href="{{ settings()->youtube}}"><i class='fab fa-google google'></i></a>-->
<!-- </li>-->
<!-- @endif-->
<!-- </ul> -->
<!--</div>-->
</div>
</div>
</div>
<!--@endguest-->
<!---************************************* Sign Up End ***********************************-->
<script type="text/javascript" src="{{asset('assets/frontend/js/jquery.min.js')}}"></script>
<script type="text/javascript" src="{{asset('assets/frontend/js/intlTelinput.js')}}"></script>
<script src="//cdn.bootcss.com/toastr.js/latest/js/toastr.min.js"></script>
<script type="text/javascript" src="{{asset('assets/frontend/bootstrap-4.6.1/js/bootstrap.min.js')}}"></script>
<script type="text/javascript" src="{{asset('assets/frontend/OwlCarousel/dist/owl.carousel.min.js')}}"></script>
<script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
@yield('script')
{!! Toastr::message() !!}
<script>
$(document).ready(function(){
$("#exampleModalCenter").modal('show');
});
</script>
<script>
var input = document.querySelector("#phone");
window.intlTelInput(input, {
initialCountry: "auto",
geoIpLookup: function(callback) {
$.get('https://ipinfo.io', function() {}, "jsonp").always(function(resp) {
var countryCode = (resp && resp.country) ? resp.country : "bd";
callback(countryCode);
});
},
utilsScript: "{{URL::asset('assets/frontend/js/utils.js')}}"
});
$(document).on('change', '[name=country_id]', function() {
var state_id = $(this).val();
get_city(state_id);
});
function get_city(country_id) {
$("#regphone").val("");
$.ajax({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
},
url: "{{route('country.code')}}",
type: 'POST',
data: {
id : country_id
},
success: function (response) {
$("#regphone").val(response);
}
});
}
</script>
<script>
var input = document.querySelector(".phone");
window.intlTelInput(input, {
initialCountry: "auto",
geoIpLookup: function(callback) {
$.get('https://ipinfo.io', function() {}, "jsonp").always(function(resp) {
var countryCode = (resp && resp.country) ? resp.country : "bd";
callback(countryCode);
});
},
utilsScript: "{{URL::asset('assets/frontend/js/utils.js')}}"
});
$(document).on('change', '[name=country_id]', function() {
var state_id = $(this).val();
get_city(state_id);
});
function get_city(country_id) {
$(".regphone").val("");
$.ajax({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
},
url: "{{route('country.code')}}",
type: 'POST',
data: {
id : country_id
},
success: function (response) {
$(".regphone").val(response);
}
});
}
</script>
<script>
$(document).on("click", "[data-initial-toggle]", function(){
var alphabet = $(this).data('initial-toggle');
$("[data-initial]").attr("class", "d-none");
$("[data-initial='"+alphabet+"']").attr("class", "d-inline-block");
$("[data-initial-toggle]").removeClass('active');
$(this).addClass('active');
});
</script>
<script type="text/javascript" src="{{asset('assets/frontend/js/lightslider.js') }}"></script>
<script type="text/javascript">
$(document).ready(function(){ $('#image-gallery').lightSlider({ gallery:true, item:1, thumbItem:9, slideMargin: 0, speed:500, auto:true, loop:true, onSliderLoad: function() { $('#image-gallery').removeClass('cS-hidden'); } });});
</script>
<script type="text/javascript">
$('.owl-carousel-tabs').owlCarousel({center: true, loop: true, margin: 0, dots: false,padding:0,item:6, nav: false, lazyLoad: true, lazyLoadEager: 0, stagePadding: 00, responsive:{ 0: { items: 2 }, 600: { items: 4 }, 1000: { items: 6 } }});
</script>
<script>
$(document).ready(function(){ $("#tradeShowCarousel").owlCarousel({ items: 1, loop: true, margin: 0, nav: false, lazyLoad: true, dots: false, autoplay: true, autoplayHoverPause: true, responsiveClass: true }); });
</script>
<script type="text/javascript">
$(document).ready(function(){ $('#featuredSuppliers').owlCarousel({ items: 1,padding:0, loop: true, margin: 0, nav: false, lazyLoad: true, dots: true, autoplay: true,center:false, autoplayHoverPause: true, responsiveClass: true }); });
</script>
<script type="text/javascript">
$(document).ready(function(){ $('.testimonails-slider').owlCarousel({ items: 1, loop: true, margin: 0, nav: false, lazyLoad: true, dots: true, autoplay: true, autoplayHoverPause: true, responsiveClass: true }); });
</script>
<script> $(document).ready(function(){ $("#owlAbout").owlCarousel({ items: 1, autoHeight:true }); }); </script>
<script>
var slideIndex = 1;
showSlides(slideIndex);
// Next/previous controls
function plusSlides(n) {
showSlides(slideIndex += n);
}
// Thumbnail image controls
function currentSlide(n) {
showSlides(slideIndex = n);
}
function showSlides(n) {
var i;
var slides = document.getElementsByClassName("mySlides");
var dots = document.getElementsByClassName("dot");
if (n > slides.length) {slideIndex = 1}
if (n < 1) {slideIndex = slides.length}
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" active", "");
}
slides[slideIndex-1].style.display = "block";
dots[slideIndex-1].className += " active";
}
</script>
<script>
$('#exampleModal').on('show.bs.modal', function (event) {
var button = $(event.relatedTarget) // Button that triggered the modal
var recipient = button.data('whatever') // Extract info from data-* attributes
// If necessary, you could initiate an AJAX request here (and then do the updating in a callback).
// Update the modal's content. We'll use jQuery here, but you could use a data binding library or other methods instead.
var modal = $(this)
modal.find('.modal-title').text('New message to ' + recipient)
modal.find('.modal-body input').val(recipient)
})
</script>
<!--Start of Tawk.to Script-->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/64199d8e31ebfa0fe7f3d141/1gs20utm9';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>
<!--End of Tawk.to Script-->
<script>
$(document).ready(function() {
var isshow = localStorage.getItem('isshow');
if (isshow== null) {
localStorage.setItem('isshow', 1);
// Show popup here
$('#exampleModalCenter').show();
}
setTimeout(() => {
let text = $('.tawk-text-bold-3')
// text.style.display = "none";
$('.tawk-button span').hide();
console.log(text);
},5000)
});
</script>
<script>
</script>
<script>
@foreach ($errors->all() as $error)
toastr.error("{{ $error }}")
@endforeach
</script>
<script>
// Get the button
let mybutton = document.getElementById("myBtn");
// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function() {scrollFunction()};
function scrollFunction() {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
mybutton.style.display = "block";
} else {
mybutton.style.display = "none";
}
}
// When the user clicks on the button, scroll to the top of the document
function topFunction() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
</script>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'en',
}, 'google_translate_element');
}
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<script>
$('.page_bottom_slider').slick({
dots: false,
infinite: true,
slidesToShow: 1,
centerMode: false,
arrows:false,
autoplay: true,
speed: 3000,
autoplaySpeed: 2000,
});
</script>
</body>
</html>