@extends('layouts.app')
@section('content')

<div class="container-fluid">
    <div class="row">
        <div class="col-3">
            <div class="flex-shrink-0 p-3 bg-white" style="width: 280px;">
    <a href="#" class="d-flex align-items-center pb-3 mb-3 link-dark text-decoration-none border-bottom">
      <svg class="bi me-2" width="30" height="24"><use xlink:href="#bootstrap"/></svg>
      <span class="fs-5 fw-semibold">Panel de control</span>
    </a>
    <ul class="list-unstyled ps-0">
        <li class="mb-1">
        <button class="btn btn-toggle d-inline-flex align-items-center rounded border-0 collapsed" data-bs-toggle="collapse" data-bs-target="#home-collapse" aria-expanded="true">
          Inicio
        </button>
        <div class="collapse show" id="home-collapse">
          <ul class="btn-toggle-nav list-unstyled fw-normal pb-1 small">
            <li><a href="{{ route('slider', 'inicio') }}" class="link-dark d-inline-flex text-decoration-none rounded">Indice</a></li>
            <!--<li><a href="{{ route('nuevoslider', 'inicio') }}" class="link-dark d-inline-flex text-decoration-none rounded">Agregar slider</a></li>-->
            <li><a href="{{ route('editarInicio') }}" class="link-dark d-inline-flex text-decoration-none rounded">Editar textos</a></li>
          </ul>
        </div>
      </li>

      <li class="mb-1">
          <a class="link-dark btn d-inline-flex align-items-center rounded border-0" href="{{ route('editarEmpresa') }}">Empresa</a>
          <!--<button class="btn btn-toggle d-inline-flex align-items-center rounded border-0 collapsed" data-bs-toggle="collapse" data-bs-target="#empresa-collapse" aria-expanded="false">
              Empresa
          </button>-->
        <!--<div class="collapse" id="empresa-collapse">
          <ul class="btn-toggle-nav list-unstyled fw-normal pb-1 small">
              <li class="nav-item">
                  <a class="link-dark rounded btn btn-toggle d-inline-flex align-items-center rounded border-0 collapsed" href="{{ route('editarEmpresa') }}">Editar textos</a>
              </li>
          </ul>
        </div>-->
      </li>

      <!--<li class="mb-1">
          <button class="btn btn-toggle d-inline-flex align-items-center rounded border-0 collapsed" data-bs-toggle="collapse" data-bs-target="#categorias-collapse" aria-expanded="false">
              Categor&iacute;as
          </button>
        <div class="collapse" id="categorias-collapse">
          <ul class="btn-toggle-nav list-unstyled fw-normal pb-1 small">
            <li><a href="#" class="link-dark rounded">Indice</a></li> <?php /* route('indexCategorias') */  ?>
            <li><a href="#" class="link-dark rounded">Crear</a></li> <?php /* route('crearCategoria') */ ?>
          </ul>
        </div>
      </li>-->

      <li class="mb-1">
          <button class="btn btn-toggle d-inline-flex align-items-center rounded border-0 collapsed" data-bs-toggle="collapse" data-bs-target="#productos-collapse" aria-expanded="false">
              Productos
          </button>
        <div class="collapse" id="productos-collapse">
          <ul class="btn-toggle-nav list-unstyled fw-normal pb-1 small">
              <li><a href="<?= route('indexCategorias', 'productos') ?>" class="link-dark rounded">Categor&iacute;as</a></li>
              <li><a href="<?= route('indexProductos') ?>" class="link-dark rounded">Productos</a></li>
              
            <!--<li><a href="<?= route('indexProductos') ?>" class="link-dark rounded">Indice</a></li>
            <li><a href="<?= route('crearProducto') ?>" class="link-dark rounded">Agregar</a></li>-->
          </ul>
        </div>
      </li>

       <li class="mb-1">
          <button class="btn btn-toggle d-inline-flex align-items-center rounded border-0 collapsed" data-bs-toggle="collapse" data-bs-target="#novedades-collapse" aria-expanded="false">
              Novedades
          </button>
        <div class="collapse" id="novedades-collapse">
          <ul class="btn-toggle-nav list-unstyled fw-normal pb-1 small">
            <!--<li><a href="#" class="link-dark rounded">Indice</a></li>
            <li><a href="#" class="link-dark rounded">Crear</a></li>-->
            <li><a href="<?= route('indexCategorias', 'novedades') ?>" class="link-dark rounded">Categor&iacute;as</a></li>
            <li><a href="<?= route('indexNovedades') ?>" class="link-dark rounded">Novedades</a></li>
            
          </ul>
        </div>
      </li>
      
      <li class="mb-1">
          <a class="link-dark btn d-inline-flex align-items-center rounded border-0" href="{{ route('editarCalidad') }}">Calidad</a>
          <!--<button class="btn btn-toggle d-inline-flex align-items-center rounded border-0 collapsed" data-bs-toggle="collapse" data-bs-target="#calidad-collapse" aria-expanded="false">
              Calidad
          </button>
        <div class="collapse" id="calidad-collapse">
          <ul class="btn-toggle-nav list-unstyled fw-normal pb-1 small">
              <li class="nav-item">
                  <a class="link-dark rounded" href="{{ route('editarCalidad') }}">Editar textos</a>
              </li>
          </ul>
        </div>-->
      </li>

      <li class="mb-1">
          <a class="btn d-inline-flex align-items-center rounded border-0 link-dark" href="{{ route('viasdecontacto') }}">Contacto</a>
          <!--<button class="btn btn-toggle d-inline-flex align-items-center rounded border-0 collapsed" data-bs-toggle="collapse" data-bs-target="#contacto-collapse" aria-expanded="false">
              Contacto
          </button>
          <div class="collapse" id="contacto-collapse">
              <ul class="btn-toggle-nav list-unstyled fw-normal pb-1 small">
                  <li class="nav-item">
                      <a class="link-dark rounded" href="{{ route('viasdecontacto') }}">Editar</a>
                  </li>
              </ul>
          </div>-->
      </li>
      
      <li class="mb-1">
          <a class="link-dark btn d-inline-flex align-items-center rounded border-0" href="{{ route('indexDistribuidores') }}">Distribuidores</a>
        <!--<button class="btn btn-toggle d-inline-flex align-items-center rounded border-0 collapsed" data-bs-toggle="collapse" data-bs-target="#redes-collapse" aria-expanded="false">
              Redes
          </button>
        <div class="collapse " id="redes-collapse">
          <ul class="btn-toggle-nav list-unstyled fw-normal pb-1 small">
              <li class="nav-item">
                  <a class="link-dark rounded" href="{{ route('editarRedes') }}">Editar</a>
              </li>
          </ul>
        </div>-->
      </li>

      <li class="border-top my-3"></li>

      <li class="mb-1">
          <a class="link-dark btn d-inline-flex align-items-center rounded border-0" href="{{ route('editarRedes') }}">Redes</a>
        <!--<button class="btn btn-toggle d-inline-flex align-items-center rounded border-0 collapsed" data-bs-toggle="collapse" data-bs-target="#redes-collapse" aria-expanded="false">
              Redes
          </button>
        <div class="collapse " id="redes-collapse">
          <ul class="btn-toggle-nav list-unstyled fw-normal pb-1 small">
              <li class="nav-item">
                  <a class="link-dark rounded" href="{{ route('editarRedes') }}">Editar</a>
              </li>
          </ul>
        </div>-->
      </li>

      <li class="mb-1">
        <button class="btn btn-toggle d-inline-flex align-items-center rounded border-0 collapsed" data-bs-toggle="collapse" data-bs-target="#usuarios-collapse" aria-expanded="false">
              Usuarios
          </button>
        <div class="collapse" id="usuarios-collapse">
          <ul class="btn-toggle-nav list-unstyled fw-normal pb-1 small">
              <li class="nav-item">
                  <!--<a class="nav-link" href="{{ route('register') }}">{{ __('Register') }}</a>-->
                  <a class="link-dark rounded" href="{{ route('indexUsuarios') }}">Indice</a>
              </li>
              <li class="nav-item">
                  <!--<a class="nav-link" href="{{ route('register') }}">{{ __('Register') }}</a>-->
                  <a class="link-dark rounded" href="{{ route('register') }}">Agregar</a>
              </li>
            <!--<li><a href="#" class="link-dark rounded">New...</a></li>
            <li><a href="#" class="link-dark rounded">Profile</a></li>
            <li><a href="#" class="link-dark rounded">Settings</a></li>
            <li><a href="#" class="link-dark rounded">Sign out</a></li>-->
          </ul>
        </div>
      </li>

    </ul>
  </div>
        </div>
        <div class="col-9">
            @yield('form')
        </div>
    </div>
</div>




@endsection
