@extends('superadmin.layouts.app')

@section('title', 'Utenti')

@section('content')
<div class="row">
  <div class="col-md-12 breadcrumbs">
    <ul class="list-inline">
      <li class="list-inline-item">
        <p class="prevPage">Utenti</p>
      </li>
      <li class="list-inline-item">
        <p class="currentClient">{{ $shop->name }}</p>
      </li>
    </ul>
  </div>
</div>
<div class="row storeInfo">
  <div class="col-md-1 text-center">
    <a class="img-wrapper admin" href="{{ route('superadmin.users.index') }}">
      <img src="{{ asset('img/icons/arrow-left.svg') }}" alt="" />
    </a>
  </div>
  <div class="col-md-5">
    <h4 class="storeName">{{ $shop->name ? $shop->name : 'N/A' }}</h4>
    <p class="storeId">Utenti cod. {{ $user->code }}</p>
    <p class="storeId">Vendita cod. {{ $shop->code ?? 'N/A' }}</p>
    @if ($shop->contact && $shop->contact->address)
    <p class="storeAddress">{{ $shop->contact->city }} {{ $shop->contact->address }}, {{ $shop->contact->postal_code }}</p>
    @else
    <p class="storeAddress">N/A</p>
    @endif
  </div>
  <div class="col-md-2 storeBonus text-center">
    <h6>Saldo</h6>
    <h5 class="bonusNum">{{ intval($user->eurobonus) }}</h5>
  </div>
  <div class="col-md-2   text-center">
    <h3>STATO</h3>
    <h5 class="do-status">{{ $shop->active ? 'ATTIVO'  : 'NON ATTIVO'}}</h5>

  </div>
  <div class="col-md-2">
    <h3 class="text-center">CAMBIA LO STATO IN:</h3>
    @if($shop->active)
    <a class="btn btn-block btn-danger rounded-0" type="button" onclick="event.preventDefault(); document.getElementById('shop-status').value=0; document.getElementById('changeStatus').submit();">
      <span>NON ATTIVO</span>
    </a>
    @else
    <span>Codice:</span>
    <input class="text-center form-control" type="text" id="doCode" placeholder="Inserire codice" value="{{$shop->code}}">
    <br>
    <button class="btn btn-block btn-primary rounded-0" type="button" onclick="event.preventDefault(); 
    document.getElementById('shop-status').value=1; 
    document.getElementById('doShopCode').value=document.getElementById('doCode').value;
    document.getElementById('changeStatus').submit();">
    
      <span>ATTIVO</span>
    </button>
    @endif
    <form id="changeStatus" action="{{ route('superadmin.shops.update',$shop->id) }}" method="POST" class="d-none">
      @csrf
      @method('PUT')
      <input id="shop-status" type="hidden" name="status">
      <input id="doShopCode" type="hidden" name="code" value="{{$shop->code}}">
    </form>
  </div>
  <div class="col-md-12">
    <hr class="mt-5 mb-5" />
    <ul class="list-inline storeEmployees">
      <li class="list-inline-item">
        <p class="userRole">ADMIN</p>
      </li>
      <li class="list-inline-item">
        <div class="img-wrapper">
          @if ($shop->owner->profile_picture)
          <img src="{{ asset('storage/' . $user->profile_picture) }}" class="avatar" />
          @else
          <img src="{{ asset('img/user.svg') }}" alt="" />
          @endif
        </div>
      </li>
      <li class="list-inline-item">
        <p class="adminName">{{ $shop->owner->full_name ?? $shop->owner->username }}</p>
      </li>
      @if ($shop->users->count())
      <li class="list-inline-item">
        <p class="colaborators">COLLABORATORI</p>
      </li>
      @foreach ($shop->users as $user)
      <li class="list-inline-item">
        <div class="img-wrapper">
          @if ($user->profile_picture)
          <img src="{{ asset('storage/' . $user->profile_picture) }}" class="avatar" />
          @else
          <img src="{{ asset('img/user.svg') }}" alt="" />
          @endif
        </div>
      </li>
      <li class="list-inline-item">
        <p class="colaboratorName">{{ $user->full_name ?? $shop->owner->username }}</p>
      </li>
      @endforeach
      @endif
    </ul>
  </div>
</div>
<div class="row storeOrderHistory">
  @if ($shop->orders->count())
  <div class="col-md-3 orderFilter">
    <h5>Anno: {{ $year }}</h5>
    <div class="img-wrapper">
      <div class="dropdown">
        <img src="{{ asset('img/icons/arrow-down.svg') }}" alt="" class="dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" />
        <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
          @foreach (range(date('Y'), $shop->orders->first()->created_at->format('Y')) as $year)
          <a class="dropdown-item" href="{{ route('superadmin.users.shops.show', [$user->id, $shop->id, 'year' => $year]) }}">Anno: {{ $year }}</a>
          @endforeach
        </div>
      </div>
    </div>
  </div>
  @endif
  <div class="col-md-6">
    <h4 class="sectionTitle">Storico Ordini</h4>
  </div>
  <div class="col-md-12">
    @component('components.scroll-pagination', [
    'action' => action('Superadmin\UsersShopsController@show', [$user->id, $shop->id]),
    'last_page' => $orders->lastPage()
    ])
    <div class="row">
      <div class="col-sm-12 clearResponsive">
        <table id="orders" class="table table-hover">
          <thead>
            <tr>
              <th scope="col">Data</th>
              <th scope="col">N° ORDINE</th>
              <th scope="col">RIFERIMENTO CLIENTE</th>
              <th scope="col">TOTALE</th>
              <th scope="col">SPECIAL TOTALE</th>
              <th scope="col" colspan="2">EUROBONUS</th>
            </tr>
          </thead>
          <tbody class="scroll-content"></tbody>
        </table>
      </div>
    </div>
    @endcomponent
  </div>
</div>

@endsection