@extends('companyuser::layouts.master')
@section('title', __('accounting::manual_journal_entries.Manual Journal Entries'))
@section('extra-styles')
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/plugins/range/range.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/table/table-custome-styles.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/style-svgFont.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/filter.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/vendors/css/pickers/daterange/daterangepicker.css') }}">
<script src="{{ asset('/js/app.js') }}" defer></script>
<style>
    .filter-section-collapse form .input-group .input-group-addon.h-45 {
        height: 45px !important;
    }
    .lh-3 {
        line-height: 3;
    }
    /* Styles for the integration selector input */
    .select2-container--default .select2-search--inline .select2-search__field{
        margin-top: -10px !important;
    }
    .select2-container{
        height: 30px;
    }
    .select2-selection{
        height: 30px;
    }
    a.disabled {
        pointer-events: none;
        cursor: default;
    }
</style>
@if(app()->getlocale() == 'en')
    <style>
        div.dataTables_filter{
            display: inline-block;
            width: 50%;
            vertical-align: middle;
            text-align: right;
        }
        #entries_table_filter{
            width: 100%;
        }
    </style>
@endif
@endsection
@section('extra-script')
    <script src="{{ url('assets/js/plugins/range/balance-range.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('companyuser::sidebar.Accounting')</a></li>
                <li class="breadcrumb-item active"><a href="#">@lang('companyuser::sidebar.Manual Journal Entries')</a></li>
            </ol>
        </div>
    </div>
