@extends('layouts.app')

@section('title', 'Consultor')

@section('content')
    <div class="page home">
        <div class="container">
            <div class="row">
                <div class="col-md-12 mb-5">
                    <a class="badge badge-secondary bgcolorOrange"
                        href="{{ route('users.shops.index', [Auth::user()->id]) }}">
                        <i class="fa fa-arrow-left"></i> Regresar
                    </a>
                </div>
                <div class="col-md-1"></div>
                <div class="col-md-1"></div>
                <div class="col-md-12">
                    <div class="login-wrapper">
                        <h1 class="title-orange">
                            <span>LISTA DE MIEMBROS</span> <br>
                            {{ strtoupper($shop->name) . ' [' . strtoupper($shop->zone->name) . ']' }}
                        </h1> <br> <br>
                        <form class="form-inline" action="{{ route('shops.members.index', [$shop->id]) }}" method="get">
                            <div class="row">
                                <div class="col">
                                    <input text="text" class="form-control" id="search" name="search"
                                        placeholder="Nombre o documento" value="{{ request()->search }}">
                                </div>
                                @if (app('request')->query->count(['parameters']))
                                    <div class="col">
                                        <a href="{{ url()->current() }}" title="eliminar filtros" class="btn btn-secondary">
                                            <i class="fa fa-trash"></i>
                                        </a>
                                    </div>
                                @endif
                                <div class="col">
                                    <button type="submit" class="btn btn-secondary bgcolorPink"><i
                                            class="fa fa-search"></i></button>
                                </div>
                                <div class="col">
                                    <a href="{{ route('shops.members.create', [$shop->id]) }}"
                                        class="btn btn-secondary bgcolorOrange">
                                        <i class="fa fa-plus"></i>
                                    </a>
                                </div>
                            </div>
                        </form>
                        <br>
                        <div class="table-responsive">
                            <table class="table-orange table">
                                <thead>
                                    <tr class="text-center">
                                        <th>Documento</th>
                                        <th>Nombre</th>
                                        <th>Apellido</th>
                                        <th>Cargo</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse($members as $member)
                                        <tr class="text-center">
                                            <td>{{ strtoupper($member->identification ?? '_') }}</td>
                                            <td>{{ strtoupper($member->name) }}</td>
                                            <td>{{ strtoupper($member->surname ?? '-') }}</td>
                                            <td>{{ strtoupper($member->type) }}</td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="4" class="mt-2 text-center">
                                                <h4>Sin resultados...</h4>
                                            </td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <!-- Modal -->
    <div class="modal fade" id="member_delete" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle"
        aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="title-delete"></h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    ¿Está realmente seguro?
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Salir</button>
                    <form method="post" action="{{ url('consultants/shops/member-delete') }}">
                        @csrf
                        <input type="hidden" name="shop_id" id="shop_id">
                        <input type="hidden" name="member_id" id="member_id">
                        <button type="submit" class="btn btn-danger">Eliminar</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('scripts')
    <script type="text/javascript">
        function deleteMember(shop, member) {
            $("#shop_id").val(shop);
            $("#member_id").val(member);

            $("#member_delete").modal('show');
        }

        @if (session('status'))
            swal.fire({
                title: '¡Todo ha salido correctamente.!',
                text: '{{ session('status') }}',
                icon: 'success',
                confirmButtonText: 'Continuar'
            })
        @endif
    </script>
@stop