<?php
use Modules\Main\Models\Design;
/*define('DESIGN_PARAMETERS', Design::getParameters());

if (array_key_exists('title', DESIGN_PARAMETERS)) {
    Config::set('app.name', DESIGN_PARAMETERS['title']);
}*/

?>
<style>
    @if(array_key_exists('page_color', DESIGN_PARAMETERS))
        #app, html {
            background-color: {{ DESIGN_PARAMETERS['page_color'] }};
        }
    @endif 

    @if(array_key_exists('text_color', DESIGN_PARAMETERS) && 1==2)
        #app *{
            color: {{ DESIGN_PARAMETERS['text_color'] }};
        }
    @endif 

    @if(array_key_exists('primary_color', DESIGN_PARAMETERS))
        .form-control:focus, .form-select:focus {
            border-color: {{ DESIGN_PARAMETERS['primary_color'] }}60;
            box-shadow: 0 0 0 .25rem {{ DESIGN_PARAMETERS['primary_color'] }}40;
        }
        .text-primary, a:not(.nav-link, .mobile_menu_item, .btn ) {
            color: {{ DESIGN_PARAMETERS['primary_color']  }}!important;
        }

        .bg-primary {
            color:#fff;
            background-color:
                {{ DESIGN_PARAMETERS['primary_color']  }}
                !important;
            background-image: linear-gradient(140deg,
                    {{ DESIGN_PARAMETERS['primary_color'] }}
                    50%,
                    {{ DESIGN_PARAMETERS['primary_color'] }}
                    75%) !important;
            border-color:
                {{ DESIGN_PARAMETERS['primary_color'] }}
                !important;
        }

        option:active, .dropdown-item:active{
            background-color:
                {{ DESIGN_PARAMETERS['primary_color'] }}
                !important;
            color:#fff!important;
        }

        .btn-primary {
            color:#ffffffa6;
            background-color:
                {{ DESIGN_PARAMETERS['primary_color'] }}
                !important;
            border-color:
                {{ DESIGN_PARAMETERS['primary_color'] }}
                !important;
        }

        .btn:hover {
            
        }

        .btn-primary:hover {
            color:#fff;
        }

        input[type="radio"]:checked+label {
            background-color: {{ DESIGN_PARAMETERS['primary_color'] }} !important;
            border-color: {{ DESIGN_PARAMETERS['primary_color'] }} !important;
        }

        .form-check-input:checked
        {
            background-color: {{ DESIGN_PARAMETERS['primary_color'] }};
            border-color: {{ DESIGN_PARAMETERS['primary_color'] }};
        }

        .document-card:hover .download {
            background-color: {{ DESIGN_PARAMETERS['primary_color'] }}!important;
            a {
                color: #fff!important;
            }
        }

        .document-card:hover h4 {
            color: {{ DESIGN_PARAMETERS['primary_color'] }}!important
        }
    @endif 

    @if(array_key_exists('secondary_color', DESIGN_PARAMETERS))
    .btn-secondary,
    .btn-secondary:disabled {
         background-color:
                {{ DESIGN_PARAMETERS['secondary_color'] }}
                !important;
            border-color:
                {{ DESIGN_PARAMETERS['secondary_color'] }}
                !important;
    }

    #ClientFormAddTabBtn {
        fill: {{ DESIGN_PARAMETERS['secondary_color'] }}
                !important;
    }
    @endif

    @if(array_key_exists('menu_btn_color', DESIGN_PARAMETERS))
        #leftPanel .nav-link {
            background-color: {{ DESIGN_PARAMETERS['menu_btn_color'] }};
        }
    @endif

    @if(array_key_exists('menu_btn_hover_color',DESIGN_PARAMETERS))
        #leftPanel .nav-link:hover {
        background-color: {{ DESIGN_PARAMETERS['menu_btn_hover_color'] }};
    }
    #leftPanel .nav-link.active {
        background-color: {{ DESIGN_PARAMETERS['menu_btn_hover_color'] }};
    }
    @endif    

    

    

    /*pagination*/
    .page-item>.page-link,
    .page-item:first-child .page-link,
    .page-item:last-child .page-link {
        color: #ccc;
        border-color: #ccc;
        border-radius: 12px;
        margin: 0 6px 0px 6px !important;
        padding-top: 8px;
        width: 40px;
        height: 40px;
        text-align: center;
    }


    .active>.page-link {
        background-color: #ffffff !important;
        color: rgb(44, 44, 44) !important;
        border-color: #b6b6b6 !important;
    }
</style>