@extends('layouts.admin')

@section('main-content')

<div class="admin px-2 mx-1">
    <div class="row justify-content-center">
        <div class="col-12 p-0">
            <div class="card">
                <div class="card-header">
                    {{ __('Útnyilvántartás') }}
                    {{-- <span class="float-right">@include('tables.action_create')</span> --}}
                </div>

                <div class="card-body">

                    <form method="POST" autocomplete="off" action="{{ route('road_registers.export_pdf') }}"> @csrf
                        <div class="row flex-row gy-4">
                            <div class="col-12 col-md-6">
                                <div class="form-group">
                                    <label for="initial_clock_position">{!! __('Kezdő óraállás') !!}</label>
                                    <input id="initial_clock_position" type="number" class="form-control @error('initial_clock_position') is-invalid @enderror" name="initial_clock_position" value="{{ isset($initial_clock_position) ? $initial_clock_position : old('initial_clock_position') }}" required />
                                    @error('initial_clock_position')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{!! $initial_clock_position !!}</strong>
                                        </span>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-12 col-md-6">
                                <div class="form-group">
                                    <label for="finishing_clock_position">{!! __('Befejező órállás') !!}</label>
                                    <input id="finishing_clock_position" type="number" class="form-control @error('finishing_clock_position') is-invalid @enderror" name="finishing_clock_position" value="{{ isset($finishing_clock_position) ? $finishing_clock_position : old('finishing_clock_position') }}" required />
                                    @error('finishing_clock_position')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{!! $finishing_clock_position !!}</strong>
                                        </span>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-12 col-md-6">
                                <div class="form-group">
                                    <label for="from_date">{!! __('Kezdeti dátum') !!}</label>
                                    <input id="from_date" type="date" class="form-control @error('from_date') is-invalid @enderror" name="from_date" value="{{ isset($from_date) ? $from_date : old('from_date') }}" required />
                                    @error('from_date')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{!! $from_date !!}</strong>
                                        </span>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-12 col-md-6">
                                <div class="form-group">
                                    <label for="to_date">{!! __('Befejező dátum') !!}</label>
                                    <input id="to_date" type="date" class="form-control @error('to_date') is-invalid @enderror" name="to_date" value="{{ isset($to_date) ? $to_date : old('to_date') }}" required />
                                    @error('to_date')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{!! $to_date !!}</strong>
                                        </span>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-12 col-md-6">
                                <div class="form-group">
                                    <label for="road_register_vehicle">{!! __('Jármű') !!}</label>
                                    <select id="road_register_vehicle" name="road_register_vehicle" class="form-select @error('road_register_vehicle') is-invalid @enderror" aria-label="select" required>
                                        @foreach ($road_register_vehicles as $road_register_vehicle)
                                            <option value="{{$road_register_vehicle->id}}" @if(old('road_register_vehicle') == $road_register_vehicle->id) selected @endif>{{$road_register_vehicle->plate_number}}</option>
                                        @endforeach
                                    </select>
                                    @error('road_register_vehicle')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{!! $message !!}</strong>
                                        </span>
                                    @enderror
                                </div>
                            </div>

                            {{-- <div class="col-12 col-md-6">
                                <div class="form-group">
                                    <label for="registration_number">{!! __('Rendszám') !!}</label>
                                    <input id="registration_number" type="input" class="form-control @error('registration_number') is-invalid @enderror" name="registration_number" value="{{ isset($registration_number) ? $registration_number : old('registration_number') }}" required />
                                    @error('registration_number')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{!! $registration_number !!}</strong>
                                        </span>
                                    @enderror
                                </div>
                            </div> --}}

                            {{-- <div class="col-12 col-md-6">
                                <div class="form-group">
                                    <label for="car_type">{!! __('Típus') !!}</label>
                                    <input id="car_type" type="input" class="form-control @error('car_type') is-invalid @enderror" name="car_type" value="{{ isset($car_type) ? $car_type : old('car_type') }}" required />
                                    @error('car_type')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{!! $car_type !!}</strong>
                                        </span>
                                    @enderror
                                </div>
                            </div> --}}
                            
                            {{-- <div class="col-12 col-md-6">
                                <div class="form-group">
                                    <label for="fuel">{!! __('Üzemanyag') !!}</label>
                                    <input id="fuel" type="input" class="form-control @error('fuel') is-invalid @enderror" name="fuel" value="{{ isset($fuel) ? $fuel : old('fuel') }}" required />
                                    @error('fuel')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{!! $fuel !!}</strong>
                                        </span>
                                    @enderror
                                </div>
                            </div> --}}
                            
                            {{-- <div class="col-12 col-md-6">
                                <div class="form-group">
                                    <label for="consumption">{!! __('Fogyasztás') !!}</label>
                                    <input id="consumption" type="number" class="form-control @error('consumption') is-invalid @enderror" name="consumption" value="{{ isset($consumption) ? $consumption : old('consumption') }}" required step="any" />
                                    @error('consumption')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{!! $consumption !!}</strong>
                                        </span>
                                    @enderror
                                </div>
                            </div> --}}

                            <div class="col-12 col-md-6">
                                <div class="form-group">
                                    <label for="fuel_price">{!! __('Aktuális üzemanyag ár') !!}</label>
                                    <input id="fuel_price" type="number" class="form-control @error('fuel_price') is-invalid @enderror" name="fuel_price" value="{{ isset($fuel_price) ? $fuel_price : old('fuel_price') }}" required step="any" />
                                    @error('fuel_price')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{!! $fuel_price !!}</strong>
                                        </span>
                                    @enderror
                                </div>
                            </div>

                            <h5>Egyedi címek:</h5>

                            <div id="unique-fields-container">
                                <!-- Ide kerülnek az egyedi mezők -->
                            </div>

                            <div class="form-group">
                                <button id="addUniqueField" type="button" class="btn btn-warning">
                                    {!! __('Új Cím felvétele') !!}
                                </button>
                            </div>

                            <div class="form-group">
                                <button type="submit" class="btn btn-primary loader_disabled" id="submit">
                                    {!! __('Mentés') !!}
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

