@php
    header("content-type:text/css");

    $channel               = core()->getDefaultChannelCode();
    $companyRepository     = Company::getCurrent();
    $customStyleRepository = app('\Glob\CustomStyle\Repositories\CustomStyleRepository');
    $styleData             = $customStyleRepository->GetStyleData($companyRepository->id, $channel);
    $currentTheme          = core()->getCurrentChannel()->theme;

    if ($styleData) {
        $enabled        = true;
        $style          = json_decode(json_encode($styleData), true);
        $top_style      = explode(",", $style['top']);
        $header_style   = explode(",", $style['header']);
        $category_style = explode(",", $style['category']);
        $content_style  = explode(",", $style['content']);
        $footer_style   = explode(",", $style['footer']);
        $button_style   = explode(",", $style['button']);
        $social_style   = explode(",", $style['social']);

        $topBackColor = $top_style[1];
        $topColor     = $top_style[3];  //need to be used

        $headerBackColor = $header_style[1];
        $headerColor     = $header_style[3];

        $backColor = $content_style[1];
        $color     = $content_style[3];

        $footerBackColor = $footer_style[1];
        $footerColor     = $footer_style[3];

        $catBackColor = $category_style[1];
        $catColor     = $category_style[3];

        $btnBackColor = $button_style[1];
        $btnFont      = $button_style[3];

        $socialBackColor = $social_style[1];
        $socialColor     = $social_style[3];
    } else {
        $enabled = false;
    }
@endphp

