@php
    $general = $options->theme->general;
    $btnPrimary = $general->makeByPrefix('btn_primary_');
    $btnSecondary = $general->makeByPrefix('btn_secondary_');
    $heading = $general->makeByPrefix('heading_');
    $title = $general->makeByPrefix('title_');
    $defaultFontFamily = $general->font_family("'Poppins', sans-serif");
    $sectionHeading = $general->makeByPrefix('section_heading_');
    $sectionSubHeading = $general->makeByPrefix('section_sub_heading_');

    $footer = $options->theme->footer;
@endphp
<link rel="shortcut icon" href="{{ $siteinfo->favicon ? $siteinfo->favicon : scw_asset('img/favicon.png') }}" type="image/x-icon">
<!-- fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<!-- all css -->



<link rel="stylesheet" href="{{ scw_asset('css/vendor.css') }}">
<link rel="stylesheet" href="{{ scw_asset('font-awsome-pro/font-awsome-pro.min.css') }}">

<link rel="stylesheet" href="{{ scw_asset('css/style.css') }}">
<link rel="stylesheet" href="{{ scw_asset('css/custom.css') }}">


{!! /* Cái này để commet */
    $html->toCssTag([
        'selectors' => ':root',
        'type' => 'code',
        'attributes' => [
            'id' => 'custom-style-css',
            'rel' => 'stylesheet',
        ],
        'code' => [
            '--primary-color' => $general->theme_primary_color('#00234D'),
            '--secondary-color' => $general->theme_secondary_color('#F76B6A'),

            '--btn-primary-border-radius' => '0.25rem',
            '--btn-primary-color' => $btnPrimary->text_color('#fff'),
            '--btn-primary-background-color' => $btnPrimary->background_color('#00234D'),
            '--btn-primary-border-color' => $btnPrimary->border_color('#00234D'),
            '--btn-primary-hover-color' => $btnPrimary->hover_text_color('#fff'),
            '--btn-primary-background-hover-color' => $btnPrimary->hover_background_color('#00234D'),
            '--btn-primary-border-hover-color' => $btnPrimary->hover_border_color('#00234D'),
            '--btn-primary-font-weight' => '500',

            '--btn-secondary-border-radius' => '0.25rem',
            '--btn-secondary-color' => $btnSecondary->text_color('#00234D'),
            '--btn-secondary-background-color' => $btnSecondary->background_color('transparent'),
            '--btn-secondary-border-color' => $btnSecondary->border_color('#00234D'),
            '--btn-secondary-hover-color' => $btnSecondary->hover_text_color('#fff'),
            '--btn-secondary-background-hover-color' => $btnSecondary->hover_background_color('#00234D'),
            '--btn-secondary-border-hover-color' => $btnSecondary->hover_border_color('#00234D'),
            '--btn-secondary-font-weight' => '500',

            '--heading-color' => $heading->color('#000'),
            '--heading-font-family' => $heading->font_family($defaultFontFamily),
            '--heading-font-weight' => $heading->font_weight(700),

            '--title-color' => $title->color('#000'),
            '--title-font-family' => $title->font_family($defaultFontFamily),
            '--title-font-weight' => $title->font_weight(400),

            '--body-color' => $general->font_color('#000'),
            '--body-background-color' => $general->body_background_color('#fff'),
            '--body-font-family' => $general->font_family("'Poppins', sans-serif"),
            '--body-font-size' => $general->font_size(14) . 'px',
            '--body-font-weight' => $general->font_weight(400),

            '--section-heading-color' => $sectionHeading->font_color('#000'),
            '--section-heading-font-family' => $sectionHeading->font_family("'Poppins', sans-serif"),
            '--section-heading-font-size' => $sectionHeading->font_size(48) . 'px',
            '--section-heading-font-weight' => $sectionHeading->font_weight(600),

            '--section-subheading-color' => $sectionSubHeading->font_color('#000'),
            '--section-subheading-font-family' => $sectionSubHeading->font_family("'Poppins', sans-serif"),
            '--section-subheading-font-size' => $sectionSubHeading->font_size(16) . 'px',
            '--section-subheading-font-weight' => $sectionSubHeading->font_weight(400),
        ],
    ]);
/* Cái này để commet */ !!}

<style>
    .footer-top .bg-5{
        background-color: {{$footer->top_background_color('#eef4ff')}};
    }
</style>
<style>
    .footer-bottom .bg-5{
        background-color: {{$footer->bottom_background_color('#eef4ff')}};
    }
</style>