@extends('layout.app')


<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@9"></script>
<meta name="csrf-token" content="{{ csrf_token() }}">

@section('left-menu')
    @parent
    <ul>
        <a href="/strazacy"><li>Strażacy<img src="/img/left_menu_icon/more.png"></li></a>
    </ul>
@stop

@section('center-area')
    <meta name="csrf-token" content="{{ csrf_token() }}">
    @parent
    @if( auth()->check())
        @if( auth()->user()->fireStationID == NULL)
            Jednostka nie istnieje
        @else
            <p align='center'>
            <form method="POST" action="/szkolenia">
                {{ csrf_field() }}
                <div class="form-group">
                    <label for="name">Nazwa nowego szkolenia/badania:</label>
                    <input type="text" class="form-control" id="name" name="name" value="{{ old('name') }} ">
                </div>

                <div class="form-group">
                    <button style="cursor:pointer" type="submit" class="btn btn-primary">Dodaj</button>
                </div>
                @include('inc.formerrors')
            </form>
            <table class='table'>
                <tr class='table-header'>
                    <thead>
                        <th>#</th>
                        <th>Nazwa Szkolenia</th>
                        <th>Ilość z ukończonym</th>
                        <th>Operacja</th>
                        <th>Szczegóły</th>
                    </thead>

                    <tbody>
                        @php
                            $i=1;
                        @endphp
                        @foreach($trainings as $training)
                            <tr id="{{$training->id}}">

                                <th>{{$i}}</th>
                                <td id="name{{ $training->id }}">{{ $training->trainingName }}</td>
                                <td id="amount{{ $training->id }}">5</td>
                                <td>
                                    <button class="btn btn-success  " type="submit" onclick="renameTraining('{{$training->id}}')" id="{{$training->id}}">Zmień nazwę</button>
                                    <a href="{{ URL::asset('szkolenia/addTrainingsFireFighters/'.$training->id) }}"  class="btn btn-secondary" role="button">Zarządzaj</a>
                                    <button class="btn btn-danger" type="submit" id="{{$training->id}}" onclick="deleteButton('{{$training->id}}')">Usuń</button>
                                </td>
                                <td>
                                    <button class="btn btn-info" onclick="showMoreInformation('{{$training->id}}')" id="more{{$training->id}}">Więcej</button>
                                </td>

                            </tr>
                            <tr id="moreInformation{{$training->id}}" style="visibility:collapse;" >
                                <td colspan="5">
                                    <table class="table table-dark">
                                        <thead>
                                        <tr>
                                            <th>Imię i Nazwisko</th>
                                            <th>Ważne od:</th>
                                            <th>Ważne do:</th>
                                        </tr>
                                        </thead>

                                        <tbody>
                                        @foreach($fireFighters[$training->id] as $fireFighter)
                                            @if($fireFighter->dateOfComplete != null and  $fireFighter->dateOfExpiry != null)
                                                <tr id="{{$fireFighter->userID}}">
                                                    <td>{{$fireFighter->name}} {{$fireFighter->surname}}</td>
                                                    <td>{{$fireFighter->dateOfComplete}}</td>
                                                    <td>{{$fireFighter->dateOfExpiry}}</td>
                                                </tr>
                                            @endif
                                        @endforeach
                                        </tbody>
                                    </table>
                                </td>
                            </tr>
                            @php
                                $i++;
                            @endphp
                        @endforeach
                    </tbody>
            </table>
            {{ $trainings->links() }}
            </p>

        @endif
    @else
        Brak autoryzacji
    @endif

@stop

<script>
    function showMoreInformation(operationID){
        if( $('#more'+operationID).val() == "Więcej"){
            $('#more'+operationID).val("Ukryj");
            $("#moreInformation"+operationID).css('visibility', 'visible');
        } else{
            $('#more'+operationID).val("Więcej");
            $("#moreInformation"+operationID).css('visibility', 'collapse');
        }

    }

    function renameTraining(trainingID){
        swal.fire({
            title: "Podaj nową nazwę",
            width: 'auto',
            input: 'text',
            confirmButtonText: 'Tak',
            cancelButtonText: 'Anuluj',
            showCancelButton: true,
            inputValidator: (value) => {
                if (!value) {
                    return 'To pole nie może zostać puste'
                }
            }
        }).then((result) => {
                if(result.value){
                    $.ajaxSetup({
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        }
                    });

                    $.ajax({
                        type: 'post',
                        url: '/szkolenia/rename',
                        data: {
                            'trainingID': trainingID,
                            'trainingName': result.value,
                        },
                        success: function(data) {
                            $('.btn-info', '#'+trainingID).parents("tr").find("td:eq(0)").html(result.value);
                        }
                    });

                }
            }
        )
    }

    function deleteButton(trainingID){
        swal.fire({
            title: "Czy chcesz usunąć badanie/szkolenie?",
            width: 'auto',
            confirmButtonText: 'Tak',
            cancelButtonText: 'Nie',
            showCancelButton: true,
        }).then((result) => {
            if(result.value){

                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    }
                });

                $.ajax({
                    url: "szkolenia/"+trainingID,
                    type: 'DELETE',
                    data: {
                        "id": trainingID,
                    },
                    success: function (){
                        console.log("it Works");
                        location.reload();
                    }
                });
            }
        })

    }
</script>