@extends('admin.layouts.app')

@section('title', $title)

@section('content')
<div class="col-md-12">
    <div class="bgc-white bd bdrs-3 p-20 mB-20">

        <ul class="nav nav-tabs mB-20">
            <li class="nav-item">
                <a class="nav-link {{ $tab === 'branding' ? 'active' : '' }}"
                   href="{{ route('ch-admin.appearance.branding') }}">
                    <i class="ti-image mR-5"></i> Branding
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link {{ $tab === 'homepage' ? 'active' : '' }}"
                   href="{{ route('ch-admin.appearance.homepage') }}">
                    <i class="ti-home mR-5"></i> Homepage
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link {{ $tab === 'colors' ? 'active' : '' }}"
                   href="{{ route('ch-admin.appearance.colors') }}">
                    <i class="ti-palette mR-5"></i> Colors
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link {{ $tab === 'typography' ? 'active' : '' }}"
                   href="{{ route('ch-admin.appearance.typography') }}">
                    <i class="ti-text mR-5"></i> Typography
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link {{ $tab === 'advanced' ? 'active' : '' }}"
                   href="{{ route('ch-admin.appearance.advanced') }}">
                    <i class="ti-settings mR-5"></i> Advanced
                </a>
            </li>
        </ul>

        @include('admin.layouts.errors')

        @include('admin.appearance.partials.' . $tab)

    </div>
</div>
@endsection