@extends(layoutTenant())

@section('content')
    <div class="row">
        <div class="col-12">
            <div class="page-title-box">
                <h4 class="page-title float-left">Usuários Vinculados aos Setor</h4>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
    <div class="row" style="margin-top: -20px;  min-height: 80px; position: relative; ">
        <div style="position: absolute;  padding: 20px;  border-radius: 12px;  ">
            <div class="float-left">
                <a href="{{ routeTenant('setor.vincular') }}" class="btn btn-success botao-adicionar"><i class=""></i>
                    Vincular Usuário </a>
            </div>
        </div>
    </div>

    @if ($errors->any())
        <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    @if (session('success'))
        <div class="alert alert-success">
            {{ session('success') }}
        </div>
    @endif

    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
        <div class="card">
            <h5 class="card-header">Filtros</h5>
            <div class="card-body p-0">
                <form action="{{ routeTenant('vinculo.buscar') }}" method="GET" class="form form-inline">
                    <div class="row" style="margin-top: 20px; margin-left: 10px;">
                        <div class="col-xl-3 col-lg-6 col-md-6 col-sm-6 col-6">
                            <div class="form-group">
                                <label for="usuario">Usuários:</label>
                                <select style="width: 90%" name="usuario" class="custom-select">
                                    <option value="">Selecione</option>
                                    @foreach ($usuarios as $usuario)
                                        <option @if (isset($dataform['usuario']) && $dataform['usuario'] == $usuario->id) selected @endif value="{{ $usuario->id }}">{{ $usuario->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="col-xl-4 col-lg-6 col-md-6 col-sm-6 col-6">
                            <div class="form-group">
                                <label for="setor">Setores:</label>
                                <select style="width: 90%" name="setor" class="custom-select">
                                    <option value="">Selecione</option>
                                    @foreach ($setores as $setor)
                                        <option @if (isset($dataform['setor']) && $dataform['setor'] == $setor->id) selected @endif value="{{ $setor->id }}">{{ $setor->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="col-xl-3 col-lg-6 col-md-6 col-sm-6 col-6">
                            <div class="form-group">
                                <label for="pagina">Resultados por página:</label>
                                <select style="width: 65%" name="pagina" class="custom-select">
                                    <option @if (isset($dataform['pagina']) && $dataform['pagina'] == '10') selected @endif value="10">10</option>
                                    <option @if (isset($dataform['pagina']) && $dataform['pagina'] == '25') selected @endif value="25">25</option>
                                    <option @if (isset($dataform['pagina']) && $dataform['pagina'] == '50') selected @endif value="50">50</option>
                                    <option @if (isset($dataform['pagina']) && $dataform['pagina'] == '100') selected @endif value="100">100</option>
                                    <option @if (isset($dataform['pagina']) && $dataform['pagina'] == '200') selected @endif value="200">200</option>
                                </select>
                            </div>
                        </div>

                        <div class="col-xl-2 col-lg-6 col-md-6 col-sm-6 col-6" style="margin-top: 20px; margin-bottom: 20px;">
                            <div class="form-group">
                                <button type="submit" class="btn btn-primary btn-outline-success my-2 my-sm-0">Pesquisar</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <!-- recent orders  -->
    <!-- ============================================================== -->
    <div class="col-xl-12 col-lg-12 col-md-6 col-sm-12 col-12">
        <div class="card">
            <h5 class="card-header">Usuários Vinculados ao Setor</h5>
            <div class="card-body p-0">
                <div class="table-responsive">
                    <table class="table">
                        <thead class="bg-light">
                            <tr class="border-0">
                                <th class="border-0">Usuário</th>
                                <th class="border-0">Órgão</th>
                                <th class="border-0">Data início</th>
                                <th class="border-0">Data fim</th>
                                <th class="border-0">Funções</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($categories as $category)
                                <tr>
                                    <td>
                                        <div class="m-r-10">
                                            @if ($user = App\UserAccount::find($category->user_account_id))
                                                {{ $user->name }}@if ($user->status == 0) <span style="color:red">(desabilitado)</span>@endif
                                            @else
                                                Usuário Inexistente
                                            @endif
                                        </div>
                                    </td>
                                    <td>
                                        <div class="m-r-10">
                                            @if ($setor = App\Setor::find($category->setor_id))
                                                {{ $setor->name }}@if ($setor->status == 0)
                                                    <span style="color:red">(desabilitado)</span>
                                                @endif
                                            @else
                                                Setor Inexistente
                                            @endif
                                        </div>
                                    </td>
                                    <td>
                                        <div class="m-r-10">
                                            @php $createdAt = \Carbon\Carbon::parse($category->entrada)->format('d-m-Y'); @endphp
                                            @if ($createdAt != '10-10-2001')
                                                {{ $createdAt }}
                                            @endif
                                        </div>
                                    </td>
                                    <td>
                                        <div class="m-r-10">
                                            @php $createdAt = \Carbon\Carbon::parse($category->saida)->format('d-m-Y'); @endphp
                                            @if ($createdAt != '10-10-2001')
                                                {{ $createdAt }}
                                            @endif
                                        </div>
                                    </td>
                                    <td>
                                        @if ($category->status == 1 && ($setor = App\Setor::find($category->setor_id)) && $setor->status == 1 && $user->status == 1)
                                            <a href="{{ routeTenant('vinculo.delete', ['setor' => $category->setor_id, 'user' => $category->user_account_id]) }}"
                                                title="Desvincular Usuário" data-confirm='Tem certeza de que deseja Desativar o item selecionado?'
                                                class="btn btn-danger delete-btn">
                                                <i class="fa fa-trash" aria-hidden="true"></i>
                                            </a>
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>

                    <div style="padding: 20px; font-size: 15px;"> Exibindo <strong>{{ $categories->currentPage() }}</strong> até
                        <strong>{{ $categories->perPage() }}</strong> de <strong>{{ $categories->count() }}</strong> linhas -
                        <strong>{{ $categories->perPage() }}</strong> registros por página</div>
                    <div style="padding-left: 20px; font-size: 15px;">
                        @if (isset($dataform))
                            {!! $categories->appends($dataform)->links('pagination::bootstrap-4') !!}
                        @else
                            {!! $categories->links('pagination::bootstrap-4') !!}
                        @endif
                    </div>
                </div>
            </div>
        </div>
        <!-- ============================================================== -->
        <!-- end recent orders  -->
    </div>
@endsection

@section('post-script')
    <script>
        $(document).ready(function () {
            $('body').on('click', '.delete-btn', function (ev) {
                ev.preventDefault();
                var href = $(this).attr('href');
                if (!$('#confirm-delete').length) {
                    $('body').append('<div class="modal fade" id="confirm-delete" tabindex="-1" role="dialog" ' +
                        'aria-labelledby="exampleModalLabel" aria-hidden="true"><div class="modal-dialog">' +
                        '<div class="modal-content"><div class="modal-header bg-danger text-white">Desvincular Usuário' +
                        '<button type="button" class="close" data-dismiss="modal" aria-label="Close">' +
                        '<span aria-hidden="true">&times;</span></button></div><div class="modal-body">' +
                        'Tem certeza de que deseja Desvincular Usuário?</div><div class="modal-footer">' +
                        '<button type="button" class="btn btn-success" data-dismiss="modal">Cancelar' +
                        '</button><a class="btn btn-danger text-white" id="dataComfirmOK">Desvincular</a></div></div></div></div>');
                }
                $('#dataComfirmOK').attr('href', href);
                $('#confirm-delete').modal({
                    show: true
                });
            });
        });
    </script>
@endsection