eOSP2/resources/views/trainingsAddFireFightersORG.blade.php

@extends('layout.app')


<title>Add Edit Delete Table Row Example using JQuery - ItSolutionStuff.com</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>

@section('left-menu')
    @parent
    <ul>
        <a href="sprzet/add"><li>Dodaj<img src="../img/left_menu_icon/add.png"></li></a>
        <li>Edytuj<img src="../img/left_menu_icon/edit.png"></li>
        <li>Usuń<img src="../img/left_menu_icon/delete.png"></li>
    </ul>
@stop


@section('center-area')
    @parent

    @if( auth()->check())
        @if( auth()->user()->fireStationID == NULL)
            Jednostka nie istnieje
        @else
            <center><h1>{{$training->trainingName}}</h1></center>
            <table id="editableTable" class='table table-bordered'>

                <thead>
                    <tr>
                        <td>Imię i Nazwisko</td>
                        <td>Ważne od:</td>
                        <td>Ważne do:</td>
                        <td>Akcje</td>
                    </tr>
                </thead>

                <tbody>
                    @foreach($fireFighters as $fireFighter)
                        <tr id="{{$fireFighter->id}}">
                            <td>{{$fireFighter->name}} {{$fireFighter->surname}}</td>
                            <td>{{$fireFighter->dateOfComplete}}</td>
                            <td>{{$fireFighter->dateOfExpiry}}</td>
                            <td><button class="btn btn-info" type="submit">Edytuj</button> <button class="btn btn-danger btn-delete" type="submit">Usuń</button></td>
                        </tr>
                    @endforeach
                </tbody>
            </table>


        @endif
    @else
        Brak autoryzacji
    @endif

@stop

<script type="text/javascript">

    // $("form").submit(function(e){
    //     e.preventDefault();
    //     var name = $("input[name='name']").val();
    //     var email = $("input[name='email']").val();
    //
    //     $(".data-table tbody").append("<tr data-name='"+name+"' data-email='"+email+"'><td>"+name+"</td><td>"+email+"</td><td><button class='btn btn-info btn-xs btn-edit'>Edit</button><button class='btn btn-danger btn-xs btn-delete'>Delete</button></td></tr>");
    //
    //     $("input[name='name']").val('');
    //     $("input[name='email']").val('');
    // });
    //
    // $("body").on("click", ".btn-delete", function(){
    //     $(this).parents("tr").remove();
    // });
    //
    // $("body").on("click", ".btn-edit", function(){
    //     var name = $(this).parents("tr").attr('data-name');
    //     var email = $(this).parents("tr").attr('data-email');
    //
    //     $(this).parents("tr").find("td:eq(0)").html('<input name="edit_name" value="'+name+'">');
    //     $(this).parents("tr").find("td:eq(1)").html('<input name="edit_email" value="'+email+'">');
    //
    //     $(this).parents("tr").find("td:eq(2)").prepend("<button class='btn btn-info btn-xs btn-update'>Update</button><button class='btn btn-warning btn-xs btn-cancel'>Cancel</button>")
    //     $(this).hide();
    // });
    //
    // $("body").on("click", ".btn-cancel", function(){
    //     var name = $(this).parents("tr").attr('data-name');
    //     var email = $(this).parents("tr").attr('data-email');
    //
    //     $(this).parents("tr").find("td:eq(0)").text(name);
    //     $(this).parents("tr").find("td:eq(1)").text(email);
    //
    //     $(this).parents("tr").find(".btn-edit").show();
    //     $(this).parents("tr").find(".btn-update").remove();
    //     $(this).parents("tr").find(".btn-cancel").remove();
    // });
    //
    // $("body").on("click", ".btn-update", function(){
    //     var name = $(this).parents("tr").find("input[name='edit_name']").val();
    //     var email = $(this).parents("tr").find("input[name='edit_email']").val();
    //
    //     $(this).parents("tr").find("td:eq(0)").text(name);
    //     $(this).parents("tr").find("td:eq(1)").text(email);
    //
    //     $(this).parents("tr").attr('data-name', name);
    //     $(this).parents("tr").attr('data-email', email);
    //
    //     $(this).parents("tr").find(".btn-edit").show();
    //     $(this).parents("tr").find(".btn-cancel").remove();
    //     $(this).parents("tr").find(".btn-update").remove();
    // });

</script>