@extends('adm.layouts.app')

@section('title', 'Categorias')



    <!-- ======= Header ======= -->
    
        @section('header')
            @include('adm.partials.header')
        @endsection

    <!-- End Header --> 
  
    <!-- ======= Sidebar ======= -->
    
        @section('sidebar')
            @include('adm.partials.sidebar')
        @endsection
    <!-- End Sidebar-->

     @section('main')


            @section('dashboard')

            
        <div class="col-xl-8">

            <div class="card">
              <div class="card-body pt-3">
                <!-- Bordered Tabs -->
                <ul class="nav nav-tabs nav-tabs-bordered">
  
                  <li class="nav-item">
                    <button class="nav-link active" data-bs-toggle="tab" data-bs-target="#profile-overview">Detalhes</button>
                  </li>
  
                  <li class="nav-item">
                    <button class="nav-link" data-bs-toggle="tab" data-bs-target="#profile-edit">Alterar Palavra-passe</button>
                  </li>
  
                  <li class="nav-item">
                    <button class="nav-link" data-bs-toggle="tab" data-bs-target="#profile-settings">Apagar Conta</button>
                  </li>
  
  
                </ul>
                <div class="tab-content pt-2">
  
                    <div class="tab-pane fade show active profile-overview" id="profile-overview">       
                        
                        @include('profile.partials.update-profile-information-form')
                        
                    </div>
  
                    <div class="tab-pane fade profile-edit pt-3" id="profile-edit">
    
                        <div class="max-w-xl">
                            @include('profile.partials.update-password-form')
                        </div>
    
                    </div>
  
                  <div class="tab-pane fade pt-3" id="profile-settings">
  
                    <div class="max-w-xl">
                        @include('profile.partials.delete-user-form')
                    </div>
                  </div>
  
  
                </div><!-- End Bordered Tabs -->
  
              </div>
            </div>
  
          </div>
  


                @endsection
        
     @endsection   
  

    <!-- ======= Footer ======= -->
        
        @section('footer')
            @include('adm.partials.footer')
        @endsection
    <!-- End Footer -->