@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() }}

        <input type="hidden" class="form-control" name="operationID" value="{{ $operation->id }}">
        <div class="form-group">
            <label for="date">Data wyjazdu: </label>
            <input type="datetime-local" id="operationDate" name="operationDate" value="{{$operation->operationDate}}">
        </div>

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

        <div class="form-group">
            <label for="location">Cel wyjazdu:</label>
            <input type="text" class="form-control" id="operationTarget" name="operationTarget" value="{{ $operation->target }}">
        </div>

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

        <div class="form-group">
            <label for="location">Opis akcji:</label>
            <textarea class="form-control" id="'operationDescription" name="operationDescription">{{ $operation->description }}</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>