@use('App\Services\Date')
@extends('reports::layouts.master')
<link href="{{asset('assets/css/style-svgFont.css') }}" rel="stylesheet">
@section('title', __('reports::reports.Taxes Report'))
@section('page-link')
<li class="breadcrumb-item active">
    <a href="#" class="active">
        @lang('reports::reports.Taxes Report')
    </a>
</li>
@endsection
@section('section_title')
@lang('reports::reports.Taxes Report')
@endsection
@section('action_buttons')
<div class="headBtns mx-1 fixed-btns">
    <div class="btn-group pull-right">

    </div>
    <div class="mb-1 pull-left">
        <a class="text-green pull-left" href="{{ route('company.reports.index',['subdomain' => $subdomain]) }}" title="{{__('Back')}}">
            @if(LaravelLocalization::getCurrentLocale() === 'en')
            <span class="icon-Previous action-icon back-btnIcon"></span>
            @else
            <span class="icon-Next action-icon back-btnIcon"></span>
            @endif
        </a>
        @isset($data['accounts'])
        @can('reports.taxes-report.export')
        <a class="text-green" href="{{route('company.reports.taxes-report.export', ['subdomain' => $subdomain,'is_dates'=>request('is_dates'),'fiscal_year_id'=>request('fiscal_year_id'),'from' => request('from'),'to' => request('to')])}}" title="@lang('reports::reports.Download_Pdf')">
        <span class="icon-Pdf action-icon"></span>
        </a>
        <a class="text-green" href="{{route('company.reports.taxes-report.export-excel', ['subdomain' => $subdomain,'is_dates'=>request('is_dates'),'fiscal_year_id'=>request('fiscal_year_id'),'from' => request('from'),'to' => request('to')])}}" title="@lang('reports::reports.download_excel')">
        <span class="icon-Excel action-icon"></span>
        </a>

        <a class="text-green" target="_blank" href="{{route('company.reports.taxes-report.print', ['subdomain' => $subdomain,'is_dates'=>request('is_dates'),'fiscal_year_id'=>request('fiscal_year_id'),'from' => request('from'),'to' => request('to')])}}" title="@lang('reports::reports.print')">
        <span class="icon-Print action-icon"></span>
        </a>
        @endcan
        @endisset
    </div>
</div>
@endsection
@section('form-open-tag')
    <form action="{{ route('company.reports.taxes-report.index', ['subdomain' => $subdomain]) }}" method="GET" class="form form-horizontal striped-rows form-bordered dev-form-validate bg-primary filter-section report_filter" novalidate>
        <input id="default_indicator" type="hidden" name="is_dates" value="{{ request('is_dates')? request('is_dates'):0 }}">
@endsection

@section('koolreport')
@isset($data['accounts'])
<section id="configuration" class="summ_report">
    <div class="row">
        <div class="col-xs-12">
            <div class="card">
                <div class="card-body collapse in">

                    <div class="mb-3">
                        <h2>
                            @lang('reports::reports.Taxes Report')
                        </h2>
                        <h2>{{ $data['companyName'] }}</h2>
                        <h4></h4>
                        <h4>
                            <span dir="ltr">{{$data['dates']['from']}}</span> @lang('to') <span dir="ltr">{{$data['dates']['to']}}</span>
                        </h4>

                    </div>
                    <div class="table-responsive">
                        <table class="table table-borderless">
                            <thead>
                                <tr>
                                    <th></th>
                                    <th><b class="font-size-large">@lang('reports::reports.total')</b></th>
                                </tr>
                            </thead>
                            <tbody>

                                <tr>
                                    <td>
                                        <strong class="font-size-large">@lang('reports::reports.taxes_report.sales_taxes')</strong>
                                    </td>
                                    <td>
                                        <b>
                                            @if($data['salesVatAccountsSum'] < 0) ({{number_format(abs($data['salesVatAccountsSum']),2)}}) @else {{number_format($data['salesVatAccountsSum'],2)}} @endif </b>
                                    </td>
                                </tr>

                                <tr>
                                    <td>
                                        <strong class="font-size-large"> - @lang('reports::reports.taxes_report.purchases_taxes')</strong>
                                    </td>
                                    <td>
                                        <b>
                                            @if($data['purchaseVatAccountsSum'] < 0) ({{number_format(abs($data['purchaseVatAccountsSum']),2)}}) @else {{number_format($data['purchaseVatAccountsSum'],2)}} @endif </b>
                                    </td>
                                </tr>




                                <tr style="border-top: 1px solid #e3ebf3;border-bottom: 1px solid #e3ebf3">
                                    <td>
                                        <strong class="font-size-large">@lang('reports::reports.taxes_report.payable_vat')</strong>
                                    </td>
                                    <td>
                                        <b>
                                            @if($data['payableVat'] < 0) ({{number_format(abs($data['payableVat']),2)}}) @else {{number_format($data['payableVat'],2)}} @endif </b>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="text-lg-center">
                        @lang('reports::reports.accrual_basis')
                        @if(app()->getLocale() == 'ar')
                        {{Date::now('datetime')}}
                        @else
                        {{Date::now('datetime')}}
                        @endif
                    </div>


                </div>
            </div>
        </div>
    </div>
</section>
@endisset
@endsection
@section('filter-by-dates')
<div class="row " id="filter-by-dates" style="display: none">
    <div class="col-md-6">
        <div class="row">
            <div class="col-md-2">
                <label for="from">@lang('from')</label>
            </div>
            <div class="col-md-10">
                <div class='input-group'>
                    <input type='text' class="form-control singledate h-45" name="from" id="from" value="{{ request('from') }}" class="{{$errors->has('from') ? ' is-invalid':''}}" />
                    <span class="input-group-addon" style="height: 40px !important; line-height:40px;">
                        <span class="fa fa-calendar"></span>
                    </span>
                </div>

                @error('from')
                <div class="invalid-feedback text text-danger w-100 d-block" role="alert">
                    <p>{{ $message }}</p>
                </div>
                @enderror
            </div>

        </div>

    </div>

    <div class="col-md-6">
        <div class="row">
            <div class="col-md-2">
                <label for="category">@lang('to')</label>
            </div>
            <div class="col-md-10">
                <div class='input-group'>
                    <input type='text' class="form-control singledate h-45" name="to" id="to" value="{{ request('to') }}" class="{{$errors->has('to') ? ' is-invalid':''}}" />
                    <span class="input-group-addon" style="height: 40px !important;line-height:40px;">
                        <span class="fa fa-calendar"></span>
                    </span>
                </div>

                @error('to')
                <div class="invalid-feedback text text-danger w-100 d-block" role="alert">
                    <p>{{ $message }}</p>
                </div>
                @enderror
            </div>
        </div>
    </div>

</div>

@endsection
@section('custom_duration')
<option @if(request('is_dates')) selected @endif value="">
    @lang('reports::reports.custom_duration')
</option>
@endsection
@section('extra_scripts_filter_by_date')
<script>
    window.addEventListener('DOMContentLoaded', function() {
        $(document).ready(function() {

            if ($('#default_indicator').val() == 1 || $("#fiscal_year_id").val() == "") {
                $('#filter-by-dates').show();
            } else {
                // dates by default are hidden, so if it is hidden disbale from & to attributes
                $('input[name ="to"]').attr('disabled', true);
                $('input[name ="from"]').attr('disabled', true);
            }

            $('#fiscal_year_id').on('change', function() {

                if (this.value) {
                    $('#filter-by-dates').hide();
                    $('#default_indicator').val(0);
                    $('input[name ="to"]').attr('disabled', true);
                    $('input[name ="from"]').attr('disabled', true);

                } else {
                    $('#filter-by-dates').show();
                    $('#default_indicator').val(1);
                    $('input[name ="to"]').removeAttr('disabled');
                    $('input[name ="from"]').removeAttr('disabled');
                }

            });

        });
    });
</script>
@endsection