</div>
@push('scripts')
<script>
    $(document).ready(function() {
        var uniqueFieldIndex = 0;

        // Egyedi cím mező hozzáadása
        // $("#addUniqueField").click(function() {
        //     uniqueFieldIndex++;

        //     var uniqueFieldHtml = `
        //         <div class="row unique-field" id="uniqueField_${uniqueFieldIndex}">
        //             <div class="col-12 col-md-6">
        //                 <div class="form-group">
        //                     <label for="unique_date_${uniqueFieldIndex}">{!! __('Dátum') !!}</label>
        //                     <input id="unique_date_${uniqueFieldIndex}" type="date" class="form-control" name="unique_date[]" required />
        //                 </div>
        //             </div>
        //             <div class="col-12 col-md-6">
        //                 <div class="form-group">
        //                     <label for="unique_title_${uniqueFieldIndex}">{!! __('Név') !!}</label>
        //                     <input id="unique_title_${uniqueFieldIndex}" type="text" class="form-control" name="unique_title[]" required />
        //                 </div>
        //             </div>
        //             <div class="col-12 col-md-6">
        //                 <div class="form-group">
        //                     <label for="unique_address_${uniqueFieldIndex}">{!! __('Cím') !!}</label>
        //                     <input id="unique_address_${uniqueFieldIndex}" type="text" class="form-control" name="unique_address[]" required />
        //                 </div>
        //             </div>
        //             <div class="col-12 mb-3">
        //                 <button type="button" class="btn btn-danger remove-field" data-field-id="${uniqueFieldIndex}">
        //                     {!! __('Eltávolítás') !!}
        //                 </button>
        //             </div>
        //         </div>
        //     `;

        //     $("#unique-fields-container").append(uniqueFieldHtml);
        // });
        $("#addUniqueField").click(function() {
            $.ajax({
                url: "{{ url('road_register/unique_address') }}",
                method: "GET",
                data: {
                    uniqueFieldIndex: uniqueFieldIndex,
                },
                success: function(html) {
                    $("#unique-fields-container").append(html);
                }
            });

            uniqueFieldIndex++;
        });

        // Mező eltávolítása
        $("#unique-fields-container").on("click", ".remove-field", function() {
            var fieldId = $(this).data("field-id");
            $("#uniqueField_" + fieldId).remove();
        });
    });
</script>
@endpush
@endsection