@extends('app')

@section('content')

<div class="guide-wrap">

  <h1>{!! __t('Guida') !!}</h1>

  <div class="row">

    <div class="col col-lg-4 col-sm-12 mb-sm-3 guide-index">
      <div class="card">
        <h3 class="card-header border-bottom-0">
            {{ __t('Indice') }}
        </h3>
        <ul class="list-group list-group-flush" id="pills-tab" role="tablist">
            <li class="list-group-item active" id="pills-layout-tab" data-bs-toggle="pill" data-id="layout" data-bs-target="#pills-layout" role="tab" aria-controls="pills-layout" aria-selected="true">
                <i class="fa-solid fa-table-columns"></i>{{ __t('Layout e Navigazione') }}
            </li>
            <li class="list-group-item" id="pills-catalog-tab" data-bs-toggle="pill" data-id="catalog" data-bs-target="#pills-catalog" role="tab" aria-controls="pills-catalog" aria-selected="false">
                <i class="fa-solid fa-shop"></i>{{ __t('Catalogo') }}
            </li>
            <li class="list-group-item" id="pills-products-tab" data-bs-toggle="pill" data-id="products" data-bs-target="#pills-products" role="tab" aria-controls="pills-products" aria-selected="false">
              <i class="fa-solid fa-box"></i>{{ __t('Prodotti') }}
            </li>
            <li class="list-group-item" id="pills-cart-tab" data-bs-toggle="pill" data-id="cart" data-bs-target="#pills-cart" role="tab" aria-controls="pills-cart" aria-selected="false">
              <i class="fa-solid fa-cart-shopping"></i>{{ __t('Carrello') }}
            </li>
            @if(is_agent())
            <li class="list-group-item" id="pills-cart-list-tab" data-bs-toggle="pill" data-id="cart-list" data-bs-target="#pills-cart-list" role="tab" aria-controls="pills-cart-list" aria-selected="false">
              <i class="fa-solid fa-cart-plus"></i>{{ __t('Lista Carrelli') }}
            </li>
            @endif
            <li class="list-group-item" id="pills-orders-tab" data-bs-toggle="pill" data-id="orders" data-bs-target="#pills-orders" role="tab" aria-controls="pills-orders" aria-selected="false">
              <i class="fa-solid fa-clipboard-list"></i>{{ __t('Ordini') }}
            </li>
            @if(is_customer())
            <li class="list-group-item" id="pills-customers-tab" data-bs-toggle="pill" data-id="customers" data-bs-target="#pills-customers" role="tab" aria-controls="pills-customers" aria-selected="false">
              <i class="fa-solid fa-address-card"></i>{{ __t('Scheda anagrafica') }}
            </li>
            @endif
            @if(is_agent())
            <li class="list-group-item" id="pills-customers-tab" data-bs-toggle="pill" data-id="customers" data-bs-target="#pills-customers" role="tab" aria-controls="pills-customers" aria-selected="false">
              <i class="fa-solid fa-users"></i>{{ __t('Clienti') }}
            </li>
            @endif
            <li class="list-group-item" id="pills-process-order-tab" data-bs-toggle="pill" data-id="process-order" data-bs-target="#pills-process-order" role="tab" aria-controls="pills-process-order" aria-selected="false">
              <i class="fa-solid fa-square-up-right"></i>{{ __t('Effettuare ordine') }}
            </li>
            @if(is_customer() && call_setting('app.modules.customers.change'))
            <li class="list-group-item" id="pills-change-return-tab" data-bs-toggle="pill" data-id="change-return" data-bs-target="#pills-change-return" role="tab" aria-controls="pills-change-return" aria-selected="false">
              <i class="fa-solid fa-cart-arrow-down"></i>{{ __t('Cambi e Resi') }}
            </li>
            @endif
        </ul>

      </div>
    </div>

    <div class="col col-lg-8 col-sm-12 guide-content">

      <div class="tab-content" id="pills-tabContent">

        @get_template_part('page.guide.parts.layout', null, ['index' => 0, 'section' => 'layout'])

        @get_template_part('page.guide.parts.catalog', null, ['index' => 1, 'section' => 'catalog'])

        @get_template_part('page.guide.parts.products', null, ['index' => 2, 'section' => 'products'])

        @get_template_part('page.guide.parts.cart', null, ['index' => 3, 'section' => 'cart'])

        @if(is_agent())
        @get_template_part('page.guide.parts.cart-list', null, ['index' => 4, 'section' => 'cart-list'])
        @endif

        @get_template_part('page.guide.parts.orders', null, ['index' => 5, 'section' => 'orders'])

        @if(is_customer())
        @get_template_part('page.guide.parts.customer', null, ['index' => 6, 'section' => 'customers'])
        @endif

        @if(is_agent())
        @get_template_part('page.guide.parts.customers', null, ['index' => 6, 'section' => 'customers'])
        @endif

        @get_template_part('page.guide.parts.process-order', null, ['index' => 7, 'section' => 'process-order'])

        @get_template_part('page.guide.parts.change-return', null, ['index' => 8, 'section' => 'change-return'])

      </div>





    </div>

  </div>

</div>

@endsection