@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">
    <div class="img-wrapper admin">
      <img src="{{ asset('img/icons/arrow-left.svg') }}" alt="" />
    </div>
  </div>
  <div class="col-md-6">
    <h4 class="storeName">{{ $shop->name }}</h4>
    <p class="storeAddress">{{ $shop->contact->city }} {{ $shop->contact->address }}, {{ $shop->postal_code }}</p>
  </div>
  <div class="col-md-2 storeBonus text-center">
    <h6>Saldo</h6>
    <h5 class="bonusNum">3466</h5>
  </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">
          <img src="./assets/img/userPicture.svg" alt="" />
        </div>
      </li>
      <li class="list-inline-item">
        <p class="adminName">Luca Bianchi</p>
      </li>
      <li class="list-inline-item">
        <p class="colaborators">COLLABORATORI</p>
      </li>
      <li class="list-inline-item">
        <div class="img-wrapper">
          <img src="./assets/img/userPicture.svg" alt="" />
        </div>
      </li>
      <li class="list-inline-item">
        <p class="colaboratorName">Marco Aranzulla</p>
      </li>
      <li class="list-inline-item">
        <div class="img-wrapper">
          <img src="./assets/img/userPicture.svg" alt="" />
        </div>
      </li>
      <li class="list-inline-item">
        <p class="colaboratorName">Marco Aranzulla</p>
      </li>
    </ul>
  </div>
</div>
@endsection

@push('modals')
<div class="modal fade" id="viewAllStores" tabindex="-1" role="dialog" aria-labelledby="viewAllStores" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-body">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true"><img src="{{ asset('img/icons/closeIcon-text.svg') }}"></span>

        </button>
        <h2 class="modal-title text-center">All shops</h2>
        <div class="row">
          <div class="col-md-12">
            <ul class="list-group list-group-flush"></ul>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
@endpush