@extends('master')
@section('content')
    <div class="page-wrapper">
        <div class="content">
            <div class="page-header">
                <div class="page-title">
                    <h4>{{ __('sitelabel.AddNewEmployeeTour') }}</h4>
                    <h6>{{ __('sitelabel.CreatenewEmployeeTour') }}</h6>
                </div>
            </div>

            <form method="post" action="{{ url('/employeetourprocess') }}" enctype="multipart/form-data">
                @csrf
                <div class="card">
                    <div class="card-body">
                        <div class="row">
                            <!-- Employee Selection -->
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.Employee') }}<span class="text-danger">*</span></label>
                                    <select class="form-select" name="cmbEmployee" id="cmbEmployee">
                                        <option value="">{{ __('sitelabel.SelectEmployee') }}</option>
                                        @foreach($employees as $id => $name)
                                            <option value="{{ $id }}" {{ old('cmbEmployee') == $id ? 'selected' : '' }}>
                                                {{ $name }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('cmbEmployee')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>

                            <!-- Program From Date -->
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.ProgramFromDate') }}<span class="text-danger">*</span></label>
                                    <input type="date" class="form-control" name="dtProgramFromDate" 
                                           value="{{ old('dtProgramFromDate', date('Y-m-d')) }}">
                                    @error('dtProgramFromDate')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>

                            <!-- Program To Date -->
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.ProgramToDate') }}<span class="text-danger">*</span></label>
                                    <input type="date" class="form-control" name="dtProgramToDate" 
                                           value="{{ old('dtProgramToDate', date('Y-m-d')) }}">
                                    @error('dtProgramToDate')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>

                            <!-- Program From Time -->
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.ProgramFromTime') }}<span class="text-danger">*</span></label>
                                    <input type="time" class="form-control" name="timeProgramFrom" 
                                           value="{{ old('timeProgramFrom') }}">
                                    @error('timeProgramFrom')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>

                            <!-- Program To Time -->
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.ProgramToTime') }}<span class="text-danger">*</span></label>
                                    <input type="time" class="form-control" name="timeProgramTo" 
                                           value="{{ old('timeProgramTo') }}">
                                    @error('timeProgramTo')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>

                            <!-- Program In -->
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.ProgramIn') }}<span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" name="txtProgramIn" 
                                           value="{{ old('txtProgramIn') }}" 
                                           placeholder="{{ __('sitelabel.EnterProgramIn') }}">
                                    @error('txtProgramIn')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>

                            <!-- Program From -->
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.ProgramFrom') }}<span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" name="txtProgramFrom" 
                                           value="{{ old('txtProgramFrom') }}" 
                                           placeholder="{{ __('sitelabel.EnterProgramFrom') }}">
                                    @error('txtProgramFrom')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>

                            <!-- Program To -->
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.ProgramTo') }}<span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" name="txtProgramTo" 
                                           value="{{ old('txtProgramTo') }}" 
                                           placeholder="{{ __('sitelabel.EnterProgramTo') }}">
                                    @error('txtProgramTo')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>

                            <!-- Vendor Name -->
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.VendorName') }}</label>
                                    <input type="text" class="form-control" name="txtVendorName" 
                                           value="{{ old('txtVendorName') }}" 
                                           placeholder="{{ __('sitelabel.EnterVendorName') }}">
                                    @error('txtVendorName')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>

                            <!-- Subject -->
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.Subject') }}<span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" name="txtSubject" 
                                           value="{{ old('txtSubject') }}" 
                                           placeholder="{{ __('sitelabel.EnterSubject') }}">
                                    @error('txtSubject')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>

                            <!-- From KM -->
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.FromKM') }}</label>
                                    <input type="number" step="0.01" class="form-control calculate-km" 
                                           name="numFromKM" id="numFromKM"
                                           value="{{ old('numFromKM', '0.00') }}">
                                    @error('numFromKM')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>

                            <!-- To KM -->
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.ToKM') }}</label>
                                    <input type="number" step="0.01" class="form-control calculate-km" 
                                           name="numToKM" id="numToKM"
                                           value="{{ old('numToKM', '0.00') }}">
                                    @error('numToKM')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>

                            <!-- Per KM Charges -->
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.PerKMCharges') }}</label>
                                    <input type="number" step="0.01" class="form-control calculate-km" 
                                           name="numPerKMCharges" id="numPerKMCharges"
                                           value="{{ old('numPerKMCharges', '0.00') }}">
                                    @error('numPerKMCharges')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>

                            <!-- Total KM Charges (Read Only) -->
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.TotalKMCharges') }}</label>
                                    <input type="text" class="form-control" id="totalKMCharges" readonly 
                                           value="0.00">
                                </div>
                            </div>

                            <!-- Total Charges -->
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.TotalCharges') }}</label>
                                    <input type="number" step="0.01" class="form-control" 
                                           name="numTotalCharges" id="numTotalCharges"
                                           value="{{ old('numTotalCharges', '0.00') }}">
                                    @error('numTotalCharges')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>

                            <!-- Status -->
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <div class="custom-control custom-checkbox mt-4">
                                        <input type="checkbox" class="custom-control-input" id="chkStatus"
                                            name="chkStatus" {{ old('chkStatus', 'checked') ? 'checked' : '' }}>
                                        <label class="custom-control-label" for="chkStatus">
                                            {{ __('sitelabel.Status') }}
                                        </label>
                                    </div>
                                </div>
                            </div>

                            <!-- Remarks -->
                            <div class="col-lg-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.Remarks') }}</label>
                                    <textarea class="form-control" name="txtRemarks" rows="3" 
                                              placeholder="{{ __('sitelabel.EnterRemarks') }}">{{ old('txtRemarks') }}</textarea>
                                    @error('txtRemarks')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>

                            <!-- Form Buttons -->
                            <div class="col-lg-12">
                                <button type="submit" class="btn btn-primary">{{ __('sitelabel.Save') }}</button>
                                <button type="button" onclick="javascript:window.location='{{ url('/employeetour') }}';"
                                    class="btn btn-dark">{{ __('sitelabel.Back') }}</button>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
@endsection

@section('script')
    <script>
        $(document).ready(function() {
            // Initialize Select2
            $('#cmbEmployee').select2({
                theme: "bootstrap-5",
                width: '100%'
            });

            // Calculate total KM charges
            $('.calculate-km').on('input', function() {
                calculateTotalKMCharges();
            });

            function calculateTotalKMCharges() {
                var fromKM = parseFloat($('#numFromKM').val()) || 0;
                var toKM = parseFloat($('#numToKM').val()) || 0;
                var perKMCharges = parseFloat($('#numPerKMCharges').val()) || 0;
                
                var totalKM = Math.max(0, toKM - fromKM);
                var totalCharges = totalKM * perKMCharges;
                
                $('#totalKMCharges').val(totalCharges.toFixed(2));
                $('#numTotalCharges').val(totalCharges.toFixed(2));
            }

            @if (session()->get('locale') == 'ur')
                MakeTextBoxUrduEnabled(txtRemarks);
                MakeTextBoxUrduEnabled(txtProgramIn);
                MakeTextBoxUrduEnabled(txtProgramFrom);
                MakeTextBoxUrduEnabled(txtProgramTo);
                MakeTextBoxUrduEnabled(txtSubject);
            @endif
        });
    </script>
@endsection