@extends('layout.app')

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
@section('left-menu')
    @parent<ul>
        <a href="?addOperation"><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
    <form method="POST" action="/wyjazdy" id="dynamic_form">
        {{ csrf_field() }}
        <div class="form-group">
            <label for="date">Data wyjazdu: </label>
            <input type="datetime-local" id="operationDate" name="operationDate">
        </div>

        <div class="form-group">
            <label for="location">Miejsce akcji:</label>
            <input type="text" class="form-control" id="operationLocation" name="operationLocation">
        </div>

        <div class="form-group">
            <label for="location">Cel wyjazdu:</label>
            <input type="text" class="form-control" id="operationTarget" name="operationTarget">
        </div>

        <div class="form-group">
            <label for="location">Rodzaj zagrożenia:</label>
            <input type="text" class="form-control" id="operationDangerType" name="operationDangerType">
        </div>

        <div class="form-group">
            <label for="location">Opis akcji:</label>
            <textarea class="form-control" id="'operationDescription" name="operationDescription">Enter text here...</textarea>
        </div>

        <div class=form-group">
            <label for="location">Dowodzący:</label>
            <select name="operationLeader" class="form-control">
                <option value="">--- Wybierz dowódcę ---</option>
                @foreach ($fireFighters as $fireFighter)
                    <option value="{{$fireFighter->id}}">{{ $fireFighter->name }} {{$fireFighter->surname }}</option>
                @endforeach
            </select>
        </div>


        <div class=form-group">
            <div id="drivers">
{{--                <label for="location">Kierowca:</label>--}}
{{--                <select name="operationDriver" class="form-control">--}}
{{--                    <option value="">--- Wybierz kierowcę ---</option>--}}
{{--                    @foreach ($fireFighters as $fireFighter)--}}
{{--                        <option value="{{$fireFighter->id}}">{{ $fireFighter->name }} {{$fireFighter->surname }}</option>--}}
{{--                    @endforeach--}}
{{--                </select>--}}
{{--                <label for="location">Pojazd:</label>--}}
{{--                <select name="operationVehicle" class="form-control">--}}
{{--                    <option value="">--- Wybierz pojazd ---</option>--}}
{{--                    @foreach ($vehicles as $vehicle)--}}
{{--                        <option value="{{$vehicle->id}}">{{ $vehicle->name }} {{$vehicle->codename }} {{$vehicle->registrationNumber }}</option>--}}
{{--                    @endforeach--}}
{{--                </select>--}}
            </div>
        </div>

        <div class="form-group">
            <table>
                <tr>
                    <td>Imię i nazwisko:   [</td><td></td><td>Obecność:</td><td>[][][]</td><td>Transport własny:</td>
                </tr>
                @php
                    $i = 0;
                @endphp
                @foreach($fireFighters as $fireFighterChecklist)
                    <tr>
                        <td>{{ $fireFighterChecklist->name }} {{$fireFighterChecklist->surname }}</td><td> </td><td>Tak <input type="radio" name="attendance[{{$i}}]" value="{{$fireFighterChecklist->id}}">Nie<input type="radio" name="attendance[{{$i}}]" value="false" checked></td><td> </td><td>Tak <input type="radio" name="transport[{{$i}}]" value="1">Nie <input type="radio" name="transport[{{$i}}]" value="0" checked></td>
                    </tr>
                    @php
                        $i++;
                    @endphp
                @endforeach
            </table>
        </div>


        <div class="form-group">
            <button style="cursor:pointer" type="submit" class="btn btn-primary">Zapisz</button>
        </div>

        @include('inc.formerrors')
    </form>
@stop

<script>
    $(document).ready(function(){

        var count = 1;

        dynamic_field(count);

        function dynamic_field(number)
        {

            html =  '<div id="singleDriver"><label for="location">Kierowca:</label>';
            html += '<select name="operationDriver[]" class="form-control">';
            html += '<option value="">--- Wybierz kierowcę ---</option>';
            html += '@foreach ($fireFighters as $fireFighter)';
            html += '<option value="{{$fireFighter->id}}">{{ $fireFighter->name }} {{$fireFighter->surname }}</option>';
            html += '@endforeach';
            html += '</select>';
            html += '<label for="location">Pojazd:</label>';
            html += '<select name="operationVehicle[]" class="form-control">';
            html += '<option value="">--- Wybierz pojazd ---</option>';
            html += '@foreach ($vehicles as $vehicle)';
            html += '<option value="{{$vehicle->id}}">{{ $vehicle->name }} {{$vehicle->codename }} {{$vehicle->registrationNumber }}</option>';
            html += '@endforeach';
            html += '</select>';

            if(number > 1)
            {
                html += '<button type="button" name="remove" id="" class="btn btn-danger remove">Usuń</button></br></div>';
                $('#drivers').append(html);
            }
            else
            {
                html += '<button type="button" name="add" id="add" class="btn btn-success">Dodaj</button></br></div>';
                $('#drivers').html(html);
            }
        }

        $(document).on('click', '#add', function(){
            count++;
            dynamic_field(count);
        });

        $(document).on('click', '.remove', function(){
            count--;
            $(this).closest("#singleDriver").remove();
        });

        {{--$('#dynamic_form').on('submit', function(event){--}}
        {{--    event.preventDefault();--}}
        {{--    $.ajax({--}}
        {{--        url:'{{ route("operationController.store") }}',--}}
        {{--        method:'post',--}}
        {{--        data:$(this).serialize(),--}}
        {{--        dataType:'json',--}}
        {{--        beforeSend:function(){--}}
        {{--            $('#save').attr('disabled','disabled');--}}
        {{--        },--}}
        {{--        success:function(data)--}}
        {{--        {--}}
        {{--            if(data.error)--}}
        {{--            {--}}
        {{--                var error_html = '';--}}
        {{--                for(var count = 0; count < data.error.length; count++)--}}
        {{--                {--}}
        {{--                    error_html += '<p>'+data.error[count]+'</p>';--}}
        {{--                }--}}
        {{--                $('#result').html('<div class="alert alert-danger">'+error_html+'</div>');--}}
        {{--            }--}}
        {{--            else--}}
        {{--            {--}}
        {{--                dynamic_field(1);--}}
        {{--                $('#result').html('<div class="alert alert-success">'+data.success+'</div>');--}}
        {{--            }--}}
        {{--            $('#save').attr('disabled', false);--}}
        {{--        }--}}
        {{--    })--}}
        {{--});--}}

    });
</script>