@extends('layouts.dashboard')

@section('dashboard')
    @if (session('message'))
        <div class="alert alert-success mb-3">
            {{ session('message') }}
        </div>
    @endif
    <ul class="breadcrumb m-0 p-0">
        <li><a href="/dashboard">Home</a></li>
        <li><strong>Configuración</strong></li>
    </ul>
    <h1 class="titulo-h1 mb-4">Configuración</h1>

    <ul class="nav nav-tabs text-center border-bottom" id="tab-principal" role="tablist">
        <li class="nav-item">
            <a class="nav-link border-white active show" id="info-punto-de-venta-tab" data-toggle="tab"
                href="#info-punto-de-venta" role="tab" aria-controls="info-punto-de-venta" aria-selected="true">Puntos
                de Ventas</a>
        </li>
        <li class="nav-item">
            <a class="nav-link border-white" id="info-cotizaciones-tab" data-toggle="tab" href="#info-cotizaciones"
                role="tab" aria-controls="info-cotizaciones" aria-selected="false">Cotizaciones</a>
        </li>
        <li class="nav-item">
            <a class="nav-link border-white" id="info-datos-empresas-tab" data-toggle="tab" href="#info-datos-empresas"
                role="tab" aria-controls="info-datos-empresas" aria-selected="false">Datos Empresas</a>
        </li>
        <li class="nav-item">
            <a class="nav-link border-white" id="info-pedidos-tab" data-toggle="tab" href="#info-pedidos" role="tab"
                aria-controls="info-pedidos" aria-selected="false">Pedidos</a>
        </li>
        <li class="nav-item">
            <a class="nav-link border-white" id="info-otros-documentos-tab" data-toggle="tab" href="#info-otros-documentos"
                role="tab" aria-controls="info-otros-documentos" aria-selected="false">Otros Documentos</a>
        </li>
        <li class="nav-item">
            <a class="nav-link border-white" id="info-inventario-tab" data-toggle="tab" href="#info-inventario"
                role="tab" aria-controls="info-inventario" aria-selected="false">Inventario</a>
        </li>
        <li class="nav-item">
            <a class="nav-link border-white" id="info-productos-tab" data-toggle="tab" href="#info-productos" role="tab"
                aria-controls="info-productos" aria-selected="false">Productos</a>
        </li>
        <li class="nav-item">
            <a class="nav-link border-white" id="info-dte-tab" data-toggle="tab" href="#info-dte" role="tab"
                aria-controls="info-dte" aria-selected="false">DTE</a>
        </li>
    </ul>
    <div class="tab-content form-registro" id="content-principal">
        <div class="tab-pane fade active show" id="info-punto-de-venta" role="tabpanel"
            aria-labelledby="info-punto-de-venta-tab">
            @include('dashboard.opciones.configuracion.punto-de-venta')
        </div>
        <div class="tab-pane fade" id="info-cotizaciones" role="tabpanel" aria-labelledby="info-cotizaciones-tab">
        </div>
        <div class="tab-pane fade" id="info-datos-empresas" role="tabpanel" aria-labelledby="info-datos-empresas-tab">
        </div>
        <div class="tab-pane fade" id="info-pedidos" role="tabpanel" aria-labelledby="info-pedidos-tab">
        </div>
        <div class="tab-pane fade" id="info-otros-documentos" role="tabpanel" aria-labelledby="info-otros-documentos-tab">
        </div>
        <div class="tab-pane fade" id="info-inventario" role="tabpanel" aria-labelledby="info-inventario-tab">
        </div>
        <div class="tab-pane fade" id="info-productos" role="tabpanel" aria-labelledby="info-productos-tab">
            @include('dashboard.opciones.configuracion.productos')
        </div>
        <div class="tab-pane fade" id="info-dte" role="tabpanel" aria-labelledby="info-dte-tab">
        </div>
    </div>
@endsection