@endsection
@section('content')
<section id="">
    <div class="container-fluid">
            <div class="col-md-8 headTitle">
                <h3 class="py-half">@lang('accounting::manual_journal_entries.Manual Journal Entries')</h3>
            </div>
            <div class="headBtns fixed-btns">
                <div class="btn-group pull-right">
                    @can('accounting.manual-journal-entries.create')
                    <a class="text-green" href="{{url('/accounting/journal-entries/create')}}" title="@lang('Add')">
                        <span class="icon-Add action-icon" @if(!$accountingSettingsCount) disabled @endif></span>
                    </a>
                    @endcan
                </div>
                @can('accounting.manual-journal-entries.view')
                    <div class="mb-1">
                        <a href="{{route('company.manual-journal-entries.print-all', ['subdomain' => $subdomain, 'request' => request()->all()])}}" class="{{!$journalEntriesCount ? 'disabled' : ''}} pull-left" target="_blank" title="@lang('Print')">
                            <span class="icon-Print action-icon"></span>
                        </a>
                    </div>
                @endcan
            </div>
        <div class="row">
            @if(!$accountingSettingsCount)
            <div class="col-md-12  col-xs-12 text-center">
                <div class="alert alert-white settings-alert">
                    @lang('superadmin::Dashboard.Please set your ')&nbsp;
                    @if(!$accountingSettingsCount)
                        <a href="{{route('company.accounting-settings.index', $subdomain)}}">@lang('settings::general_settings.accounting settings') </a>
                    @endif &nbsp;
                    @lang('superadmin::Dashboard.to start adding accounting transactions')
                </div>
            </div>
            @endif
        </div>
        @include('companyuser::errors.all')
        @include('companyuser::errors.lists')
        <div id="frontend-validation-errors"></div>
        <div class="mt-1">
            <button class="btn btn-primary w-100 filterbtn" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
                <div class="d-flex justify-content-between">
                    <span>@lang('Filter') </span><i class="fa fa-angle-down"></i>
                </div>
            </button>
        </div>
        <div class="collapse filter-section-collapse" id="collapseExample">
            <form action="{{ route('company.manual-journal-entries.index', ['subdomain' => $subdomain]) }}" method="GET" id="filter-form" class="form form-horizontal striped-rows form-bordered dev-form-validate" novalidate>
                <div class="card card-body mb-0">
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-12  w-100-ipad-portrait">
                                        <label for="Date">@lang('accounting::manual_journal_entries.Journal Date')</label>
                                    </div>
                                    <div class="col-md-6  w-50-ipad-portrait mb-half">
                                        <x-date-picker
                                            mode="single"
                                            name="date_from"
                                            input-id="date_from"
                                            :value="request('date_from')"
                                            input-class="h-45"
                                            :is-invalid="$errors->has('date_from')"
                                        />
                                        @error('date_from')
                                        <div class="invalid-feedback text text-danger w-100 d-block" role="alert">
                                            <p>{{ $message }}</p>
                                        </div>
                                        @enderror
                                    </div>
                                    <div class="col-md-6  w-50-ipad-portrait mb-half">
                                        <x-date-picker
                                            mode="single"
                                            name="date_to"
                                            input-id="date_to"
                                            :value="request('date_to')"
                                            input-class="h-45"
                                            :is-invalid="$errors->has('date_to')"
                                            :min-date="request('date_from')"
                                        />
                                        @error('date_to')
                                        <div class="invalid-feedback text text-danger w-100 d-block" role="alert">
                                            <p>{{ $message }}</p>
                                        </div>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-12  w-100-ipad-portrait">
                                        <label for="category">@lang('accounting::manual_journal_entries.Journal Amount')</label>
                                    </div>
                                    <div class="col-md-6  w-50-ipad-portrait mb-half">
                                        <input type="number" name="amount_from" value="{{ request('amount_from') }}" class="form-control h-45" placeholder="{{ __('from') }}">
                                    </div>
                                    <div class="col-md-6  w-50-ipad-portrait mb-half">
                                        <input type="number" name="amount_to" value="{{ request('amount_to') }}" class="form-control h-45" placeholder="{{ __('to') }}">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row mt-1">
                        <div class="col-lg-6 col-md-6">
                            <div class="row py-1">
                                <div class="col-lg-12">
                                    <label for="category">@lang('accounting::manual_journal_entries.transactions_type')</label>
                                </div>
                                <div class="col-lg-12">
                                    <select name="transaction_types" class="w-100 py-1 form-control select2-tag" style="width:100%">
                                        <option value="">{{ __('All') }}</option>
                                        @foreach($transactionTypes as $key => $value)
                                            <option value="{{ $key }}" {{ request('transaction_types') == $key ? 'selected' : '' }}>{{ $value }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6">
                            <div class="row py-1">
                                <div class="col-lg-12">
                                    <label for="integration_id">@lang('accounting::manual_journal_entries.integration_id')</label>
                                </div>
                                <div class="col-lg-12">
                                    <select name="integration_id[]" id="integration_id" multiple class="w-100 py-1 form-control select2-tag" style="width: 100%; height: 60px !important;">
                                        @forelse(App\Enums\IntegrationConfigTypesEnum::INTEGRATION_TYPES_INDEX as $Integration)
                                            @if($Integration['label'] == 'prexle')
                                                <option @if(request()->has('integration_id')) @if(in_array('بريكسل', request('integration_id'))) selected @endif @endif value="بريكسل">Prexle</option>
                                            @else
                                                <option @if(request()->has('integration_id')) @if(in_array($Integration['label'], request('integration_id'))) selected @endif @endif value="{{ $Integration['label'] }}">{{ ucfirst($Integration['label']) }}</option>
                                            @endif
                                        @empty
                                        @endforelse
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="text-left mt-2">
                        <button type="submit" class="btn btn-info mr-1 mb-1 p-5">
                            <img src="{{asset('assets/images/Done.png') }}" alt="done" width="35px">
                        </button>
                        <button type="reset" id="reset" class="btn btn-warning mb-1 p-5"> <span class="icon-Delete f-32"></span></button>
                    </div>
                </div>
            </form>
        </div>
        <div>
            <section id="configuration">
                <div class="row mt-1">
                    <div class="col-xs-12">
                        <div class="card">
                            <div class="card-body collapse in">
                                <div class="">
                                    <div id="div-collection" class="content-row menuDisplayed sub-header-descr">
                                        <table id="entries_table" class="table mb-0 table table-striped" style="width:100%;display: inline-table;border-collapse: collapse !important;">
                                            <thead>
                                                <tr>
                                                    <th>@lang('accounting::manual_journal_entries.Journal ID')</th>
                                                    <th>@lang('accounting::manual_journal_entries.Journal Date')</th>
                                                    <th>@lang('accounting::manual_journal_entries.Memo')</th>
                                                    <th>@lang('accounting::manual_journal_entries.Created By')</th>
                                                    <th>@lang('accounting::manual_journal_entries.Journal Amount')</th>
                                                    <th>@lang('accounting::manual_journal_entries.transactions_type')</th>
                                                    <th>@lang('Actions')</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                <div class="modal fade" id="deleteModal" tabindex="-1" role="dialog" aria-labelledby="deleteModalLabel">
                                    <div class="modal-dialog" role="document">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                    <span aria-hidden="true">&times;</span></button>
                                                <h4 class="modal-title" id="deleteModalLabel">@lang('Delete')</h4>
                                            </div>
                                            <div class="modal-body">
                                                <p>
                                                    @lang('accounting::manual_journal_entries.delete confirmation message')
                                                </p>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-primary mx-1" data-dismiss="modal">@lang('Cancel')</button>
                                                <span style="display: inline-block;">
                                                    <form  action="" method="POST" class="form delete-form">
                                                        @csrf
                                                        @method('delete')
                                                        <button type="submit" class="btn btn-default">@lang('Continue')</button>
                                                    </form>
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                {{-- Recurring Delete Warning Modal --}}
                                <div class="modal fade" id="deleteRecurringModal" tabindex="-1" role="dialog" aria-labelledby="deleteRecurringModalLabel" style="z-index: 100001 !important;">
                                    <div class="modal-dialog" role="document">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                    <span aria-hidden="true">&times;</span></button>
                                                <h4 class="modal-title" id="deleteRecurringModalLabel">@lang('accounting::manual_journal_entries.recurring_delete_title')</h4>
                                            </div>
                                            <div class="modal-body">
                                                <p>
                                                    @lang('accounting::manual_journal_entries.recurring_delete_message')
                                                </p>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-primary mx-1" data-dismiss="modal">@lang('Cancel')</button>
                                                <span style="display:inline-block">
                                                    <form action="" method="POST" class="form delete-recurring-form">
                                                        @csrf
                                                        @method('delete')
                                                        <input type="hidden" name="recurring_stop_url" id="recurring-stop-url" value="">
                                                        <button type="submit" class="btn btn-default">@lang('accounting::manual_journal_entries.recurring_delete_confirm')</button>
                                                    </form>
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            @endsection
            @section('extra_scripts')
                <script>
                    gtag('event', 'web_accounting_manual_journal_entries_list');
                    console.log('web_accounting_manual_journal_entries_list event');
                </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/daterange/daterangepicker.js')}}" defer></script>
            <script src="{{ asset('assets/js/custom/daterangepicker.js') }}" defer></script>
            <script>
            window.addEventListener('DOMContentLoaded', function () {
                $(document).ready(function () {
                    $("body").on("click",".filterbtn",function(){
                        let url = new URL(window.location.href);
                        let date_from = url.searchParams.get("date_from");
                        if($("#collapseExample").hasClass("in") == false && $("#collapseExample").hasClass("dateCheck") == false && (date_from == '' ||  date_from == null)){
                            $(".singledate").val("");
                            $("#collapseExample").addClass("dateCheck");
                        }
                    });
                    //to reset filter dropdown menus
                    $('#reset').click(function(e) {
                        e.preventDefault()
                        // here we made it val to work in both inputs and dropdown menu
                        $('.form-control').val("");
                        $('.select2-tag').select2({
                            allowClear: true
                        });
                    });
                   // For A Delete Record Popup
                    //handel desktop(click) and mobile(touchstart) browsers
                    $(document).on('touchstart click', '.delete-item', function (e) {
                        e.preventDefault();
                        var url = $(this).attr('data-url');
                        var hasRecurring = $(this).attr('data-has-recurring') === '1';
                        var recurringStopUrl = $(this).attr('data-recurring-stop-url');

                        if (hasRecurring) {
                            // Show recurring warning modal
                            $('#deleteRecurringModal .delete-recurring-form').attr("action", url);
                            $('#deleteRecurringModal #recurring-stop-url').val(recurringStopUrl);
                            $('#deleteRecurringModal').modal('show');
                        } else {
                            // Show normal delete modal
                            $('#deleteModal .delete-form').attr("action", url);
                            $('#deleteModal').modal('show');
                        }
                    });

                    // Handle recurring delete form submission - stop recurrence first then delete
                    $('.delete-recurring-form').submit(function (e) {
                        e.preventDefault();
                        var form = $(this);
                        var recurringStopUrl = $('#recurring-stop-url').val();

                        $('#overlay').css('display', 'flex');

                        // First stop the recurrence
                        if (recurringStopUrl) {
                            $.ajax({
                                url: recurringStopUrl,
                                type: 'PUT',
                                data: {
                                    _token: $('meta[name="csrf-token"]').attr('content')
                                },
                            }).always(function () {
                                // Then submit the delete form
                                form.off('submit').submit();
                            });
                        } else {
                            // No recurring to stop, just submit
                            form.off('submit').submit();
                        }
                    });

                    //to reset filter dropdown menus
                    //handel desktop(click) and mobile(touchstart) browsers
                    $(document).on('touchstart click', '#reset', function (E) {
                        e.preventDefault()
                        // here we made it val to work in both inputs and dropdown menu
                        $('.form-control').val("");
                    })

                    $('.delete-form').submit(function (e) {
                        $('#overlay').css('display', 'flex');
                    })
                });
                $('#entries_table').DataTable({
                        processing: true,
                        serverSide: true,
                        search: true,
                        ajax: {
                            url: "{{route('company.manual-journal-entries.index',$subdomain)}}",
                            data: