@extends('layout.app')

@section('left-menu')
    @parent
    <ul>
        <a href="/strazacy/add"><li>Dodaj<img src="img/left_menu_icon/add.png"></li></a>
        <li>Wyklucz<img src="img/left_menu_icon/delete.png"></li>
        <li>Zawieś<img src="img/left_menu_icon/suspended.png"></li>
        <li>Więcej<img src="img/left_menu_icon/more.png"></li>
    </ul>
@stop

<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>

    <script type="text/javascript">
        {{--$(document).ready(function () {--}}
        {{--    $('.editbtn').click(function () {--}}
        {{--        var currentTD = $(this).parents('tr').find('td');--}}
        {{--        if ($(this).html() == 'Edytuj') {--}}
        {{--            $.each(currentTD, function () {--}}
        {{--                getElementById("userName{{ $user->id }}".prop('contenteditable', true);--}}
        {{--            });--}}
        {{--        } else {--}}
        {{--            $.each(currentTD, function () {--}}
        {{--                $(this).prop('contenteditable', false)--}}
        {{--            });--}}
        {{--        }--}}

        {{--        $(this).html($(this).html() == 'Edytuj' ? 'Zapisz' : 'Edytuj')--}}

        {{--    });--}}

        {{--});--}}

        function editUser(id){

            document.getElementById("userName"+id).contentEditable = "true";
            document.getElementById("userSurname"+id).contentEditable = "true";
            document.getElementById("userPESEL"+id).contentEditable = "true";
            document.getElementById("userFunction"+id).contentEditable = "true";
            document.getElementById("userDegree"+id).contentEditable = "true";

            document.getElementById("userName"+id).style.backgroundColor = "#e6e6e6";
            document.getElementById("userSurname"+id).style.backgroundColor = "#e6e6e6";
            document.getElementById("userPESEL"+id).style.backgroundColor = "#e6e6e6";
            document.getElementById("userFunction"+id).style.backgroundColor = "#e6e6e6";
            document.getElementById("userDegree"+id).style.backgroundColor = "#e6e6e6";
        }
    </script>

    <script type="text/javascript">
        function test(id){
            document.getElementById("editForm"+id).style.display="block";
        }
    </script>
</head>




@section('center-area')
    @parent
    @if( auth()->check())
        @if( auth()->user()->fireStationID == NULL)
            Jednostka nie istnieje
        @else

            <table class='table'>
                <thead>
                    <tr>
                        <th>#</th>
                        <th>Imie</th>
                        <th>Nazwisko</th>
                        <th>PESEL</th>
                        <th>E-mail</th>
                        <th>Funkcja</th>
                        <th>Stopień</th>
                        <th>Status</th>
                        <th>Operacje</th>
                    </tr>
                </thead>

                <tbody>
                    @php
                        $i = 1;
                    @endphp
                    @foreach($users as $user)
                        <tr>
                            <th>{{$i}}</th>
                            <td id="userName{{ $user->id }}">{{ $user->name }}</td>
                            <td id="userSurname{{ $user->id }}">{{ $user->surname }}</td>
                            <td id="userPESEL{{ $user->id }}">{{ $user->PESEL }}</td>
                            <td id="userEmail{{ $user->id }}">{{ $user->email }}</td>
                            <td id="userFunction{{ $user->id }}">  {{$user->unitFunction}} </td>
                            <td id="userDegree{{ $user->id }}"> {{$user->rank}}</td>
                            <td id="userStatus{{ $user->id }}">@if( $user->statusID == 0) Czynny @else Wyłączony @endif</td>
                            <td>
                                <a href="{{ URL::asset('strazacy/edit/'.$user->id) }}" class="btn btn-secondary" role="button">Edytuj</a>
                                <a href="{{ URL::asset('strazacy/odznaczenia/'.$user->id) }}" class="btn btn-success" role="button">Odznaczenia</a>
                            </td>
                        </tr>
                        {{--                    <tr>--}}
                        {{--                        <form id="editForm{{$user->id}}" method="POST" action="/strazacy">--}}
                        {{--                            {{ csrf_field() }}--}}
                        {{--                            <div class="form-group">--}}
                        {{--                                <label for="name">Imię:</label>--}}
                        {{--                                <input type="text" class="form-control" id="name" name="name" value="{{ old('name') }} ">--}}
                        {{--                            </div>--}}
                        {{--                        </form>--}}
                        {{--                    </tr>--}}
                        @php
                            $i++;
                        @endphp
                    @endforeach
                </tbody>
            </table>
            {{ $users->links() }}
        @endif
     @else
        Brak autoryzacji
     @endif


@stop