@extends('layouts.app')

@push('styles')
    {{--    <link rel="stylesheet" href="{{asset('assets/vendor/select2/dist/css/select2.min.css')}}" type="text/css">--}}
    {{--    <link rel="stylesheet" href="{{asset('assets/vendor/select2/dist/css/select2-bootstrap4.min.css')}}" type="text/css">--}}
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/css/datepicker3.css"
          type="text/css">

    <style>

    </style>
@endpush


@push('title')
    ניהול נוכחות עובדים
@endpush

@push('pg_btn')
    <a href="{{route('client.index')}}" class="btn btn-sm btn-neutral">חזרה </a>
@endpush

@php
    $days = [
            'Sunday' => 'יום ראשון',
            'Monday' => 'יום שני',
            'Tuesday' => 'יום שלישי',
            'Wednesday' => 'יום רבעי',
            'Thursday' => 'יום חמישי',
            'Friday' => 'יום שישי',
            'Saturday' => 'יום שבת',
    ];

    $checkedWorkers = [];
@endphp

@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="card mb-5">
                <div class="card-body">
                    <form action="{{route('attendance.store')}}" method="POST" onsubmit="formSubmitting();">
                        @csrf
                        <h6 class="heading-small text-muted mb-4  d-print-none">מידע על לוח נוכחות עובדים</h6>
                        <div class="pl-lg-4 ">
                            <div class="row  d-print-none">

                                <div class="col-4">
                                    <div class="form-group">
                                        <label for="project_id" class="form-control-label"> פרויקט </label>
                                        {{ Form::select('project_id', $projects,old('project_id',request('project')), [ 'id' => 'project_id' , 'class'=> 'selectpicker form-control','required' => 'required', 'placeholder' => 'اختر المشروع ...']) }}


                                    </div>
                                </div>

                                <div class="col-4">
                                    <div class="form-group">
                                        <label for="date" class="form-control-label"> תאריך </label>
                                        <input type="month" class="form-control" id="date" name="date"
                                               value="{{ request('month',session('mainDate')) }}" required>
                                    </div>
                                </div>

                                <div class="col-4">
                                    <div class="form-group">
                                        <label for="crane_id" class="form-control-label"> מנוף </label>
                                        {{ Form::select('crane_id',  $project?->cranes()->pluck('name', 'id') ?? [],old('crane_id',request('crane')), [ 'id' => 'crane_id' , 'class'=> 'selectpicker form-control','required' => 'required', 'placeholder' => 'اختر الرافعة ...']) }}
                                    </div>
                                </div>


                            </div>
                            @if($project)
                                <div class="row py-4 bg-primary text-white rounded-lg mb-4  d-print-none">
                                    <div class="col-3 d-flex align-items-center">
                                        מנהל הפרויקט : {{$project->manager->name ?? ''}}
                                    </div>
                                    <div class="col-3 d-flex align-items-center">
                                        סטאטוס : {{$project->status}}
                                    </div>
                                    <div class="col-3 d-flex flex-fill align-items-center">
                                        <span class="flex-shrink-0 mr-3">   עובד קבוע:</span>
                                        <select class="form-control searchSelect" id="mainWorker" aria-label="Worker">
                                            <option value="">בחר עובד ...</option>
                                        </select>
                                        <button type="button" id="selectWorker" class="btn btn-neutral ml-3 py-2"> בחר
                                        </button>
                                    </div>

                                    <div class="col-3 d-flex justify-content-end">
                                        <button type="button" class="btn btn-neutral ml-3 py-2" data-toggle="modal"
                                                data-target="#addWorkerModel">
                                            הוסף עובד
                                        </button>
                                        <button type="button" class="btn btn-neutral py-2" onclick="resetForm()">
                                            אתחול
                                        </button>


                                    </div>

                                </div>
                            @endif

                            <div class="row">
                                <div class="col-md-12">
                                    <button type="submit" class="mt-3 btn btn-primary">עדכון</button>
                                </div>
                            </div>
                            @if($project && $daysCount && request('crane') )
                                <div class="table-responsive">
                                    <div>
                                        <div class="btn-group d-flex justify-content-end">
                                            <a class="btn btn-secondary flex-grow-0"
                                               href="{{route('attendance.print',['month'=>request('month'),'project'=>request('project'),'crane'=>request('crane'),'type'=>'excel'])}}">Excel</a>
                                            <a class="btn btn-secondary flex-grow-0"
                                               href="{{route('attendance.print',['month'=>request('month'),'project'=>request('project'),'crane'=>request('crane'),'type'=>'print'])}}">Print</a>
                                        </div>
                                        <table class="table align-items-center table-sm table-striped"
                                               id="AttendanceTable">
                                            <thead class="thead-light">
                                            <tr>
                                                <th>#</th>
                                                <th>תאריל</th>
                                                <th>יום</th>
                                                <th style="width:30%">עובד</th>
                                                <th style="width:20%">מספר השעות</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <tr>
                                                <th></th>
                                                <th></th>
                                                <th></th>
                                                <td class="text-right" colspan="4">
                                                    <h4 class="mb-0">סך הכול שעות: <span class="totalHours">0</span>
                                                    </h4>
                                                </td>
                                            </tr>
                                            @for ($day = 1; $day <=$daysCount ; $day++)
                                                @php
                                                    $attendance = null;
                                                     $date = request('month',session('mainDate')).'-'.str_pad($day,2,'0',STR_PAD_LEFT);
                                                     $dayname = date('l', strtotime($date));
                                                    if ($projectAttendance){
                                                        $attendance = $projectAttendance->where('date', $date)->first();
                                                    }
                                                @endphp

                                                <tr @class(['table-success' => $attendance, 'table-danger' => $dayname == "Saturday",])>
                                                    @if($dayname != "Saturday")

                                                        <td>{{$day}}</td>
                                                        <td>
                                                            {{$date}}
                                                            <input type="hidden" name="attendance[{{$day}}][date]"
                                                                   id="date" value="{{$date}}">
                                                        </td>
                                                        <td>{{$days[$dayname]}}</td>
                                                        <td class="d-flex">
                                                            @if($day > 1)
                                                                <button type="button"
                                                                        class="btn btn-primary btn-sm copy-previous-worker"
                                                                        data-previous-worker="{{$dayname == "Sunday" ? $day-2 : $day-1}}">
                                                                    <i class="fas fa-copy"></i>
                                                                </button>
                                                            @endif
                                                            <select class="searchSelect form-control"
                                                                    name="attendance[{{$day}}][worker]"
                                                                    aria-label="Worker">
                                                                <option value="">בחר עובד ...</option>
                                                                @if($attendance)
                                                                    <option value="{{$attendance->worker?->id}}"
                                                                            selected>
                                                                        {{$attendance->worker?->name}}
                                                                        - {{$attendance->worker?->identification}}
                                                                    </option>
                                                                    @php
                                                                        $checkedWorkers[$attendance->worker?->identification] = true;
                                                                    @endphp
                                                                @endif
                                                            </select>
                                                        </td>
                                                        <td>
                                                            <div class="input-group input-group-sm">
                                                                <input type="number" name="attendance[{{$day}}][hours]"
                                                                       aria-label="Hour Count" step="0.01"
                                                                       class="form-control hours"
                                                                       value="{{ $attendance->hour_work_count ??'' }}" {{ $attendance ? '' : 'readonly' }}>
                                                                <div class="input-group-append">
                                                                <span class="input-group-text"
                                                                      style="font-size: inherit !important;">שעות</span>
                                                                </div>
                                                            </div>
                                                        </td>
                                                    @else
                                                        <td>{{$day}}</td>
                                                        <td>{{$date}}</td>
                                                        <td>{{$days[$dayname]}}</td>
                                                        <td></td>
                                                        <td></td>

                                                    @endif
                                                </tr>

                                            @endfor

                                            @foreach ($extraAttendance as $extra)
                                                <tr class="table-info">

                                                    <td>{{($day+$loop->index)}}</td>
                                                    <td>
                                                        {{$extra->date}}
                                                        <input type="hidden"
                                                               name="attendance[{{($day+$loop->index)}}][date]"
                                                               value="{{$extra->date}}">
                                                        <input type="hidden" id="date"
                                                               name="attendance[{{($day+$loop->index)}}][extra]"
                                                               value="1">
                                                    </td>
                                                    <td></td>
                                                    <td>
                                                        <select class="searchSelect extra form-control"
                                                                name="attendance[{{($day+$loop->index)}}][worker]"
                                                                aria-label="Worker">
                                                            <option value="">בחר עובד ...</option>
                                                            <option value="{{$extra->worker?->id}}"
                                                                    selected>
                                                                {{$extra->worker?->name}}
                                                                - {{$extra->worker?->identification}}
                                                            </option>
                                                        </select>
                                                    </td>
                                                    <td>
                                                        <div class="input-group input-group-sm">
                                                            <input type="number"
                                                                   name="attendance[{{($day+$loop->index)}}][hours]"
                                                                   aria-label="Hour Count"
                                                                   class="form-control hours"
                                                                   value="{{ $extra->hour_work_count ??'' }}">
                                                            <div class="input-group-append">
                                                                <span class="input-group-text"
                                                                      style="font-size: inherit !important;">שעות</span>
                                                            </div>
                                                        </div>
                                                    </td>
                                                </tr>

                                            @endforeach

                                            </tbody>
                                        </table>
                                        <h4 class="mb-0 mx-4 pt-2 border-top text-right">סך הכול שעות: <span
                                                    class="totalHours">0</span></h4>
                                    </div>
                                </div>
                            @endif

                            <button type="button" onclick="addRow()" class="btn btn-success my-3  d-print-none">+
                            </button>
                        </div>
                        <hr class="m-1">
                        <div class="pl-lg-4  d-print-none">
                            <div class="row">
                                <div class="col-md-12">
                                    <button type="submit" class="mt-3 btn btn-primary">עדכון</button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <form id="monthFom">
        <input type="hidden" id="month" name="month" value="">
        <input type="hidden" id="project" name="project" value="">
        <input type="hidden" id="crane" name="crane" value="">
    </form>


    <div class="modal fade" id="addWorkerModel">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <form action="" id="addWorkerForm">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel"> הוסף עובד</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">

                        <div class="row">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label for="name" class="form-control-label">שם </label>
                                    <input type="text" class="form-control" id="name" name="name"
                                           value="{{old('name')}}" required>
                                </div>
                            </div>

                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label for="hour_cost" class="form-control-label"> מחיר לשעה </label>
                                    <input type="text" class="form-control only-number" id="hour_cost" name="hour_cost"
                                           value="{{old('hour_cost')}}">
                                </div>
                            </div>

                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label for="phone1" class="form-control-label"> מספר טלפו</label>
                                    <input type="text" class="form-control only-number" id="phone1" name="phone1"
                                           value="{{old('phone1')}}" maxlength="10">
                                </div>
                            </div>

                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label for="identification" class="form-control-label">מספר תעודת זהות</label>
                                    <input type="text" class="form-control only-number" id="identification"
                                           name="identification" maxlength="9"
                                           value="{{old('identification')}}">
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">ביטול</button>
                        <button type="submit" class="btn btn-primary">הוסף</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

@endsection



@push('scripts')
    {{--    <script src="{{asset('assets/vendor/select2/dist/js/select2.full.min.js')}}"></script>--}}
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.js"></script>
    <script>
        var checkedWorkers = null;


        $(document).on("click", '.copy-previous-worker', function () {
            var previous_day_id = $(this).attr('data-previous-worker');
            var previous_worker_id = $("select[name='attendance[" + previous_day_id + "][worker]']").val();
            var previous_worker_name = $("select[name='attendance[" + previous_day_id + "][worker]'] option:selected").text();
            if (previous_worker_id != null && previous_worker_id != '') {
                $(this).parent().find('select').val(previous_worker_id).empty()
                    .append($("<option/>").val(previous_worker_id).text(previous_worker_name))
                    .val(previous_worker_id).trigger("change");
            }
        });


        function resetForm() {
            $(".searchSelect").empty();
            $(".hours").val('');
        }

        function getTotalHours() {
            var total = 0;
            $('.hours').each(function () {
                total += +$(this).val();
            });
            $('.totalHours').html(total);
        }

        function initializeSelect2(selector = '.searchSelect') {
            $(selector).select2({
                theme: 'bootstrap4',
                allowClear: true,
                placeholder: {
                    id: "",
                    text: "בחר עובד ...",
                    selected: 'selected'
                },
                minimumInputLength: 2,
                ajax: {
                    url: "{{route('worker.ajax')}}",
                    dataType: 'json',
                    delay: 250,
                    processResults: function (data) {
                        return {
                            results: $.map(data, function (item) {
                                return {
                                    text: item.name + " - " + item.identification,
                                    id: item.id,
                                }
                            })
                        };
                    },
                    cache: true
                }
            });


            $(selector).on('select2:select', function (e) {
                var select = $(e.currentTarget);
                var worker_id = e.params.data.id;
                var date = select.parent().parent().find('#date').val();
                // var date = select.parent().parent().parent().find('#date').val();
                var hours = select.parent().parent().find(".hours");
                var extra = select.parent().parent().find(".extra");
                var project_id = $('#project_id').val();
                //   console.log(hours.length);
                hours.prop('readonly', false);
                if (extra.length <= 0) {
                    $.ajax({
                        type: 'POST',
                        url: "{{ route('worker.data.status') }}",
                        data: {worker: worker_id, date: date},
                        success: function (data) {
                            if (data.status === false) {
                                select.val(null).trigger("change");
                                // hours.prop('readonly', true);
                                //  hours.val('');
                                Swal.fire({
                                    title: 'שגיאה!',
                                    icon: 'error',
                                    html: " עובד אינו יכול לעבוד באותו יום ביותר מאתר עבודה אחד! <br>" + "<b>" + data.result['worker'] + "</b>" + " עובד בתאריך הזה ב  " + "<b>" + data.result['project'] + "</b>" + " על " + data.result['crane'] + "</b>" + " "
                                })
                            }else{
                                $.ajax({
                                    type: 'POST',
                                    url: "{{ route('project.ajax.six') }}",
                                    data: {worker: worker_id, date: date, project: project_id},
                                    success: function (data) {
                                        if (data.status === "without-organizer") {
                                            if (checkedWorkers[worker_id]){
                                                return
                                            }

                                            Swal.fire({
                                                title: 'שגיאה!',
                                                icon: 'error',
                                                html: " אין קבלן לעובד.",
                                                showDenyButton: true,
                                                confirmButtonText: 'המשיך',
                                                denyButtonText: `ביטול`,
                                            }).then((result) => {
                                                if (result.isDenied) {
                                                    select.val(null).trigger("change");
                                                }else{
                                                    checkedWorkers[worker_id] = true;
                                                    console.log(checkedWorkers);
                                                }
                                            })
                                        }else if (data.status === "different-organizer") {
                                            if (checkedWorkers[worker_id]){
                                                return
                                            }
                                            Swal.fire({
                                                title: 'שגיאה!',
                                                icon: 'error',
                                                html: data.message,
                                                showDenyButton: true,
                                                confirmButtonText: 'המשיך',
                                                denyButtonText: `ביטול`,
                                            }).then((result) => {
                                                if (result.isDenied) {
                                                    select.val(null).trigger("change");
                                                }else{
                                                    checkedWorkers[worker_id] = true;
                                                    console.log(checkedWorkers);
                                                }
                                            })
                                        }

                                    }
                                });
                            }

                        }
                    });
                }
            });

            $(selector).on('select2:clear', function (e) {
                var select = $(e.currentTarget);
                var hours = select.parent().parent().find(".hours");
                //    hours.prop('readonly', true);
                //   hours.val('');
            });

        }

        function addRow() {
            let index = $('#AttendanceTable tr').length;
            $('#AttendanceTable > tbody:last-child').append(`<tr>
                                                        <td>` + index + `</td>
                                                        <td>
                                                            <input type="text" class="form-control datepicker form-control-sm text-left"
                                                                id="date" name="attendance[` + index + `][date]" required
                                                                placeholder="yyyy-mm-dd">
                                                            <input type="hidden" name="attendance[` + index + `][extra]" value="1">
                                                        </td>
                                                         <td></td>
                                                        <td>
                                                             <select class="searchSelect extra form-control form-control-sm"
                                                                    name="attendance[` + index + `][worker]"
                                                                    aria-label="Worker" required>
                                                                <option value="">בחר עובד ...</option>
                                                               </select>
                                                        </td>
                                                        <td>
                                                            <div class="input-group input-group-sm">
                                                                <input type="number" name="attendance[` + index + `][hours]" aria-label="Hour Count"
                                                              class="form-control hours" step="0.01" required readonly>
                                                                <div class="input-group-append">
                                                                <span class="input-group-text" style="font-size: inherit !important;">שעות</span>
                                                                </div>
                                                            </div>
                                                        </td>
        </tr>`);
            var select2 = $("select[name='attendance[" + index + "][worker]']")
            initializeSelect2(select2);
            $('.datepicker').datepicker({
                format: 'yyyy-mm-dd'
            })
        }


        $(document).ready(function () {

            initializeSelect2();
            getTotalHours();

            $(document).on("input", '.hours', function () {
                getTotalHours();
            });

            $('body').on('keydown', 'input, select', function (e) {
                if (e.key === "Enter") {
                    var self = $(this), form = self.parents('form:eq(0)'), focusable, next;
                    focusable = form.find('input').filter(':visible');
                    next = focusable.eq(focusable.index(this) + 1);
                    if (next.length) {
                        next.focus();
                        next.select();
                    }
                    return false;
                }
            });

            $("#addWorkerForm").on("submit", function (event) {
                event.preventDefault();
                var data = getFormData($(event.target));
                data['_token'] = "{{ csrf_token() }}";
                $.ajax({
                    type: 'POST',
                    url: '{{route('worker.store.ajax')}}',
                    dataType: 'json',
                    data: data,
                    success: function (data) {
                        if (data.status === true) {
                            Swal.fire(
                                'עובד חדש נוסף בהצלחה.',
                                '',
                                'success'
                            )
                        }
                        $('#addWorkerModel').modal('hide');
                        //    console.log(data);
                    }
                });
                //   console.log(data);
            });

            $("#selectWorker").on("click", function () {
                var data = $('#mainWorker').select2('data')
                if (data && data !== '') {
                    var name = data[0].text;
                    var id = data[0].id;

                    $('.searchSelect').each(function () {
                        if ($(this).find("option[value=" + id + "]").length) {
                            $(this).val(id).trigger("change");
                        } else {
                            var newState = new Option(name, id, true, true);
                            $(this).append(newState).trigger('change');
                        }
                        var select = $(this);
                        var hours = select.parent().parent().find(".hours");
                        // var date = select.parent().parent().find('#date').val();
                        var date = select.parent().parent().find('#date').val();
                        $.ajax({
                            type: 'POST',
                            url: "{{ route('worker.data.status') }}",
                            data: {worker: id, date: date},
                            success: function (data) {
                                if (data.status === false) {
                                    select.val(null).trigger("change");
                                    //   hours.prop('readonly', true);
                                    //   hours.val('');
                                }
                            }
                        });

                    })
                    //   $('.hours').prop('readonly', false).val('');
                }
            });


            var old_project_id = {{old('project_id',request('project',0))}};
            $('#date, #project_id, #crane_id').on('change', function () {
                var date = $('#date').val();
                var project_id = $('#project_id').val();
                var crane_id = $('#crane_id').val();

                if (project_id && crane_id && date) {
                    $('#monthFom #month').val(date);
                    $('#monthFom #project').val(project_id);
                    if (project_id == old_project_id) {
                        $('#monthFom #crane').val(crane_id);
                        //  console.log("1");
                    } else {
                        $('#monthFom #crane').val(null);
                        //   console.log("2");
                    }
                    $('#monthFom').submit();
                } else if (project_id && date) {
                    $('#monthFom #month').val(date);
                    $('#monthFom #project').val(project_id);
                    $('#monthFom').submit();
                }
                if (this.value === "" || this.value == null) {
                    $('#monthFom #month').val(null);
                    $('#monthFom #project').val(null);
                    $('#monthFom #crane').val(null);
                    $('#monthFom').submit();
                }
            });

        })


        var formSubmit = false;
        var unsaved = false;

        function formSubmitting() {
            formSubmit = true;
        }

        $(window).bind('beforeunload', function () {
            // if(unsaved && !formSubmit){
            if (unsaved) {
                return "Changes you made may not be saved.";
            }
        });

        $(document).on('change', ':input', function () {
            var id = $(this).attr('id');
            if (id != "date" && id != "crane_id" && id != "project_id") {
                unsaved = true;
                //    console.log(id);
            }
        });
    </script>

@endpush