@extends('companyuser::layouts.master')
@section('title', __('accounting::easy_entries.Easy Entries'))
@section('extra-styles')
<link type="text/css" rel="stylesheet" href="{{ asset('assets/vendors/css/pickers/daterange/daterangepicker.css') }}">
<link type="text/css" rel="stylesheet" href="{{ asset('assets/css/filter.css') }}">
<link type="text/css" rel="stylesheet" href="{{ asset('assets/css/plugins/input-dropdown/input-dropdown.css') }}">
<link type="text/css" rel="stylesheet" href="{{ asset('assets/css/plugins/range/range.css') }}">
<link type="text/css" rel="stylesheet" href="{{ asset('assets/css/table/table-custome-styles.css') }}">
<link type="text/css" rel="stylesheet" href="{{ asset('assets/css/custom.css') }}">
<link type="text/css" rel="stylesheet" href="{{ asset('assets/css/style-svgFont.css') }}">
<script src="{{ asset('/js/app.js') }}" defer></script>
<style>
    .daterangepicker.dropdown-menu{
        z-index: 99999 !important;
    }
    .select2-dropdown{
        z-index: 99999 !important;
    }
    .filter-section-collapse form .input-group .input-group-addon.h-45 {
        height: 45px !important;
    }
</style>
@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('accounting::easy_entries.Easy 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::easy_entries.Easy Entries')</h3>
        </div>
        <div class="headBtns fixed-btns" style="padding-bottom: 10px;">
            <div class="btn-group pull-right">
                @can('accounting.easy-entries.create')
                <div class="btn-group product-list pull-right">
                    <a type="button" data-toggle="dropdown" aria-haspopup="true" class="bg-transparent" style="font-size: inherit; border:none;" aria-expanded="false" title="{{ __('Add')}}">
                        <span class="icon-Add action-icon"></span>
                    </a>
                    <div class="dropdown-menu" id="saveAndCreate">
                        @foreach($easyEntriesTypes as $type)
                            <a class="dropdown-item" href="{{ route('company.easy-entries.create',['type' => $type, 'subdomain' => $subdomain]) }}">{{ __('accounting::easy_entries.'.$type) }}</a>
                        @endforeach
                    </div>
                </div>
                @endcan
            </div>
            @can('accounting.easy-entries.export')
            <div class="mb-1">
                <a href="{{ route('company.easy-entries.export-excel',['old_year_receipts' => request('old_year_receipts'),'current_year_receipts' => request('current_year_receipts'),'subdomain' => $subdomain]) }}" class="pull-left" title="@lang('reports::reports.download_excel')">
                    <span class="icon-Excel action-icon"></span>
                </a>
                <a href="{{ route('company.easy-entries.exporting-pdf',['old_year_receipts' => request('old_year_receipts'),'current_year_receipts' => request('current_year_receipts'),'subdomain' => $subdomain]) }}" class="pull-left" title="@lang('reports::reports.Download_Pdf')">
                    <span class="icon-Pdf action-icon"></span>
                </a>
                <a href="{{route('company.easy-entries.print-easy-entries-list', ['old_year_receipts' => request('old_year_receipts'),'current_year_receipts' => request('current_year_receipts'),'subdomain' => $subdomain])}}" class="pull-left" target="_blank" title="@lang('Print')">
                    <span class="icon-Print action-icon"></span>
                </a>
            </div>
            @endcan
        </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.easy-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="category">@lang('accounting::easy_entries.Date')</label>
                                </div>
                                <div class="col-md-6  w-50-ipad-portrait mb-half">
                                    <x-date-picker 
                                        mode="single"
                                        name="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"
                                        :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::easy_entries.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::easy_entries.Type')</label>
                            </div>
                            <div class="col-lg-12">
                                <select name="type"
                                        id="type"
                                        style="width:100%"
                                        class="w-100 form-control selection select2-tag @if($errors->has('type')) is-invalid @endif">
                                        <option value=""> {{  __('All') }}</option>
                                        @foreach($easyEntriesTypes as $key => $value)
                                            <option value="{{$value}}" {{ (request('type') == $value) ? "selected" : "" }}>@lang('accounting::easy_entries.'.$value)</option>
                                        @endforeach
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-6">
                        <div class="form-group">
                            <div class="row">
                                    <button class="dropdown-item col-md-12" type="button">
                                        <fieldset>
                                            <label class="custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input" name="old_year_receipts" @if(request("old_year_receipts")) checked @endif>
                                                <span class="custom-control-indicator"></span>
                                                <span class="custom-control-description">@lang('accounting::easy_entries.old_year_easy_entries')</span>
                                            </label>
                                        </fieldset>
                                    </button>
                                    <button class="dropdown-item col-md-12" type="button">
                                        <fieldset>
                                            <label class="custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input" name="current_year_receipts" @if(request('current_year_receipts')) checked @endif>
                                                <span class="custom-control-indicator"></span>
                                                <span class="custom-control-description">@lang('accounting::easy_entries.current_year_easy_entries')</span>
                                            </label>
                                        </fieldset>
                                    </button>
                            </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 class="mt-1" id="configuration">
                <div class="row">
                    <div class="col-xs-12">
                        <div class="card">
                            <div class="card-body">
                                <div class="">
                                    <div id="div-collection" class=" content-row menuDisplayed sub-header-descr">
                                        <table class="table table-striped table-column dataex-res-configuration  prevent-init-sort @if(app()->getlocale() == 'ar') ar-language-file @endif" style="width:100%;display: inline-table;">
                                            <thead>
                                                <tr>
                                                    <th>@lang('accounting::easy_entries.Id')</th>
                                                    <th>@lang('accounting::easy_entries.Date')</th>
                                                    <th style="width: 15%">@lang('accounting::easy_entries.Type')</th>
                                                    <th>@lang('accounting::easy_entries.Amount')</th>
                                                    <th>@lang('accounting::easy_entries.Created by')</th>
                                                    <th>@lang('Actions')</th>
                                                </tr>
                                            </thead>
                                            <tbody>

                                                @foreach ($easyEntries as $entry)
                                                <tr>
                                                    <td>{{ $entry->id }}</td>
                                                    <td>
                                                        <span class="d-none">{{$entry->date}}</span>
                                                        {{ $entry->formatDate($entry->date)}}
                                                    </td>
                                                    <td>@lang('accounting::easy_entries.'.$entry->type)</td>
                                                    <td>{{ number_format($entry->amount,2,".",",")}}</td>
                                                    <td>{{ $entry->user->uname}}</td>
                                                    <td class="text-center">
                                                        @can('accounting.easy-entries.view')
                                                            <a href="{{route('company.easy-entries.show', ['subdomain' => $subdomain, 'entry' => $entry->id])}}" class='btn btni rounded-circle font-small-2 btn-primary btn-xs text-white' data-toggle="tooltip" data-placement="bottom" title="@lang('Show')"><i class="fa fa-eye"></i></a>
                                                        @endcan
                                                        @if($currentYearId == $entry->fiscal_year_id)
                                                            @can('accounting.easy-entries.edit')
                                                                <a href="{{route('company.easy-entries.edit', ['subdomain' => $subdomain, 'entry' => $entry->id])}}" class='btn btni rounded-circle font-small-2 btn-info btn-xs btn-edit text-white' data-toggle="tooltip" data-placement="bottom" title="@lang('Edit')"><i class="fa fa-pencil"></i></a>
                                                            @endcan
                                                            @can('accounting.easy-entries.delete')
                                                                <a href="" target="_blank" class="delete-entries" data-toggle="modal" data-target="#deleteModal"
                                                                    data-url="{{route('company.easy-entries.destroy', ['subdomain' => $subdomain, 'entry' => $entry->id])}}" data-toggle="tooltip"
                                                                    data-placement="bottom" title="@lang('Delete')">
                                                                    <button class='btn btni rounded-circle font-small-2 btn-warning btn-xs btn-delete' data-toggle="tooltip" data-placement="bottom" title="{{ __('Delete') }}">
                                                                        <i class="fa fa-trash-o"></i>
                                                                    </button>
                                                                </a>
                                                            @endcan
                                                        @endif
                                                    </td>
                                                </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                        {{-- delete modal --}}
                                        <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::easy_entries.Delete Confirmation')</p>
                                                    </div>
                                                    <div class="modal-footer">
                                                        <button type="button" class="btn btn-default mx-1" data-dismiss="modal">@lang('Cancel')</button>
                                                        <span class="pull-right">
                                                            <form id="delete-form" action="" method="POST" class="form">
                                                                @csrf
                                                                @method('delete')
                                                                <button type="submit" class="btn btn-primary">@lang('Continue')</button>
                                                            </form>
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>
</section>
@endsection

@section('extra_scripts')
    <script>
        gtag('event', 'web_accounting_easy_entries_list');
        console.log('web_accounting_easy_entries_list event');
    </script>
    <script src="{{ asset('assets/js/vendors/js/forms/icheck/icheck.min.js') }}" type="text/javascript" defer></script>
    <script src="{{ asset('assets/js/scripts/forms/checkbox-radio.js') }}" type="text/javascript" defer></script>
    <script src="{{ asset('assets/js/vendors/js/pickers/dateTime/moment-with-locales.min.js') }}" defer></script>
    <script src="{{ asset('assets/js/vendors/js/pickers/dateTime/bootstrap-datetimepicker.min.js') }}" defer></script>
    <script src="{{ asset('assets/js/vendors/js/pickers/pickadate/picker.js') }}" defer></script>
    <script src="{{ asset('assets/js/vendors/js/pickers/pickadate/picker.date.js') }}" defer></script>
    <script src="{{ asset('assets/js/vendors/js/pickers/pickadate/picker.time.js') }}" defer></script>
    <script src="{{ asset('assets/js/vendors/js/pickers/pickadate/legacy.js') }}" defer></script>
    <script src="{{ asset('assets/js/vendors/js/pickers/daterange/daterangepicker.js') }}" defer></script>
    <script src="{{ asset('assets/js/custom/daterangepicker.js') }}" defer></script>
    <script src="{{ asset('assets/js/vendors/js/pickers/dateTime/picker-date-time.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");
                    }
                });

                $('#reset').click(function(e) {
                    e.preventDefault()
                    // here we made it val to work in both inputs and dropdown menu
                    $('.form-control').val("");
                    $('.form-control').prop('selectedIndex', 0);

                    $('.select2-tag').select2({
                            tags: false,
                            allowClear: true,
                            language: {
                            noResults: function () {
                                return "{{ __('No result found')}}";
                            }
                        },
                    }).on('change', function() {
                        $('.select2-selection__clear').text("");
                    });
                    $('.select2-selection__clear').text("");
                });

                // For A Delete Record Popup
                //handel desktop(click) and mobile(touchstart) browsers
                $(document).on('touchstart click', '.delete-entries', function () {
                    var url = $(this).attr('data-url');
                    $("#delete-form").attr("action", url);
                });

                // disable the other checkbox when one is selected
                $('.custom-control-input').on('change', function(event) {
                    // disbale both checkboxes, then enable the just the selected one to be submitted
                    // (this to allow to select just one from the two options, so if user selected one option this will remove the other
                    // beacause we disable all then enable just the selected option)
                    $('.custom-control-input').prop('checked', false);
                    $(this).prop('checked', true);
                });
            });
        });
    </script>
@endsection