<style>
    @if ($enabled)

        /*header*/
        .front-store header,
        .front-store header .dropdown select.btn.btn-link.dropdown-toggle.control.locale-switcher.locale-lang.styled-select,
        .front-store header .branches select.btn.btn-link.dropdown-toggle.control.locale-switcher.styled-select {
            @if($header_style[0]=='on')
                background-color:  !important;
            @endif
        }

        .front-store header #search-form .btn-group select,
        .front-store header #search-form .quantity select,
        .front-store header #search-form input {
            @if($header_style[0]=='on')
                border: 1px solid  !important;
            @endif
        }

        /* top header color + Selection */
        ::-moz-selection,
        ::selection,
        .front-store header .compare-btn,
        .front-store header .wishlist-btn,
        .front-store header .left-wrapper .dropdown.notifications i,
        .front-store header .left-wrapper .welcome-content span,
        .front-store header .left-wrapper span.role.locales-new,
        .front-store header .branches select.btn.btn-link.dropdown-toggle.control.locale-switcher.styled-select,
        .front-store header .dropdown select.btn.btn-link.dropdown-toggle.control.locale-switcher.locale-lang.styled-select,
        .front-store header .mini-cart-container #mini-cart .mini-cart-content .cart-text,
        .front-store header .mini-cart-container #mini-cart .mini-cart-content i,
        .front-store header .left-wrapper .compare-btn,
        .front-store header .left-wrapper .wishlist-btn,
        .front-store header .mini-cart-container #mini-cart .mini-cart-content,
        .front-store header .mini-cart-container #mini-cart .mini-cart-content + .down-arrow-container .rango-arrow-down,
        .front-store header i.fa-solid,
        .front-store header .mobile-phone a,
        .front-store header .fa-balance-scale-left:before,
        .front-store header .fa-scale-unbalanced:before,
        .card-icon i.icon,
        .card-icon i.fa-solid {
            @if($header_style[2]=='on')
                color:  !important;
            @endif
        }

        .front-store .header.shop .topbar,
        .front-store #top,
        .front-store #top .btn,
        .front-store #top #account+.account-modal .modal-content {
            @if($top_style[0]=='on')
                background-color:  !important;
            @endif
        }

        /* Header icons */
        @if (core()->isCustomTheme() )
            .front-store header i.fa-solid {
                @if($header_style[2]=='on')
                    color:  !important;
                @endif
            }
        @endif

        .front-store .header.shop .list-main li,
        .front-store .header.shop .list-main li a,
        .front-store .header.shop .list-main li i,
        .front-store .other-nav-border .contact a,
        .front-store #top #account .welcome-content,
        .front-store #top .select-branches label,
        .front-store #top .dropdown,
        .front-store #top .locale-switcher,
        .front-store #top .customer-options .customer-session label,
        .front-store #top #account .welcome-content i.fa-solid,
        .front-store #top .notifications i,
        .front-store #top a,
        .front-store #top {
            @if($top_style[2]=='on')
                color:  !important;
            @endif
        }

        .front-store .header.shop .list-main li a {
            @if($button_style[2]=='on')
                color :  !important;
            @endif

            @if($button_style[0]=='on')
                background-color:  !important ;
            @endif
        }
        /*End Header*/

        /* color not background */
        .mail-icon {
            @if($button_style[0]=='on')
                color:  !important;
            @endif
        }
        /* End color */

        /*button*/
        .front-store .btn-link,
        .front-store .btn {
            @if($button_style[2]=='on')
                color:  !important;
            @endif

            @if($button_style[0]=='on')
                background-color:  !important;
            @endif
        }

        #languageDropdown,
        header i.fa-solid,
        .front-store header .branches select.btn.btn-link.dropdown-toggle.control.locale-switcher.styled-select,        header .mini-cart-container #mini-cart .mini-cart-content .cart-text,
        a.compare-btn.unset span,
        i.fa-solid.fa-store,
        a.wishlist-btn.unset span,
        .front-store header .mini-cart-container #mini-cart .mini-cart-content .cart-text,
        header .dropdown.notifications i,
        header .left-wrapper .welcome-content span ,
        .content-list ul li a,
        mobile-header i.material-icons,
        header i.material-icons,
        header .material-icons-outlined,
        i.fs16.fw6.rango-search,
        i.rango-toggle.hamburger,
        .slides-container .VueCarousel-dot--active {
            @if($header_style[2]=='on')
                color:  !important;
            @endif
        }

        #languageDropdown
        {
            background-color: unset !important;
        }

        button.theme-btn,
        input.theme-btn,
        #header-search-icon,
        .account-action a.theme-btn,
        .front-store .btn-add-to-cart,
        .product-actions button.theme-btn.text-center.buynow,
        .product-actions .add-to-cart-btn button,
        .main-content-wrapper .vc-header > div.vc-small-screen .right-vc-header .badge-wrapper .badge, .main-content-wrapper .vc-header > div.vc-small-screen .right-vc-header .badge-container .badge,
        .slides-container .VueCarousel-dot--active,
        .VueCarousel-dot.VueCarousel-dot--active,
        header #search-form #header-search-icon,
        .card.grid-card.product-card-new button.btn.btn-add-to-cart i,
        .card-actions,
        .product-card-new i.fa-solid.fa-scale-balanced,
        .card.grid-card.product-card-new .sticker.new,
        .card .sticker.new,
        p.click-upload {
            @if($button_style[2]=='on')
                color :  !important;
            @endif

            /* remove background color for green-land themes card icons */
            @if($button_style[0]=='on' && ! in_array($currentTheme, ['green-land', 'pharmacies', 'medical-equipment', 'honey']))
                background-color:  !important ;
                background-image: unset !important;
            @endif
        }
        /* green-land themes */
        @if($button_style[2]=='on' && in_array($currentTheme, ['green-land', 'pharmacies', 'medical-equipment', 'honey']))
            .card.grid-card.product-card-new .sticker.new,
            .card .sticker.new {
                color : unset !important;
                background-color:  !important ;
            }
        @endif

        /* Add to cart darker hover */
        .front-store .btn-add-to-cart:hover,
        .product-actions button.theme-btn.text-center.buynow:hover,
        .product-actions .add-to-cart-btn button:hover {
            @if($button_style[0]=='on')
                background-color:  !important ;
                filter: brightness(85%);
            @endif
        }

        /* .category-list-item-name [is the exact opposite of .btn-add-to-cart] (mobile view only) */
        .front-store .category-list-item-name {
            @if($button_style[2]=='on')
                background-color:  !important ;
                border: 1px solid  !important ;
            @endif

            /* remove background color for green-land themes card icons */
            @if($button_style[0]=='on' && ! in_array($currentTheme, ['green-land', 'pharmacies', 'medical-equipment', 'honey']))
                color :  !important;
            @endif
        }

        .theme-btn,
        button span.rango-arrow-down,
        .front-store .theme-btn,
        .front-store .btn-add-to-cart,
        .front-store .theme-btn.light {
            @if($button_style[2]=='on')
                color:  !important;
            @endif

            @if($button_style[0]=='on')
                background-color:  !important;
                border-color    :  !important;
            @endif
        }

        /* price color */
        .product-card-new .product-price,
        .product-card-new span.negotiable-price {
            @if($button_style[0]=='on')
                color:  !important;
            @endif
        }
        /* Hover */
        .theme-btn:hover,
        .cart-details .continue-shopping-btn:hover,
        .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button.btn:hover,
        .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .quantity button:hover,
        .quantity .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button:hover,
        .account-content .account-layout .bottom-toolbar .pagination .page-item:hover,
        .btn-add-to-cart:hover {
            @if($button_style[0]=='on')
                background-color:  !important;
            @endif
        }

        /* Action Icons hover */
        /* i.material-icons-outlined.text-down-3:hover,
        .d-inline-block.welcome-content:hover,
        button#searcIcon:hover {
            @if($button_style[0]=='on')
                background-color:  !important;
            @endif
        } */

        /* Support mail hover */
        .support-mail a:hover {
            @if($button_style[0]=='on')
                color:  !important;
            @endif
        }
        /*End button*/

        /*content*/
        .front-store .account-content,
        .front-store .main-content-wrapper,
        .front-store .main-container-wrapper,
        .front-store .account-content .account-layout,
        .front-store .account-content .account-layout .sale-container .tabs-content .sale-section,
        .front-store .table,
        .front-store .account-content .account-layout .sale-container .tabs-content .sale-section .section-title,
        .front-store .account-content .account-layout .sale-container .order-box-container .box .box-title,
        .front-store div#home-right-bar-container {
            @if($content_style[2]=='on')
                color:  !important;
            @endif

            @if($content_style[0]=='on')
                background-color:  !important;
            @endif
        }

        /* cart custom color */
        .front-store header .mini-cart-container #mini-cart .mini-cart-content,
        .front-store button span.rango-arrow-down {
            @if($content_style[2]=='on')
                color:  !important;
            @endif
        }
        /*End content*/

        /*footer*/
        .front-store .footer .footer-content > .row,
        .front-store .footer .single-footer h4,
        .front-store .footer .links ul li a,
        .front-store .footer .footer-content > .row .footer-logo-content p,
        .front-store .footer .footer-content > .row .footer-rt-content p,
        .front-store .footer .social ul li .fa-brands,
        .front-store .footer .footer-content > .row .footer-ct-content > div ul li a,
        .front-store .footer .footer-content > .row .footer-ct-content > div ul li i,
        .front-store .footer .footer-content > .row .footer-rt-content h3,
        .front-store .footer .footer-content > .row .footer-rt-content .method-sticker,
        .footer .footer-content,
        .footer .footer-content .copyrights,
        .footer-ct-content.methods .row ul li,
        .footer-ct-content.methods .row ul h5 {
            @if($footer_style[2]=='on')
                color:  !important;
            @endif

            @if($footer_style[0]=='on')
                background-image: unset !important;
                background:  !important;
            @endif
        }
        /*End footer*/

        /*category*/
        .front-store .main-category,
        .front-store .main-content-wrapper .content-list ul li a,
        .front-store .category-list-container .category,
        .front-store .category-list-container .sub-categories,
        .front-store .category-list-container{
            @if($category_style[2]=='on')
                color:  !important;
            @endif

            @if($category_style[0]=='on')
                background:  !important;
            @endif
        }

        .front-store .main-content-wrapper .content-list ul,
        .action-icons {
            @if($category_style[2]=='on')
                color:  !important;
            @endif

            @if($category_style[0]=='on')
                background-color:  !important;
            @endif
        }
        /*End category*/

        .front-store .footer .footer-content .newsletter-subscription {
            @if($social_style[0]=='on')
                background-color:  !important;
            @endif
        }

          /* Subscribtion bar & icons */
        .front-store .footer .footer-content .newsletter-subscription .newsletter-wrapper .social-icons .within-circle,
        .social-icons i.within-circle {
            @if($social_style[0]=='on')
                background:  !important;
            @endif

            @if($social_style[2]=='on')
                border: 1px solid  !important;
                color :  !important;
            @endif
        }
        .footer .footer-content .newsletter-subscription .newsletter-wrapper button.subscribe-btn {
            @if($social_style[2]=='on')
                background:  !important;
            @endif
        }
        header #search-form #header-search-icon{
            @if($category_style[2]=='on')
                color:  !important;
            @endif

            @if($category_style[0]=='on')
                background:  !important;
            @endif
        }
    @endif
</style>