@use('App\Services\Date')
@extends('companyuser::layouts.master')
@section('title', __('accounting::manual_journal_entries.Edit Manual Journal Entry'))
@section('extra-styles')
<link rel="stylesheet" href="{{asset('assets/vendors/css/pickers/daterange/daterangepicker.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('assets/vendors/css/pickers/datetime/bootstrap-datetimepicker.css')}}">
<link rel="stylesheet" href="{{asset('assets/vendors/css/pickers/pickadate/pickadate.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('assets/css/plugins/pickers/daterange/daterange.css')}}">
<link rel="stylesheet" href="{{asset('assets/css/custom.css')}}">
<script src="{{ asset('/js/app.js') }}" defer></script>
@endsection
@section('breadcrumb')
<div class="row breadcrumbs-top">
    <div class="breadcrumb-wrapper col-xs-12">
        <ol class="breadcrumb">
            <li class="breadcrumb-item">
                <a>@lang('accounting::manual_journal_entries.Accounting')</a>
            </li>
            <li class="breadcrumb-item active">
                <a href="{{url('/accounting/journal-entries')}}">@lang('accounting::manual_journal_entries.Manual Journal Entries')</a>
            </li>
            <li class="breadcrumb-item active">
                <a href="#">@lang('Edit')</a>
            </li>
        </ol>
    </div>
</div>
@endsection
@section('content')
<section id="basic-form-layouts" class="form-border add-form-section filter-section-collapse">
    @yield('open_form_tag')
    <div class="container-fluid">
        <div class="col-md-6 headTitle">
            <h3 class="d-inline">@lang('accounting::manual_journal_entries.Edit Manual Journal Entry')</h3>
        </div>
        <div class="headBtns mx-1 fixed-btns">
            <div class="btn-group pull-right">
            @yield('action-buttons')
            </div>
            <div class="mb-1 pull-left">
            @yield('back_button')
        </div>
    </div>
    <div class=" match-height">
        @include('companyuser::errors.all')
        @include('companyuser::errors.lists')
        <div class="card ">
            <div class="alert alert-warning" id="journal-data-in-the-future" style="display: none">
                @lang('accounting::manual_journal_entries.warning_journal_date_in_the_future')
            </div>
            <div class="card-block mt-2">
                <div class="alert alert-warning">
                    <p class="mb-0"><i class="fa fa-exclamation-triangle"></i> @lang('accounting::manual_journal_entries.conflicting_records_note')</p>
                </div>
                <div class="form-body">
                    @if($data['fiscalYear'])
                    <input type="hidden" id="fiscal_year"
                           value="{{ $data['fiscalYear']['month'].'/'.$data['fiscalYear']['day'].'/'.$data['fiscalYear']['year'] }}">
                    <input name="fiscal_year_id" type="hidden" value="{{ $data['fiscalYear']->id }}">
                    @endif

                    @if(is_null($data['maxRecords']))
                    <input name="max_records" type="hidden" value="1">
                    @else
                    <input name="max_records" type="hidden" value="{{ $data['maxRecords'] }}">
                    @endif
                    <div class="form-group">
                        <div class="row">
                            <div class="col-md-2">
                                <label class="custom-control  block pl-0">
                                    <span class="custom-control-description pl-0 ml-0">
                                        <label>@lang('accounting::manual_journal_entries.Journal Date')</label>
                                        <i class="ft-info text-bold-600" data-toggle="tooltip"data-placement="bottom"
                                           title="@lang('accounting::manual_journal_entries.journal_data_validation_message')"></i>
                                    </span>
                                </label>
                            </div>
                            <div class="col-md-4">
                                <x-date-picker
                                    mode="single"
                                    name="journal_date"
                                    input-id="journal_date"
                                    :value="old('journal_date') ?? Date::format($data['entry']->journal_date, 'date')"
                                    input-class="h-45"
                                    :is-invalid="$errors->has('journal_date')"
                                    :max-date="Date::now('date')"
                                />
                                @error('journal_date')
                                <div class="invalid-feedback text text-danger w-100 d-block" role="alert">
                                    <p>{{ $message }}</p>
                                </div>
                                @enderror
                            </div>
                            <div class="col-md-2 offset-xs-2">
                                <label>@lang('accounting::manual_journal_entries.Journal Number')</label>
                            </div>
                            <div class="col-md-2">
                                <input type="text" name="code" value="{{ $data['entry']->display_code }}" disabled class="w-100 form-control @if($errors->has('journal_number')) is-invalid @endif">
                                @error('journal_number')
                                <div class="invalid-feedback text text-danger" role="alert">
                                    <p>{{ $message }}</p>
                                </div>
                                @enderror
                            </div>
                        </div>
                    </div>

                    @yield('vue_component')
                    <div class="form-group">
                        <div class="row">
                            <div class="col-md-8">
                                <label>{{__('accounting::manual_journal_entries.memo')}}</label>
                                <textarea name="memo" cols="10" rows="5" class="w-100 form-control @if($errors->has('memo')) is-invalid @endif">{{ $data['entry']->memo }}</textarea>
                                @error('memo')
                                    <span class="invalid-feedback text text-danger" role="alert">
                                        <span>{{ $message }}</span>
                                    </span>
                                @enderror
                            </div>
                            <div class="col-md-4">
                            </div>
                        </div>
                    </div>
                    <div class="row mb-2">
                        <div class="col-md-12">
                            <attachments-component
                                :translations="{{ json_encode([
                                    'attachments' => __('general.attachments'),
                                    'attachments_validation' => __('general.attachments_validation'),
                                    'attachments_max_size' => __('general.attachments_max_size'),
                                    'selected_files' => __('general.selected_files'),
                                ]) }}"
                                :errors="{{ json_encode($errors->get('attachments.*')) }}"
                                :preloaded-files="{{ json_encode($data['entry']->attachments ?? []) }}"
                            ></attachments-component>
                        </div>
                    </div>
                    <div>
                        @if(count($data['entry']->attachments))
                        @foreach ($data['entry']->attachments as $attachment)
                        @if(old('remaining_attachments') && !in_array($attachment->id,old('remaining_attachments')))
                        @continue
                        @else
                        <div class="mb-2" id="attachment_{{$attachment->id}}">
                            <input name="remaining_attachments[]" id="remaining_attachments_{{$attachment->id}}" type="hidden" value="{{$attachment->id}}"/>
                            <a href={{ $attachment->file_path }} target="_blank">{{$attachment->name}}</a>
                            @can('accounting.manual-journal-entries.delete')
                            <a class='btn btni rounded-circle font-small-2 btn-danger btn-xs btn-delete delete-item text-white'
                               style="height: 1.5rem;width:1.5rem;" title="{{__('Delete')}}" onclick="deleteAttachment({{$attachment->id}})">
                                <i class="fa fa-trash" style="line-height: 1rem;"></i>
                            </a>
                            @endcan
                        </div>
                        @endif
                        @endforeach
                        <span class="invalid-feedback text text-alert" role="alert">
                            <p>* @lang('accounting::manual_journal_entries.delete attachment confirmation message')</p>
                        </span>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
    </form>
