@extends('layout.admin.master')

@section('content')
    <!-- Main Content -->
    <div class="main-content">
        <section class="section">
            <div class="section-body">
                <div class="row">
                    <div class="col-12">
                        <div class="card">
                            <form action="{{ route('employees.updates', ['employee' => $employee->id]) }}" method="POST"
                                  enctype="multipart/form-data">
                                @csrf
                                <div class="card-header">
                                    <h4>{{ __('messages.update_employee') }}</h4>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <!-- Left Column Fields -->
                                            <div class="form-group">
                                                <label>{{ __('messages.employee_type') }}</label>
                                                <select name="type" id="employee-type" class="form-control">
                                                    <option value="driver" {{ old('type', $employee->type) == 'driver' ? 'selected' : '' }}>
                                                        {{ __('messages.driver') }}
                                                    </option>
                                                    <option value="chef" {{ old('type', $employee->type) == 'chef' ? 'selected' : '' }}>
                                                        {{ __('messages.chef') }}
                                                    </option>
                                                    <option value="accountant" {{ old('type', $employee->type) == 'accountant' ? 'selected' : '' }}>
                                                        {{ __('messages.accountant') }}
                                                    </option>
                                                    <option value="manager" {{ old('type', $employee->type) == 'manager' ? 'selected' : '' }}>
                                                        {{ __('messages.manager') }}
                                                    </option>
                                                </select>
                                                @if ($errors->has('type'))
                                                    <div class="text-danger">{{ $errors->first('type') }}</div>
                                                @endif
                                            </div>

                                            <div class="form-group" id="vehicle-field" style="display: none;">
                                                <label>{{ __('messages.vehicle') }}</label>
                                                <select name="vehicle_id" class="form-control">
                                                    <option value="" selected>{{ __('messages.select_vehicle') }}</option>
                                                    @forelse ($vehicles as $vehicle)
                                                        <option value="{{ $vehicle->id }}"
                                                            {{ old('vehicle_id', $employee->vehicle_id) == $vehicle->id ? 'selected' : '' }}>
                                                            {{ $vehicle->name }}</option>
                                                    @empty
                                                        <option disabled>{{ __('messages.no_vehicles_available') }}</option>
                                                    @endforelse
                                                </select>
                                                @if ($errors->has('vehicle_id'))
                                                    <div class="text-danger">{{ $errors->first('vehicle_id') }}</div>
                                                @endif
                                            </div>

                                            <div class="form-group">
                                                <label>{{ __('messages.first_name') }}</label>
                                                <input name="fname" type="text" class="form-control"
                                                       value="{{ old('fname', $employee->fname) }}" required="">
                                                @if ($errors->has('fname'))
                                                    <div class="text-danger">{{ $errors->first('fname') }}</div>
                                                @endif
                                            </div>

                                            <div class="form-group">
                                                <label>{{ __('messages.last_name') }}</label>
                                                <input name="lname" type="text" class="form-control"
                                                       value="{{ old('lname', $employee->lname) }}">
                                                @if ($errors->has('lname'))
                                                    <div class="text-danger">{{ $errors->first('lname') }}</div>
                                                @endif
                                            </div>

                                            <div class="form-group">
                                                <label>{{ __('messages.email') }}</label>
                                                <input name="email" type="email" class="form-control" required=""
                                                       value="{{ old('email', $employee->email) }}" disabled>
                                                @if ($errors->has('email'))
                                                    <div class="text-danger">{{ $errors->first('email') }}</div>
                                                @endif
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <!-- Right Column Fields -->
                                            <div class="form-group">
                                                <label>{{ __('messages.phone') }}</label>
                                                <input name="phone" type="text" class="form-control"
                                                       value="{{ old('phone', $employee->phone) }}">
                                                @if ($errors->has('phone'))
                                                    <div class="text-danger">{{ $errors->first('phone') }}</div>
                                                @endif
                                            </div>

                                            <div class="form-group">
                                                <label>{{ __('messages.nationality') }}</label>
                                                <select name="nationality" class="form-control">
                                                    <option value="" selected>{{ __('messages.select_nationality') }}</option>
                                                    @foreach(config('nationalities') as $nationality)
                                                        <option value="{{ $nationality }}" {{ old('nationality', $employee->nationality) == $nationality ? 'selected' : '' }}>
                                                            {{ $nationality }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                                @if ($errors->has('nationality'))
                                                    <div class="text-danger">{{ $errors->first('nationality') }}</div>
                                                @endif
                                            </div>

                                            <div class="form-group">
                                                <label>{{ __('messages.license_number') }}</label>
                                                <input name="license_number" type="number" class="form-control"
                                                       value="{{ old('license_number', $employee->license_number) }}">
                                                @if ($errors->has('license_number'))
                                                    <div class="text-danger">{{ $errors->first('license_number') }}</div>
                                                @endif
                                            </div>

                                            <div class="form-group">
                                                <label>{{ __('messages.emergency_contact') }}</label>
                                                <input name="emergency_contact" type="number" class="form-control"
                                                       value="{{ old('emergency_contact', $employee->emergency_contact) }}">
                                                @if ($errors->has('emergency_contact'))
                                                    <div class="text-danger">{{ $errors->first('emergency_contact') }}</div>
                                                @endif
                                            </div>
                                            
                                            <div class="form-group">
                                                <label>{{ __('messages.gross_salary') }}</label>
                                                <input name="gross_salary" type="number" class="form-control"
                                                       value="{{ old('gross_salary', $employee->gross_salary) }}">
                                                @if ($errors->has('gross_salary'))
                                                    <div class="text-danger">{{ $errors->first('gross_salary') }}</div>
                                                @endif
                                            </div>

                                            <div class="form-group">
                                                <label>{{ __('messages.password') }}</label>
                                                <input name="password" type="text" class="form-control"
                                                       value="">
                                                @if ($errors->has('password'))
                                                    <div class="text-danger">{{ $errors->first('password') }}</div>
                                                @endif
                                            </div>

                                        </div>
                                    </div>

                                    <div class="row mt-4">
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <label>{{ __('messages.profile_image') }}</label>
                                                <input name="image" type="file" class="form-control">
                                                @if ($errors->has('image'))
                                                    <div class="text-danger">{{ $errors->first('image') }}</div>
                                                @endif
                                            </div>
                                        </div>

                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <label>{{ __('messages.document') }}</label>
                                                <input name="document" type="file" class="form-control">
                                                @if ($errors->has('document'))
                                                    <div class="text-danger">{{ $errors->first('document') }}</div>
                                                @endif
                                            </div>
                                        </div>

                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <label>{{ __('messages.license_image') }}</label>
                                                <input name="license_image" type="file" class="form-control">
                                                @if ($errors->has('license_image'))
                                                    <div class="text-danger">{{ $errors->first('license_image') }}</div>
                                                @endif
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row mt-4">
                                        <!-- Display Images -->
                                        @if(!empty($employee->image))
                                            <div class="col-md-4 text-center">
                                                <label>{{ __('messages.profile_image') }}</label>
                                                <div class="img-thumbnail">
                                                    <img src="{{ $employee->image }}" alt="{{ __('messages.profile_image') }}" class="img-fluid" onclick="showImage('{{ $employee->image }}')" style="cursor: pointer;">
                                                </div>
                                            </div>
                                        @endif

                                        @if(!empty($employee->document))
                                            <div class="col-md-4 text-center">
                                                <label>{{ __('messages.document') }}</label>
                                                <div class="img-thumbnail">
                                                    <img src="{{ $employee->document }}" alt="{{ __('messages.document') }}" class="img-fluid" onclick="showImage('{{ $employee->document }}')" style="cursor: pointer;">
                                                </div>
                                            </div>
                                        @endif

                                        @if(!empty($employee->license_image))
                                            <div class="col-md-4 text-center">
                                                <label>{{ __('messages.license_image') }}</label>
                                                <div class="img-thumbnail">
                                                    <img src="{{ $employee->license_image }}" alt="{{ __('messages.license_image') }}" class="img-fluid" onclick="showImage('{{ $employee->license_image }}')" style="cursor: pointer;">
                                                </div>
                                            </div>
                                        @endif
                                    </div>
                                </div>

                                <div class="card-footer text-right">
                                    <button class="btn btn-primary">{{ __('messages.update') }}</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>

    <!-- Modal to show full-size image -->
    <div class="modal fade" id="imageModal" tabindex="-1" role="dialog" aria-labelledby="imageModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="imageModalLabel">{{ __('messages.image_preview') }}</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body text-center">
                    <img id="fullImage" src="" alt="" class="img-fluid">
                </div>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
    <script>
        function showImage(imageUrl) {
            $('#fullImage').attr('src', imageUrl);
            $('#imageModal').modal('show');
        }
    </script>
@endpush