@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/edit" 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="{{  \Carbon\Carbon::parse($operation->operationDate)->format('Y-m-d\TH:i') }}">
        </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->id == $operation->commanderID ? 'selected' : ''}}>{{ $fireFighter->name }} {{$fireFighter->surname }}</option>
                @endforeach
            </select>
        </div>

        @foreach($operationsTrucks as $operationTruck)
            {{$operationTruck->driverName}}
        @endforeach

        <div class=form-group">
            <div id="drivers">
                @foreach($operationsTrucks as $operationTruck)
                    <div id="singleDriver">
                        {{$operationTruck->driverName}}
                        <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>
                @endforeach
            </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><center><input type="checkbox" name="attendance[{{$i}}]" value="{{$fireFighterChecklist->id}}" {{$fireFighterChecklist->memberID != null ? 'checked' : ''}} ></center></td> <td></td> <td><center><input type="checkbox" name="transport[{{$i}}]" value="{{$i}}" {{$fireFighterChecklist->privateTransport == 1 ? 'checked' : ''}}></center></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>