@extends('layouts.seller')
@section('css')
@endsection
@section('content')
<div class="page-header text-uppercase">
   <ul class="list-unstyled space-list m-0">
      <li>
         <p>{{ __('kasse_accounts.title')}}</p>
      </li>
      <li>
         <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
               <li class="breadcrumb-item"><a href="{!! route('seller.dashboard', getStoreSlug()) !!}">{!! __('common.home') !!}</a></li>
               <li class="breadcrumb-item active" aria-current="page">{!! __('kasse_accounts.title') !!}</li>
            </ol>
         </nav>
      </li>
   </ul>
</div>
<div class="admin-area-col">
   <div class="row employee-list-view">
      <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 employee-list-full">
         <div class="round-white-bg box-shadow">
            @if($s != "")
                  <div class="alert text-left alert-{!! ($s == 0) ? 'danger' : 'success' !!}" role="alert">
                     {{ $msg }}
                  </div>
            @endif
                        @include('layouts.partials.messages')

            @if(isNorway())
               <ul class="nav nav-tabs" id="myTab" role="tablist">
                  <li class="nav-item">
                     <a class="nav-link @if(!$customerTab) active @endif"  data-toggle="tab"  data-bs-target='#kasse-account' href="#kasse-account" role="tab" aria-controls="kasse-account" aria-selected="true">{!! __('kasse_accounts.kasse_account') !!}</a>
                  </li>
                  <li class="nav-item">
                     <a class="nav-link @if($customerTab) active @endif"  data-toggle="tab" data-bs-target='#customer-ids' href="#customer-ids" role="tab" aria-controls="customer-ids" aria-selected="true">{!! __('kasse_accounts.customer_ids') !!}</a>
                  </li>
               </ul>
            @endif
            <div class="tab-content mt-3" id="myTabContent">
               <div class="tab-pane fade @if(!$customerTab) show active @endif " id="kasse-account" role="tabpanel" aria-labelledby="kasse-acount-tab">
                  <div class="d-block text-right">
                     <div>
                        @if(isNorway())
                           <a href="{{ route('kasse-accounts.tripltex-sync') }}" class="btn btn-success">{{ __('kasse_accounts.tripletex_sync')}}</a>
                        @endif
                        <a href="{{ route('kasse-accounts.create') }}" class="btn btn-primary width80">{{ __('common.add-btn')}}</a>
                     </div>
                  </div>
                  <div class="table-responsive">
                     <table id="dTable" data-url="{{route('kasse-accounts.paginate')}}" class="striped-table w-100 custom-datatable font13">
                        <thead>
                           <tr>
                              <th class="font-medium font13 no-sort">{{ __('common.sr-no') }}</th>
                              <th class="font-medium font13">{{ __('kasse_accounts.name') }}</th>
                              <th class="font-medium font13">{{ __('kasse_accounts.account_type') }}</th>
                              <th class="font-medium font13 no-sort">{{ __('common.action') }}</th>
                           </tr>
                        </thead>
                        <tbody class="text-muted font-medium">
                        </tbody>
                     </table>
                  </div>
               </div>
               @if(isNorway())
                  <div class="tab-pane fade  @if($customerTab) show active @endif " id="customer-ids" role="tabpanel" aria-labelledby="customer-ids-tab">
                     <div class="d-block text-right">
                        <div>
                           <a href="{{ route('tripletex-customer-ids.tripltex-sync') }}" class="btn btn-success">{{ __('kasse_accounts.tripletex_sync')}}</a>
                        </div>
                     </div>
                     <div class="table-responsive">
                        <table id="dTable2" data-url="{{route('tripletex-customer-ids.paginate')}}" class="striped-table w-100 custom-datatable font13">
                           <thead>
                           <tr>
                              <th class="font-medium font13 no-sort">{{ __('common.sr-no') }}</th>
                              <th class="font-medium font13">{{ __('kasse_accounts.name') }}</th>
                              <th class="font-medium font13">{{ __('kasse_accounts.tripletex_account_id') }}</th>
                              <th class="font-medium font13">{{ __('kasse_accounts.organization_number') }}</th>
                              <th class="font-medium font13">{{ __('kasse_accounts.customer_number') }}</th>
                              <th class="font-medium font13">{{ __('kasse_accounts.status') }}</th>
                              <th class="font-medium font13 no-sort">{{ __('common.action') }}</th>
                           </tr>
                           </thead>
                           <tbody class="text-muted font-medium">
                           </tbody>
                        </table>
                     </div>
                  </div>$tripleTaxId
               @endif
            </div>
         </div>
      </div>
   </div>
</div>
@endsection