1
0
forked from s421507/eOSP2
eOSP2/resources/views/operationAdd.blade.php

211 lines
8.3 KiB
PHP
Raw Normal View History

2019-11-23 15:01:59 +01:00
@extends('layout.app')
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
2019-11-23 15:01:59 +01:00
@section('left-menu')
@parent<ul>
<a href="/wyjazdy/"><li>Wróć<img src="/img/left_menu_icon/add.png"></li></a>
2019-11-23 15:01:59 +01:00
</ul>
@stop
@section('center-area')
@parent
<form method="POST" action="/wyjazdy" id="dynamic_form">
2019-11-23 15:01:59 +01:00
{{ csrf_field() }}
<div class="form-group row">
<div class="col-auto">
<label for="date">Data wyjazdu: </label>
<input type="datetime-local" id="operationDate" name="operationDate" class="form-control">
</div>
2019-11-23 15:01:59 +01:00
</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" placeholder="Opis akcji..."></textarea>
2019-11-23 15:01:59 +01:00
</div>
<div class="form-group row">
<div class="col-auto">
<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>
2019-11-23 15:01:59 +01:00
</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>--}}
2019-11-23 15:01:59 +01:00
</div>
</br>
<button type="button" name="add" id="add" class="btn btn-success">Dodaj Pojazd</button>
2019-11-23 15:01:59 +01:00
</div>
</br>
<div class="form-group">
<table class="table table-hover">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">Imię i Nazwisko</th>
<th scope="col">Obecność</th>
<th scope="col">Transport własny</th>
</tr>
</thead>
<tbody>
@php
$i = 0;
@endphp
@foreach($fireFighters as $fireFighterChecklist)
<tr>
<th scope="row">{{$i+1}}</th>
<td>{{ $fireFighterChecklist->name }} {{$fireFighterChecklist->surname }}</td>
<td><input type="checkbox" name="attendance[{{$i}}]" value="{{$fireFighterChecklist->id}}"></td>
<td><input type="checkbox" name="transport[{{$i}}]" value="{{$i}}"></td>
</tr>
@php
$i++;
@endphp
@endforeach
</tbody>
</table>
</div>
<div class="form-group">
<button style="cursor:pointer" type="submit" class="btn btn-primary">Zapisz</button>
</div>
2019-11-23 15:01:59 +01:00
@include('inc.formerrors')
</form>
@stop
<script>
$(document).ready(function(){
var count = 1;
dynamic_field(count);
function dynamic_field(number)
{
html = '<div id="singleDriver">';
html += '<div class="row align-items-end">';
html += '<div class="col-auto">';
html += '<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 += '</div>';
html += '<div class="col-auto">';
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>';
html += '</div>';
html += '<div class="col-auto">';
html += '<button type="button" name="remove" id="" class="btn btn-danger remove form-control">Usuń</button>';
html += '</div>';
html += '</div>';
html += '</div>';
$('#drivers').append(html);
}
$(document).on('click', '#add', function(){
count++;
dynamic_field(count);
});
$(document).on('click', '.remove', function(){
count--;
swal.fire({
html: "Czy na pewno chcesz usunąć pojazd?",// this will output "Error 422: Unprocessable Entity"
width: 'auto',
confirmButtonText: 'Tak',
cancelButtonText: 'Nie',
showCancelButton: true,
}).then((result) => {
if (result.value) {
$(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>