@extends('admin.layout.master')
@section('content')
    <style>
        .select_2 {
            width: 100% !important;
        }
    </style>
   
    <div class="row">
        <div class="col-12">
            @include('flash-message')
        </div>
    </div>
    <div class="row">

        <div class="col-lg-12">
            <div class="card">
                <div class="card-header d-flex justify-content-between align-items-center ">
                    <h3 class="text-left">{{ __('obs.tour') }} {{ __('obs.adjust') }} {{ __('obs.with') }} {{ __('obs.leave') }} </h3>
                </div>

                <div class="card-body">
                    <form action="{{ route('payroll.hrm.tour.adjust.create') }}" method="GET">
                        <div class='row'>
                            <div class='col-md-3'>
                                <div class="form-group">
                                    <label>{{ __('obs.employee_name') }}/{{ __('obs.code') }}</label>
                                    <select class="form-control input-sm name_code_live_search" name="employee_id"
                                        id="employee_id">
                                        {{-- @foreach ($employes as $e)
                                            <option value="{{$e->id}}" @if (request()->get('emp_code') == $e->emp_code) {{'selected'}} @endif>{{$e->emp_name}}-{{$e->emp_code}}</option>
                                         @endforeach --}}
                                    </select>
                                </div>
                            </div>


                            <div class='col-md-2'>
                                <div class="form-group">
                                    <label>{{ __('obs.date_from') }}</label>
                                    <input type="text" class="datepicker form-control" name="date_from" id="date_from"
                                        value="{{ request()->get('date_from') ? request()->get('date_from') : null }}">
                                </div>
                            </div>
                            <div class='col-md-2'>
                                <div class="form-group">
                                    <label>{{ __('obs.date_to') }}</label>
                                    <input type="text" class="form-control datepicker" name="date_to" id="date_to"
                                        value="{{ request()->get('date_to') ? request()->get('date_to') : null }}">
                                </div>
                            </div>

                            <div class='col-md-1 text-center mt-4'>
                                <button class="btn btn-primary btn-sm" name="search_true">{{ __('obs.search') }}</button>
                            </div>

                        </div>
                    </form>
                </div>
            </div>
            @if (request()->has('search_true'))
                <div class="card">
                    <div class="card-body">
                        <form action="{{ route('payroll.hrm.ot_day_adjust.store') }}" method="post"
                            id="ot_day_adjust_form">
                            @csrf

                            <input type="hidden" name="type" value="2">

                            <div class="row">
                                <div class="col-md-6 offset-md-0">
                                    <table class="table-bordered table mt-3 text-center" style="width: 100%">
                                        <thead class="text-center">
                                            <tr>

                                                <th style="width: 10%">{{ __('obs.ot') }} {{ __('obs.date') }}</th>
                                                <th style="width: 12%">{{ __('obs.leave') }} {{ __('obs.date') }}</th>
                                            </tr>
                                        </thead>
                                        @if (count($tour_adjust_lists) > 0)
                                        <tbody>
                                            @php
                                                $i = 1;
                                            @endphp
                                            @foreach ($tour_adjust_lists as $list)
                                                <tr>
                                                    <td>
                                                        <input type="text" name="ot_date[{{ $list->id }}]" class="form-control" value="{{ date('d-m-Y', strtotime($list->from_date)) }}" readonly>
                                                    </td>
                                                    <td>
                                                        <input type="text" name="leave_date[{{ $list->id }}]" class="form-control datepicker leave_date">
                                                    </td>
                                                </tr>
                                            @endforeach
                                            <tr>
                                                <th class="text-center"> Total Leave Days</th>
                                                <th class="text-center" id="total_leave_days"></th>
                                            </tr>
                                        </tbody>
                                        @else
                                        <tr>
                                            <td colspan="2" class="text-center text-danger">Data Not Found</td>
                                        </tr>
                                        @endif

                                    </table>
                                </div>

                                <div class="col-md-5 offset-md-1">
                                    <table class="table-bordered table mt-3" style="width: 100%">
                                        <thead>
                                            <tr>
                                                <th style="width: 10%">{{ __('obs.name') }}</th>
                                                <th style="width: 12%">{{$employee->emp_name ?? null}}</th>
                                            </tr>

                                            <tr>
                                                <th style="width: 10%">{{ __('obs.code') }}</th>
                                                <th style="width: 12%">{{$employee->emp_code ?? null}}</th>
                                            </tr>

                                            <tr>
                                                <th style="width: 10%">{{ __('obs.department') }}</th>
                                                <th style="width: 12%">{{$employee->fetch_department->name ?? null}}</th>
                                            </tr>
                                        </thead>
                                    </table>
                                </div>
                            </div>
                            @if (count($tour_adjust_lists) > 0)
                            <div class='col-7 text-center mt-4'>
                                <button class="btn btn-sm btn-success" type="button" onclick='submit_data("ot_day_adjust_form")'><i class="fa fa-save"></i>  {{ __('obs.submit') }}</button>
                            </div>
                            @endif
                           
                        </form>
                    </div>
                </div>
                @endif

        </div>
    </div>

@endsection

@section('script')
    <script src="{{ asset('payroll_assets/payroll_common.js') }}"></script>
    <script>
        $(document).ready(function() {
            $('.select_2').select2();
        });

        $(document).on('change', '.leave_date', function() {
            var totalLeaveDays = 0;
            $('.leave_date').each(function() {
                if ($(this).val().trim() !== '') {
                    totalLeaveDays++;
                }
            });
            $('#total_leave_days').text(totalLeaveDays);
        });

        function submit_data(formId) {
            var leaveDateInputs = $('input[name^="leave_date"]');
            var isAnyLeaveDateFilled = false;
            leaveDateInputs.each(function() {
                if ($(this).val().trim() !== "") {
                    isAnyLeaveDateFilled = true;
                    return false; // Exit loop early if a value is found
                }
            });
            if (!isAnyLeaveDateFilled) {
                Swal.fire({
                    icon: 'warning',
                    title: 'Validation Error',
                    text: 'Please fill in at least one leave date before submitting.',
                });
                return false;
            }

            var message = "Do you want to Submit?";
            var confirmButtonText = "Yes, Submit it!";
            var formUrl = null;
            var method = null;
            showConfirmAndSubmit(formId, message, confirmButtonText, ajax = 0, formUrl, data = null, method);
        }

    </script>
@endsection