@extends('layouts.adminpages')

@section('content')
<div class="content row">
    <div class="col-md-12 row mt-2">
      <div class="col-md-6 mb-2 text-left">
        <button type="button" class="btn btn-success" onclick="window.location='{{route('dashboard.shop.member-create', $shop->id)}}'">
            Crear
        </button>
    </div>
    <div class="col-md-6 mb-2 text-right">
        <button type="button" class="btn btn-success" onclick="window.location='{{ url('dashboard/list/shops') }}'">Volver</button>
    </div>
</div>
<div class="col-md-12">
    <div class="title-page">
      Miembros dentro de la Tienda - <b>{{$shop->name}}</b>
  </div>
</div>
<div class="col-md-12 text-center">
    <div class="table-responsive">
      <table class="table">
        <thead>
          <tr>
            <th>Nombres</th>
            <th>Tipo de Documento</th>
            <th>Documento</th>
            <th>Teléfono</th>
            <th>Correo</th>
            <th>Acciones</th>
        </tr>
    </thead>
    <tbody>
      @forelse ($members as $member)
      <tr>
        <td>{{ucwords($member->name).' '.ucwords($member->surname)}}</td>
        <td>{{ucwords($member->document_type->name)}}</td>
        <td>{{$member->document}}</td>
        <td>{{$member->phone}}</td>
        <td>{{strtolower($member->email)}}</td>
        <td>
          <a href="{{ route('dashboard.shop.member-edit', [$shop->id, $member->id]) }}" class="btn btn-sm btn-success">
            <i class="fa fa-edit"></i></a>
        </td>
    </tr>
    @empty
    <tr>
      <td colspan="6" class="text-center">No existen tiendas asignadas para este consultor.</td>
  </tr>
  @endforelse
</tbody>
</table>
</div>
</div>
<div class="col-md-12 d-flex justify-content-center">
  {{$members->links()}}
</div>
<div class="col-md-12">
  <div class="footer-page"></div>
</div>
</div>
@endsection