@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 table-orange">
                            <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="text-center mt-2"><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