@extends('voyager::master')

@section('css')
    <meta name="csrf-token" content="{{ csrf_token() }}">
@stop

@section('page_title', __('voyager::generic.' . ($edit ? 'edit' : 'add')) . ' ' .
    $dataType->getTranslatedAttribute('display_name_singular'))

@section('page_header')
    <h1 class="page-title">
        <i class="{{ $dataType->icon }}"></i>
        {{ __('voyager::generic.' . ($edit ? 'edit' : 'add')) . ' ' . $dataType->getTranslatedAttribute('display_name_singular') }}
    </h1>
    @include('voyager::multilingual.language-selector')
@stop

@section('content')
    <div class="page-content edit-add container-fluid">
        <div class="row show-alert-wrong @if(count($current_total_accounting) > 0) d-none @endif">
            <div class="col-12 alert mb-2 show-message"></div>
        </div>

        @if($add)
        <div class="row">
            <div class="col-12">
                <div class="main-panel">
                    <div class="search-panel" id="search-inputs">
                        <form role="search-form" class="form-search" method="get">
                            <div class="form-group m-0 row">
                                <div class="col-2">
                                    <label class="control-label" for="name">{{ __('messages.admin.date') }}</label>
                                    <input type="date" id="date" class="form-control" name="date" placeholder="{{ __('messages.admin.date') }}" value="{{ $date }}">
                                </div>
                                <div class="col-2">
                                    <label class="control-label" for="name">{{ __('messages.admin.time') }}</label>
                                    <input type="time" id="time" class="form-control" name="time" placeholder="{{ __('messages.admin.time') }}" value="{{ $time }}">
                                </div>
                                <div class="col-4"></div>
                                <div class="col-3"></div>
                                <div class="col-1 mt-4">
                                    <button type="submit" class="btn btn-info pull-left" name="search">{{ __('messages.admin.search') }}</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        @else
        <div class="row">
            <div class="col-12">
                                <input type="hidden" id="date" class="form-control" name="date" placeholder="{{ __('messages.admin.date') }}" value="{{ $record_date }}">
                <input type="hidden" id="time" class="form-control" name="time" placeholder="{{ __('messages.admin.time') }}" value="{{ $record_time }}">
            </div>
        </div>
        @endif

        @if($date)
        <div class="row">
            <div class="col-md-12">

                <div class="panel panel-bordered">
                    <!-- form start -->
                    <form role="form" class="form-edit-add"
                        action="{{ $edit ? route('voyager.' . $dataType->slug . '.update', $total_accounting->id) : route('voyager.' . $dataType->slug . '.store') }}"
                        method="POST" enctype="multipart/form-data">
                        <!-- PUT Method if we are editing -->
                        @if ($edit)
                            {{ method_field('PUT') }}
                        @endif

                        <!-- CSRF TOKEN -->
                        {{ csrf_field() }}
                        <div class="panel-body-supervisors">

                            @if (count($errors) > 0)
                                <div class="alert alert-danger">
                                    <ul>
                                        @foreach ($errors->all() as $error)
                                            <li>{{ $error }}</li>
                                        @endforeach
                                    </ul>
                                </div>
                            @endif

                            <!-- Adding / Editing -->
                            @php
                                $dataTypeRows = $dataType->{$edit ? 'editRows' : 'addRows'};
                            @endphp
                            @include('voyager::daily-data-entry.partials.supervisors')
                        </div>
                        <!-- panel-body -->

                        <div class="panel-footer"></div>
                </form>
            </div>
        </div>
    </div>
    @endif
</div>
@stop

@section('javascript')
<script>
    let workTime = '{!! $work_time !!}';

    function formatDate(date) {
        let month = '' + (date.getMonth() + 1),
            day = '' + date.getDate(),
            year = date.getFullYear();

        if (month.length < 2)
            month = '0' + month;
        if (day.length < 2)
            day = '0' + day;

        return [year, month, day].join('-');
    }

    function handleErrorNumbers(self, identifier)
    {
        self.addClass('border border-danger text-danger');
        self.parents('tbody').find('.sum-' + identifier + ' .on-change-sum').addClass('text-danger');
        self.parents('.section-products').find('button[type="button"]').attr('disabled', 'disabled');
        toastr.error('الكمية المدخلة للهوز رقم ' + identifier + ' غير صحيحة');
    }

    function handleSuccessNumbers(self, identifier)
    {
        self.removeClass('border border-danger text-danger');
        self.parents('tbody').find('.sum-' + identifier + ' .on-change-sum').removeClass('text-danger');
        self.parents('.section-products').find('button[type="button"]').removeAttr('disabled');
    }

    function handleChangeSum(self)
    {
        let totalNumbers = 0;
        self.find('.on-change-sum').each(function() {
            totalNumbers += parseInt($(this).text());
        });

        if (totalNumbers < 0)
            totalNumbers = 0;

        self.find('.show-total-numbers').text(totalNumbers);
    }

    function checkTime()
    {
        let dateTimeSearched = $('#date').val() + ' ' + $('#time').val();
        let dateTimeExpected = $('#date').val() + ' ' + workTime;
        let timeSearched = new Date(dateTimeSearched);
        let timeExpected = new Date(dateTimeExpected);

        if ($('.widget-product').find('button[type=button]').length > 0)
            $('.show-alert-wrong').removeClass('d-none');

        if (timeSearched.getTime() > timeExpected.getTime()) {
            $('.show-alert-wrong').find('.show-message').removeClass('alert-warning').addClass('alert-danger').text('تقوم الان  بتسجيل المعلومات  لليوم ' + formatDate(timeSearched));
        } else {
            let aliasTimeSearched = timeSearched;
            let tomorrowDay =  new Date(aliasTimeSearched.setDate(aliasTimeSearched.getDate() - 1));
            $('.show-alert-wrong').find('.show-message').removeClass('alert-danger').addClass('alert-warning').text('تقوم الان  بتسجيل المعلومات  لليوم ' + formatDate(tomorrowDay));
        }
    }

    $(document).on('change', '.on-change-first-number', function() {
        let supervisorIdentifier = $(this).attr('data-id');
        let value = $(this).val();
        let lastNumber = $(this).parents('tbody').find('.last-number-' + supervisorIdentifier + ' .on-change-last-number').val();
        let diffNumber = lastNumber - value;
        $(this).parents('tbody').find('.sum-' + supervisorIdentifier + ' .on-change-sum').html(diffNumber);
        if (diffNumber < 0) {
            handleErrorNumbers($(this), supervisorIdentifier);
        } else {
            handleSuccessNumbers($(this), supervisorIdentifier);
        }
        handleChangeSum($(this).parents('.section-products'));
    });

    $(document).on('change', '.on-change-last-number', function() {
        let supervisorIdentifier = $(this).attr('data-id');
        let value = $(this).val();
        let firstNumber = $(this).parents('tbody').find('.first-number-' + supervisorIdentifier + ' .on-change-first-number').val();
        let diffNumber = value - firstNumber;
        $(this).parents('tbody').find('.sum-' + supervisorIdentifier + ' .on-change-sum').html(diffNumber);
        if (diffNumber < 0) {
            handleErrorNumbers($(this), supervisorIdentifier);
        } else {
            handleSuccessNumbers($(this), supervisorIdentifier);
        }
        handleChangeSum($(this).parents('.section-products'));
    });

    $(document).ready(function() {
        $('.panel-body-supervisors').find('.section-products').each(function() {
            handleChangeSum($(this));
        });

        $(document).on('change', '#time', function () {
            checkTime();
        });

        checkTime();
    });
</script>
@stop