</section>
@endsection

@section('extra_scripts')
    <script>
        gtag('event', 'web_accounting_manual_journal_entries_edit');
        console.log('web_accounting_manual_journal_entries_edit event');
    </script>
<script>
    function deleteAttachment(attachment_id){
        $('#remaining_attachments_'+attachment_id).remove();
        $('#attachment_'+attachment_id).hide();
    }

window.addEventListener('DOMContentLoaded', function () {
(function ($) {

    //adjust submit buttons
    $('.dev-account-submit').click(function () {
        //take value from clicked btn
        $('#dev-action-holder').val($(this).attr('dev-value'))
        //submit form
        $('#accountForm').submit();
        //disabled form
        $(this).prop('disabled', true);
    });

            $('#accountForm').submit(function(e) {
                $('#overlay').css('display', 'flex');
            });

    // get the fiscal year
    let fiscal_year = $('#fiscal_year').val();



    // get journal date when change
    $('#journal_date').on('change', function () {

        if (fiscal_year) {
            let journal_date = $('#journal_date').val();
            let temp = journal_date.split("-");
            // "2015-03-25" (The International Standard)
            journal_date = temp[2] + '-' + temp[1] + '-' + temp[0];
            journal_date = new Date(journal_date);
            // Short Date	"03/25/2015"
            fiscal_year = new Date(fiscal_year);


            if (journal_date > new Date()) {

                $('#journal-data-in-the-future').show();
            } else {
                $('#journal-data-in-the-future').hide();
            }
        }

    });



})(jQuery);
});
</script>
<script src="{{url('assets/js/vendors/js/pickers/dateTime/moment-with-locales.min.js')}}" defer></script>
<script src="{{url('assets/js/vendors/js/pickers/dateTime/bootstrap-datetimepicker.min.js')}}" defer></script>
<script src="{{url('assets/js/vendors/js/pickers/pickadate/picker.js')}}" defer></script>
<script src="{{url('assets/js/vendors/js/pickers/pickadate/picker.date.js')}}" defer></script>
<script src="{{url('assets/js/vendors/js/pickers/pickadate/picker.time.js')}}" defer></script>
<script src="{{url('assets/js/vendors/js/pickers/pickadate/legacy.js')}}" defer></script>
<script src="{{url('assets/js/vendors/js/pickers/daterange/daterangepicker.js')}}" defer></script>
<script src="{{ asset('assets/js/custom/daterangepicker.js') }}" defer></script>
<script src="{{url('assets/js/vendors/js/pickers/dateTime/picker-date-time.js')}}" defer></script>

@endsection