@extends('template.default')
@section('text-field')
@stop
@section('content')

    <div>

        <br>

        <div class="row">
            <div class="card-panel col s12 offset-m1 m10 offset-l1 l10 z-depth-2 padding-1">
                <h6 class="font-weight-500">Filtros</h6>

                <br>

                <form>

                    <div class="input-field col s12">
                        <input id="email" name="email" type="text" class="validate"
                               value="{{ $_GET['email'] ?? '' }}">
                        <label for="email">Email</label>
                    </div>

                    <div class="input-field col s6">
                        <input id="name" name="name" type="text" class="validate"
                               value="{{ $_GET['name'] ?? '' }}">
                        <label for="name">Nome</label>
                    </div>

                    <div class="input-field col s6">
                        <input id="telefone" name="telefone" type="text" class="validate"
                               value="{{ $_GET['telefone'] ?? '' }}"
                        >
                        <label for="telefone">Telefone</label>
                    </div>

                    <div class="col s12">
                        <button type="submit" class="waves-effect waves-light btn right">Filtrar</button>
                    </div>

                </form>

            </div>
        </div>

        <div class="row">
            <div class="card-panel col s12 offset-m1 m10 offset-l1 l10 z-depth-2">

                <table class="highlight">
                    <thead>
                    <tr>
                        <th>Senha</th>
                        <th>Nome</th>
                        <th>Email</th>
                        <th>Data de Nascimento</th>
                        <th>Telefone</th>
                        <th>Celular</th>
                    </tr>
                    </thead>
                    <tbody>

                    <form id="formDeletar" method="POST">
                        {{ csrf_field() }}

                        @foreach($datas->data as $key => $data)

                            <tr class="U_mouse-click"
                                onclick="openPasswordManage('{{ $data->id }}', '{{ $data->name }}')">
                                <td>

                                    @if($data->senha)
                                        <i class="material-icons green-text">fiber_manual_record</i>
                                    @endif

                                    @if(!$data->senha)
                                        <i class="material-icons red-text">fiber_manual_record</i>
                                    @endif

                                </td>
                                <td>{{ $data->name }}</td>
                                <td>{{ $data->email }}</td>
                                <td>{{ (($data->data_nascimento) ? \Carbon\Carbon::parse($data->data_nascimento)->format('d/m/Y') : '') }}</td>
                                <td>{{ $data->telefone }}</td>
                                <td>{{ $data->celular }}</td>
                            </tr>

                        @endforeach


                    </form>

                    </tbody>
                </table>

            </div>
        </div>

        @if($datas->last_page > 1)

            <div class="row">
                <div class="col s11">

                    <ul class="pagination right">
                        <li class="disabled"><a href="?page=1"><i
                                        class="mdi-navigation-chevron-left material-icons">chevron_left</i></a>
                        </li>

                        @for($i = 1; $i <= $datas->last_page; $i++)

                            @if($i < ($datas->current_page - 5) )
                                @continue
                            @endif

                            @if($i > ($datas->current_page + 5) )
                                @continue
                            @endif

                            <li class="waves-effect
                @if($datas->current_page == $i)
                                    active
@endif
                                    "><a href="?page={{ $i }}">{{ $i }}</a></li>
                        @endfor

                        <li class="waves-effect"><a href="?page={{ $i }}"><i
                                        class="mdi-navigation-chevron-right material-icons">chevron_right</i></a>
                        </li>
                    </ul>
                </div>
            </div>

        @endif

    </div>


    <div id="modal_password" class="modal" style="width: 500px;">
        <form method="post">
            {{ csrf_field() }}
            <div class="modal-content">
                <h6 class="font-weight-600 grey-text text-darken-2 no-margin">Criar senha para:
                    <span id="nome_municipe" class="black-text"></span>
                </h6>
                <br>

                <input hidden name="user_id" id="user_id">

                <div class="input-field">
                    <input id="password" name="password" type="text" class="validate">
                    <label for="password">Senha</label>
                </div>
            </div>
            <div class="modal-footer">
                <a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat">Cancelar</a>
                <button type="submit" href="#!" class="modal-action waves-effect waves-green btn-flat">Salvar</button>
            </div>
        </form>
    </div>


@endsection
@section('specific-scripts')

    <script>
        $('.titulo_pagina').text('Munícipes');


        function openPasswordManage(id, nome) {

            $('#user_id').val(id);
            $('#nome_municipe').text(nome);
            $('#modal_password').modal('open');

        }

        @if (session('status'))

        Materialize.toast('{{ session('status') }}');

        @endif


    </script>

@stop