<!DOCTYPE html>
<html lang="en">

<head>
    @include('layouts.seo')
    @stack('meta')

    <!-- fav icon -->
    <link rel="shortcut icon" href="{{ asset(get_frontend_settings('favicon')) }}" />

    <!-- owl carousel -->
    <link rel="stylesheet" href="{{ asset('assets/frontend/default/css/owl.carousel.min.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/frontend/default/css/owl.theme.default.min.css') }}">

    <!-- Jquery Ui Css -->
    <link rel="stylesheet" href="{{ asset('assets/frontend/default/css/jquery-ui.css') }}">

    <!-- Nice Select Css -->
    <link rel="stylesheet" href="{{ asset('assets/frontend/default/css/nice-select.css') }}">

    <!-- Fontawasome Css -->
    <link rel="stylesheet" href="{{ asset('assets/frontend/default/css/all.min.css') }}">

    {{-- New Css Link --}}
    <link rel="stylesheet" href="{{ asset('assets/frontend/default/vendors/swiper/swiper-bundle.min.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/frontend/default/vendors/slick/slick.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/frontend/default/vendors/slick/slick-theme.css') }}">

    <!-- FlatIcons Css -->
    <link rel="stylesheet" href="{{ asset('assets/global/icons/uicons-bold-rounded/css/uicons-bold-rounded.css') }}" />
    <link rel="stylesheet" href="{{ asset('assets/global/icons/uicons-regular-rounded/css/uicons-regular-rounded.css') }}" />
    <link rel="stylesheet" href="{{ asset('assets/global/icons/uicons-solid-rounded/css/uicons-solid-rounded.css') }}" />

    <!-- Custom Fonts -->
    <link rel="stylesheet" href="{{ asset('assets/frontend/default/css/custome-front/custom-fronts.css') }}">

    <!-- Player Css -->
    <link rel="stylesheet" href="{{ asset('assets/frontend/default/css/plyr.css') }}">

    <!-- Bootstrap Css -->
    <link rel="stylesheet" href="{{ asset('assets/frontend/default/css/bootstrap.min.css') }}">

    <!-- Main Css -->
    <link rel="stylesheet" href="{{ asset('assets/frontend/default/css/style.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/frontend/default/css/responsive.css') }}">

    <!-- Yaireo Tagify -->
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/global/tagify-master/dist/tagify.css') }}" rel="stylesheet" type="text/css" />

    <!-- Custom Style -->
    <link rel="stylesheet" href="{{ asset('assets/frontend/default/css/custom_style.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/frontend/default/css/new_responsive.css') }}">

    <!-- Jquery Js -->
    <script src="{{ asset('assets/frontend/default/js/jquery-3.7.1.min.js') }}"></script>
    @stack('css')
	<style type="text/css">
		body { background-color: #FEFED8 !important; }
		.footer-area { background: linear-gradient(180deg, #006600 0%, #005500 100%) !important; }
		
		.gradient-border-btn { background: #f3ff6c; color: #005900; }
		.gradient-border-btn:hover {
			background-image: linear-gradient(to right, #f3ff6c 0%, #f3ff6c 51%, #f3ff6c 100%) !important;
			color: #005900;
			border-color: transparent;
			background-position: center;
		}
		
		.gradient-border2, .gradient { background: linear-gradient(to right, #005500 0%, #005500 51%, #005500 100%); }
		.newslater-form .gradient { background-image: linear-gradient(to right, #f3ff6c 0%, #f3ff6c 51%, #f3ff6c 100%); color: #005900; }
		.dev-section-title>.title .highlight, .software-development-details>.title .highlight {
			color: #006600;
		}
		
		.sub-header { border-bottom: 1px solid #005900; background-color: #006600; }
		.accordion { padding: 30px 30px; border-radius: 15px; box-shadow: #c2c2c2 2px 2px 10px;     background-color: #FFFFFF; }
		.btn-black-arrow1 { background: #006600; }
		.dev-banner-section { background-size: contain; min-height: 475px; }
		.form-label { margin-bottom: 0px; }
		
		.development-banner-area>.title { color: #006600; text-shadow: none; font-size: 35px; font-family: inherit !important; }
		.development-banner-area>.sub-title { color: #000000; text-shadow: none; font-size: 20px; text-align: center; font-weight: 400; }
		
		.video-play-btn { 
			font-weight: 700; 
			font-size: 15px; 
		}
		.video-play-btn .icon {
			min-width: 40px;
			width: 40px;
			height: 40px;
		}
		.video-play-btn .icon img {
			margin-left: 5px;
			height: 13px;
			width: 13px;
		}
		
		.development-hero-section1 {
			background: #005500;
			border-top: 1px solid #005500;
		}
		
		.hero-rated-profile-area>.info, .development-hero-area1 .hero-info, .video-play-btn { color: #ffffff; }
		.hero-rated-profile-area .profiles li:last-child {     background: #f3ff6c; }
		.development-hero-area1 .gradient { background: linear-gradient(to right, #f3ff6c 0%, #f3ff6c 51%, #f3ff6c 100%); box-shadow: none; color: #005500; }
		.development-banner-area .video-play-btn { margin: 35px auto 30px auto; color: #006600; font-weight: 700; font-size: 25px; }
		
		@media (max-width:600px)  { 
			.development-banner-area .mt-5.pt-5 { margin: 0px !important; padding: 0px !important; }
			.development-banner-area .title.mt-5.pt-5 { margin: 0px !important; padding: 0px !important; }
			.development-banner-area { margin: 50px 0; }
			.development-banner-area>.title { font-size: 26px; }
			.development-banner-area .video-play-btn { font-size: 22px; }
		}
	</style>
</head>

<body>
    @php $current_route_name = Route::currentRouteName(); @endphp
    @php
        if (session('home')) {
            $home_page = App\Models\Builder_page::where('id', session('home'))->firstOrNew();
        } else {
            $home_page = App\Models\Builder_page::where('status', 1)->firstOrNew();
        }
    @endphp

    @if ($home_page->is_permanent == 1)
        @include('components.home_made_by_developer.top_bar')
        @include('components.home_made_by_developer.header')
        <section>
            @yield('content')
        </section>
        @include('components.home_made_by_developer.footer')
    @else
        @if ($current_route_name == 'home' || $current_route_name == 'admin.page.preview')
            <section>
                @yield('content')
            </section>
        @else
            @php $builder_files = $home_page->html ? json_decode($home_page->html, true) : []; @endphp
            @if (in_array('top_bar', $builder_files))
                @include('components.home_made_by_builder.top_bar')
            @endif

            @if (in_array('header', $builder_files))
                @include('components.home_made_by_builder.header')
            @endif

            <section>
                @yield('content')
            </section>

            @if (in_array('footer', $builder_files))
                @include('components.home_made_by_builder.footer')
            @endif
        @endif
    @endif

    <!-- Bootstrap Js -->
    <script src="{{ asset('assets/frontend/default/js/bootstrap.bundle.min.js') }}"></script>


    <!-- nice select js -->
    <script src="{{ asset('assets/frontend/default/js/jquery.nice-select.min.js') }}"></script>

    {{-- New Js Link  --}}
    <script src="{{ asset('assets/frontend/default/vendors/swiper/swiper-bundle.min.js') }}"></script>
    <script src="{{ asset('assets/frontend/default/vendors/counterup/jquery.counterup.min.js') }}"></script>
    <script src="{{ asset('assets/frontend/default/vendors/counterup/jquery.waypoints.js') }}"></script>
    <script src="{{ asset('assets/frontend/default/vendors/slick/slick.min.js') }}"></script>

    <!-- owl carousel js -->
    <script src="{{ asset('assets/frontend/default/js/owl.carousel.min.js') }}"></script>


    <!-- Player Js -->
    <script src="{{ asset('assets/frontend/default/js/plyr.js') }}"></script>


    <!-- Yaireo Tagify -->
    <script src="{{ asset('assets/global/tagify-master/dist/tagify.min.js') }}"></script>


    <!-- Jquery Ui Js -->
    <script src="{{ asset('assets/frontend/default/js/jquery-ui.min.js') }}"></script>


    <!-- price range Js -->
    <script src="{{ asset('assets/frontend/default/js/price_range_script.js') }}"></script>


    <!-- Main Js -->
    <script src="{{ asset('assets/frontend/default/js/script.js') }}"></script>
	
	<script type="text/javascript">
		$(document).ready(function(){
			document.addEventListener('visibilitychange', () => {
				if (document.visibilityState === 'hidden') {
					document.body.style.filter = 'blur(10px)';
				} else {
					document.body.style.filter = 'none';
				}
			});
		});
	</script>

    @if(get_frontend_settings('cookie_status'))
        @include('frontend.default.cookie')
    @endif

    <!-- End Footer -->
    @include('frontend.default.modal')
    <!-- toster file -->
    @include('frontend.default.toaster')
    <!-- custom scripts -->
    @include('frontend.default.scripts')
    @stack('js')
</body>

</html>
