<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <link href="{{ config('builder.backend_asset_path') }}/icons/css/icons.css" rel="stylesheet" type="text/css"/>
        <link href="{{ config('builder.frontend_asset_path') }}/icons/css/fontawesome.css" rel="stylesheet" type="text/css"/>
    </head>
    <body>
        <div id="divIcons" class="icon-sections">
            <div class="icon-section">
                <div class="icon-header">
                    Brands - ({{ count(config('builder.brand_icons')) }})
                </div>
                <div class="icon-content">
                    @foreach(config('builder.brand_icons') as $fabIcon)
                        <button class="icon-button" type="button" title="fab fa-{{ $fabIcon }}">
                            <i class="icon fab fa-{{ $fabIcon }}"></i>
                        </button>
                    @endforeach
                </div>
            </div>

            <div class="icon-section">
                <div class="icon-header">
                    Regular - ({{ count(config('builder.regular_icons')) }})
                </div>
                <div class="icon-content">
                    @foreach(config('builder.regular_icons') as $fasIcon)
                        <button class="icon-button" type="button" title="far fa-{{ $fasIcon }}">
                            <i class="icon far fa-{{ $fasIcon }}"></i>
                        </button>
                    @endforeach
                </div>
            </div>

            <div class="icon-section">
                <div class="icon-header">
                    Solid - ({{ count(config('builder.solid_icons')) }})
                </div>
                <div class="icon-content">
                    @foreach(config('builder.solid_icons') as $fasIcon)
                        <button class="icon-button" type="button" title="fas fa-{{ $fasIcon }}">
                            <i class="icon fas fa-{{ $fasIcon }}"></i>
                        </button>
                    @endforeach
                </div>
            </div>
        </div>

        <script src="{{ config('builder.backend_asset_path') }}/icons/js/icons.js"></script>
    </body>
</html>
