@extends('painel.template.Layout.padrao')
@section('titulo', 'Painel Configurações')
@section('conteudo')
  <div class="content">
    <div class="container-fluid">
      <div class="row">
        <div class="col-lg-12">
          <div class="card">
            <div class="card-header border-0">
              <div class="d-flex justify-content-between">
                <h3 class="card-title">Configurações</h3>
              </div>
            </div>
            <div class="card-body">
              <form action="{{ route('admin.update') }}" method="POST" enctype="multipart/form-data">
                {{ csrf_field() }}
                <div class="card">
                  <nav>
                    <div class="nav nav-tabs" id="nav-tab" role="tablist">

                      <button type="button" class="nav-item nav-link active" id="nav-geral-tab" data-bs-toggle="tab" data-bs-target="#nav-geral" role="tab" aria-controls="nav-geral" aria-selected="true">Geral</button>
                      <button type="button" class="nav-item nav-link" id="nav-toppage-tab" data-bs-toggle="tab" data-bs-target="#nav-toppage" role="tab" aria-controls="nav-toppage" aria-selected="false">Topo Página</button>
{{--                      <a class="nav-item nav-link" id="nav-banner-tab" data-toggle="tab" href="#nav-banner" role="tab" aria-controls="nav-banner" aria-selected="false">Banner</a>--}}
                      <button type="button" class="nav-item nav-link" id="nav-content-tab" data-bs-toggle="tab" data-bs-target="#nav-content" role="tab" aria-controls="nav-content" aria-selected="false">Conteúdo</button>
                      <button type="button" class="nav-item nav-link" id="nav-social-tab" data-bs-toggle="tab" data-bs-target="#nav-social" role="tab" aria-controls="nav-social" aria-selected="false">Redes Sociais</button>
                      <button type="button" class="nav-item nav-link" id="nav-footer-tab" data-bs-toggle="tab" data-bs-target="#nav-footer" role="tab" aria-controls="nav-footer" aria-selected="false">Rodapé</button>
                    </div>
                  </nav>
                  <div class="tab-content" id="nav-tabContent" >
                    <div class="tab-pane fade show active" id="nav-geral" role="tabpanel" aria-labelledby="nav-geral-tab" >
                      @includeif('painel._includes._buttons.btn1')
                    </div>
                    <div class="tab-pane fade" id="nav-toppage" role="tabpanel" aria-labelledby="nav-toppage-tab">
                      @includeif('painel._includes._buttons.btn2')
                    </div>
{{--                    <div class="tab-pane fade" id="nav-banner" role="tabpanel" aria-labelledby="nav-banner-tab">--}}
{{--                      @includeif('painel._includes._buttons.btn3')--}}
{{--                    </div>--}}
                    <div class="tab-pane fade" id="nav-content" role="tabpanel" aria-labelledby="nav-content-tab">
                      @includeif('painel._includes._buttons.btn4')
                    </div>
                    <div class="tab-pane fade" id="nav-social" role="tabpanel" aria-labelledby="nav-social-tab">
                      @includeif('painel._includes._buttons.btn6')
                    </div>
                    <div class="tab-pane fade" id="nav-footer" role="tabpanel" aria-labelledby="nav-footer-tab">
                      @includeif('painel._includes._buttons.btn7')
                    </div>
                  </div>

                  <div align="center">
                    <p></p>
                    <div class="col form-group">
                      <button class="btn btn-outline-primary col-lg-1 col-md-2 col-sm-3" type="submit">Salvar</button>

                    </div>
                  </div>
                </div>
              </form>
            </div>
          </div>
          <!-- /.card -->
        </div>
      </div>
      <!-- /.row -->
    </div>
    <!-- /.container-fluid -->
  </div>
@endsection