@extends('admin.admin')

@section('title')
    Settings
@endsection

@section('content')
    <div class="container">
        <div class="col-lg-12" style="margin-top: 100px;">
            <div class="card">
                <div class="card-header">
                    <h4 class="m-auto text-center">Settings</h4>
                </div>

                <div class="card-body">
                    <ul class="nav nav-pills" id="myTab3" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link active show" id="home-tab3" data-toggle="tab" href="#home3" role="tab"
                                aria-controls="home" aria-selected="true">General Settings</a>
                        </li>

                        <li class="nav-item">
                            <a class="nav-link" id="profile-tab3" data-toggle="tab" href="#profile3" role="tab"
                                aria-controls="profile" aria-selected="false">Mail Settings</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" id="contact-tab3" data-toggle="tab" href="#contact3" role="tab"
                                aria-controls="contact" aria-selected="false">Logo Settings</a>
                        </li>
                    </ul>

                    <div class="tab-content my-5" id="myTabContent2">
                        <div class="tab-pane fade active show" id="home3" role="tabpanel" aria-labelledby="home-tab3">
                            @include('admin.settings.sections.general-settings')
                        </div>

                        <div class="tab-pane fade" id="profile3" role="tabpanel" aria-labelledby="profile-tab3">
                            @include('admin.settings.sections.mail-settings')
                        </div>
                        <div class="tab-pane fade" id="contact3" role="tabpanel" aria-labelledby="contact-tab3">
                            @include('admin.settings.sections.logo-settings')
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection