@extends('lay.dnekcab.retsam')

@section('title')
  {{ $page_title }}
@endsection

@section('page-content')
@php
    $picturePath = public_path('assets/transport/car/image/' . $car->picture);
@endphp
    <div class="page-content">
        <div class="container-fluid">

            <!-- start page title -->
            <div class="row">
                <div class="col-lg-12">
                    <div class="card">
                        <div class="card-body list-heading">
                            <!-- card-header -->
                            <!--cenario 1: only header, 2:header and add button, 3:header and print, other:header , add button and prin. type:both[pdf,excel], type:[pdf], type:[excel] -->
                            <x-card-header 
                                :scenario="'1'"
                                :pageTitle="$page_title"
                            />
                           
                            <div class="card">
                                <div class="card-body">
                                    @csrf
                                    <form id="editCarForm" action="{{route('updateVehicle')}}" method="POST">
                                        <input type="hidden" name="car_id" id="car_id" value="{{ encryption($car->id)}}" />
                                        <div class="col-md-12">
                                            <div class="row mt-4 mb-4">
                                                <div class="col-md-4">
                                                    <label for="name" class="form-label">{{ __('transport.car.name') }} <span class="required">*</span></label>
                                                    <input type="text" class="form-control" name="r_name" id="name" value="{{ $car->name }}" placeholder="{{ __('transport.car.name') }}"/>
                                                    <span class="text-danger hiddens">{{ __('global.required') }}</span>
                                                </div>
                                                <div class="col-md-4">
                                                    <label for="brand" class="form-label">{{ __('transport.car.brand') }} <span class="required">*</span></label>
                                                    <select name="r_brand" id="source" class="form-control select2">
                                                        <option value="">--{{__('global.select')}}--</option>
                                                        @if($carBrand)
                                                            @foreach($carBrand as $carbrand)
                                                                <option value="{{ $carbrand->id }}" @if($car->carBrand->id == $carbrand->id) selected @endif>{{ $carbrand->name }}</option>
                                                            @endforeach
                                                        @endif
                                                    </select>
                                                    <span class="text-danger hiddens">{{ __('global.required') }}</span>
                                                </div>
                                                <div class="col-md-4">
                                                    <label for="shacy_number" class="form-label">{{ __('transport.car.shacy_number') }} <span class="required">*</span></label>
                                                    <input type="text" class="form-control" name="r_shacy_number" id="shacy_number" value="{{ $car->shacy_number }}" placeholder="{{ __('transport.car.shacy_number') }}"/>
                                                    <span class="text-danger hiddens">{{ __('global.required') }}</span>
                                                </div>
                                            </div>

                                            <div class="row mb-4">
                                                <div class="col-md-3">
                                                    <label for="pallet_number" class="form-label">{{ __('transport.car.pallet_number') }} <span class="required">*</span></label>
                                                    <input type="text" class="form-control" name="r_pallet_number" id="pallet_number" value="{{ $car->pallet_number }}" placeholder="{{ __('transport.car.pallet_number') }}"/>
                                                    <span class="text-danger hiddens">{{ __('global.required') }}</span>
                                                </div>
                                                <div class="col-md-3">
                                                    <label for="color" class="form-label">{{ __('transport.car.color') }} <span class="required">*</span></label>
                                                    <select name="r_color" id="color" class="form-control select2">
                                                        <option value="">{{ __('global.select') }}</option>
                                                        <option value="white" @if($car->color == 'white') selected @endif>{{__('transport.color.white')}}</option>
                                                        <option value="black" @if($car->color == 'black') selected @endif>{{__('transport.color.black')}}</option>
                                                        <option value="silver" @if($car->color == 'silver') selected @endif>{{__('transport.color.silver')}}</option>
                                                        <option value="gray" @if($car->color == 'gray') selected @endif>{{__('transport.color.gray')}}</option>
                                                        <option value="red" @if($car->color == 'red') selected @endif>{{__('transport.color.red')}}</option>
                                                        <option value="blue" @if($car->color == 'blue') selected @endif>{{__('transport.color.blue')}}</option>
                                                        <option value="green" @if($car->color == 'green') selected @endif>{{__('transport.color.green')}}</option>
                                                        <option value="yellow" @if($car->color == 'yellow') selected @endif>{{__('transport.color.yellow')}}</option>
                                                        <option value="other" @if($car->color == 'other') selected @endif>{{__('transport.color.other')}}</option>
                                                    </select>
                                                </div>

                                                <div class="col-md-3">
                                                    <label for="driver" class="form-label">{{ __('transport.driver.header') }} <span class="required">*</span></label>
                                                    <select name="r_driver" id="driver" class="form-control select2">
                                                        <option value="">{{ __('global.select') }}</option>
                                                        @if($drivers)
                                                            @foreach($drivers as $driver)
                                                                <option value="{{ $driver->id }}" @if($driver->id == $car->driver_id) selected @endif>{{ $driver->name}}, {{ $driver->father_name}} [{{ $driver->last_name}}]</option>
                                                            @endforeach
                                                        @endif
                                                    </select>
                                                </div>

                                                <div class="col-md-3">
                                                    <label for="picture" class="form-label">{{ __('transport.car.picture') }}
                                                        <a href="{{ asset('assets/transport/car/image/'.$car->picture) }}" target="_blank">
                                                            <img src="{{ $car && $car->picture && file_exists($picturePath) ? asset('assets/transport/car/image/' . $car->picture) : asset('assets/img/default-car.png') }}"
                                                            alt="{{ $car->name }}" style="width:40px;margin:0 auto;" class="bg-primary font-size-16 mb-1">
                                                        </a>
                                                    </label>
                                                    <div class="custom-file">
                                                        <input type="file" class="form-control" name="picture" onchange="setFileNameToFileInput(event);" id="picture" accept=".jpg, .jpeg, .png, .pdf" />
                                                        <label class="custom-file-label" for="picture">{{ __('global.chose_file') }}</label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="modal-footer" id="footer-button">
                                            <button type="reset" class="btn btn-secondary m{{ app()->getLocale() == 'en' ? 'e' : 's' }}-1">{{ __('global.reset') }} </button>
                                            <button type="submit" class="btn btn-primary m{{ app()->getLocale() == 'en' ? 's' : 'e' }}-1" id="updateCarBtn">{{ __('global.update') }}</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        
                        </div>
                    </div>
                </div>
            </div>
            <!-- end page title -->

        </div> <!-- container-fluid -->
    </div>

@endsection

@section('js')
    <!-- jquery step -->
    <script src="{{asset('assets/libs/jquery-steps/build/jquery.steps.min.js')}}"></script>
    <!-- form wizard init -->
    <script src="{{asset('assets/dnekcab/js/pages/form-wizard.init.js')}}"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $('[data-toggle="tooltip"]').tooltip();

            $(document).on("submit", '#editCarForm', function(e){// add new leave in the system
                e.preventDefault();

                if(!validateForm('editCarForm')){
                    return false;
                }

                var formData = new FormData();
                formData.append('_token', "{{ csrf_token() }}");

                $.ajax({
                    url: $(this).attr('action'),
                    type: "POST",
                    data: new FormData(this),
                    contentType: false,
                    cache: false,
                    processData: false,
                    headers: {
                        "X-CSRF-TOKEN": "{{ csrf_token() }}"  // Set the CSRF token in the request headers
                    },
                    success:function(result){
                        if(result.status == 'success'){
                            toastr.options =
                            {
                                "closeButton" : true,
                                "progressBar" : true
                            }
                            toastr.success(result.message);
                            $("#editCarForm")[0].reset();
                            setTimeout(function() {
                                    window.location.href = '{{ route("allVehicle") }}';
                            }, 2000); // 2 seconds in milliseconds (1000 milliseconds = 1 second
                        } else {
                            toastr.options =
                            {
                                "closeButton" : true,
                                "progressBar" : true
                            }
                            toastr.error(result.message);
                        }
                    },
                    error:function(result){
                        console.log(result, 'error');
                        var errors = result.responseJSON;
                        toastr.options =
                        {
                        "closeButton" : true,
                        "progressBar" : true
                        }
                        toastr.error(result.message);
                    }
                });
  
            });

        });
    </script>
@endsection